npm - acinguiux-ds-react-framework - Versions diffs - 0.1.25 → 0.1.27 - Mend

acinguiux-ds-react-framework 0.1.25 → 0.1.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4355) hide show

package/build/esm/components/Alert/Alert.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Alert.js","sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import React, { cloneElement, forwardRef, ReactElement, useCallback, useEffect, useRef } from 'react';\n\nimport classNames from 'classnames';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { Sizes, Directions, Variants, ALERT_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { AlertConsts, AlertUtils } from 'acinguiux-ds-react-base/components/Alert';\n\nimport Cross from '../Icon/components/Cross';\nimport * as Styled from './Alert.styles';\nimport type { IAlertProps } from './Alert.types';\nimport { getAlertButtonSize, getAlertCloseButtonSize, getAlertTextSize } from './utils/alertUtils';\n\nconst Alert = forwardRef<HTMLDivElement, IAlertProps>(\n (\n {\n className,\n size = `${Sizes.Medium}`,\n label,\n title,\n children,\n autoClose = false,\n sentiment = FabricsVariables.Sentiments.Neutral,\n icon,\n closeButton = false,\n onDismissClick,\n onClose,\n autoCloseTimeout = AlertConsts.consts.DEFAULT_AUTOCLOSE_TIMEOUT_MS,\n alignment = `${Directions.Vertical}`,\n highlight = false,\n banner = false,\n actions,\n variant = `${Variants.Outlined}`,\n ...rest\n },\n ref,\n ): ReactElement => {\n const alertTitle = title ?? label;\n const closeButtonRef = useRef<HTMLButtonElement>(null);\n\n // Note: Acceptable tech debt until onDismissClick is removed.\n const onCloseHandler = useCallback(\n (event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n if (event) {\n onDismissClick?.(event);\n onClose?.();\n } else if (onDismissClick) {\n closeButtonRef.current?.click();\n } else {\n onClose?.();\n }\n },\n [onDismissClick, onClose],\n );\n\n useEffect(() => {\n if (autoClose) {\n setTimeout(() => {\n onCloseHandler();\n }, autoCloseTimeout);\n }\n }, [autoClose, onCloseHandler, autoCloseTimeout]);\n\n return (\n <Styled.Alert\n $banner={banner}\n $highlight={highlight}\n $size={size}\n className={classNames(ALERT_CLASS, className)}\n $sentiment={sentiment}\n $variant={variant}\n $alignment={alignment}\n ref={ref}\n {...rest}\n >\n {autoClose && (\n <Styled.AutoCloseContainer $sentiment={sentiment} $variant={variant} $autoCloseTimeout={autoCloseTimeout} />\n )}\n <Styled.AlertContentContainer $size={size} $alignment={alignment} $variant={variant}>\n <Styled.InnerContainer $size={size} $alignment={alignment}>\n <Styled.MessageAndButtonContainer $size={size} $alignment={alignment}>\n <Styled.MessageAndIconVerticalContainer $size={size} $alignment={alignment}>\n {!!icon && (\n <Styled.IconContainer $size={size} $alignment={alignment}>\n {cloneElement(icon, {\n className: `${ALERT_CLASS}-icon`,\n 'aria-label': 'alert icon',\n ...icon.props,\n })}\n </Styled.IconContainer>\n )}\n <Styled.AlertMessageContainer $size={size} $alignment={alignment} $variant={variant}>\n {alertTitle && (\n <Styled.AlertTitle $size={size} $alignment={alignment}>\n {alertTitle}\n </Styled.AlertTitle>\n )}\n {typeof children === 'string' && children.length > 0 ? (\n <Styled.AlertMessage size={getAlertTextSize(size)}>{children}</Styled.AlertMessage>\n ) : (\n children\n )}\n </Styled.AlertMessageContainer>\n </Styled.MessageAndIconVerticalContainer>\n {closeButton && alignment === Directions.Vertical && (\n <Styled.CloseButton\n ref={closeButtonRef}\n sentiment={sentiment}\n sentimentProminence={AlertUtils.getProminence(variant)}\n size={getAlertCloseButtonSize(size)}\n title=\"Close\"\n onClick={onCloseHandler}\n variant={Variants.Transparent}\n iconOnly={true}\n icon={<Cross />}\n aria-label=\"Close\"\n />\n )}\n </Styled.MessageAndButtonContainer>\n {!!actions?.length && (\n <Styled.Actions $size={size} $alignment={alignment}>\n {actions.map(({ label: actionLabel, action, props }) => (\n <Styled.ActionButton\n sentiment={sentiment}\n sentimentProminence={AlertUtils.getProminence(variant)}\n key={actionLabel}\n onClick={action}\n size={getAlertButtonSize(size)}\n {...props}\n >\n {actionLabel}\n </Styled.ActionButton>\n ))}\n </Styled.Actions>\n )}\n {closeButton && alignment === Directions.Horizontal && (\n <Styled.CloseButton\n ref={closeButtonRef}\n sentiment={sentiment}\n sentimentProminence={AlertUtils.getProminence(variant)}\n size={getAlertCloseButtonSize(size)}\n title=\"Close\"\n onClick={onCloseHandler}\n variant={Variants.Transparent}\n iconOnly={true}\n icon={<Cross />}\n aria-label=\"Close\"\n />\n )}\n </Styled.InnerContainer>\n </Styled.AlertContentContainer>\n </Styled.Alert>\n );\n },\n);\n\nexport default Alert;\n"],"names":["Alert","forwardRef","className","size","Sizes","label","title","children","autoClose","sentiment","FabricsVariables","icon","closeButton","onDismissClick","onClose","autoCloseTimeout","AlertConsts.consts","alignment","Directions","highlight","banner","actions","variant","Variants","rest","ref","alertTitle","closeButtonRef","useRef","onCloseHandler","useCallback","event","useEffect","jsxs","Styled.Alert","classNames","ALERT_CLASS","jsx","Styled.AutoCloseContainer","Styled.AlertContentContainer","Styled.InnerContainer","Styled.MessageAndButtonContainer","Styled.MessageAndIconVerticalContainer","Styled.IconContainer","cloneElement","Styled.AlertMessageContainer","Styled.AlertTitle","Styled.AlertMessage","getAlertTextSize","Styled.CloseButton","AlertUtils.getProminence","getAlertCloseButtonSize","Cross","Styled.Actions","actionLabel","action","props","Styled.ActionButton","getAlertButtonSize"],"mappings":"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"}
1	+ {"version":3,"file":"Alert.js","sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import React, { cloneElement, forwardRef, ReactElement, useCallback, useEffect, useRef } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\r\nimport { Sizes, Directions, Variants, ALERT_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport { AlertConsts, AlertUtils } from 'acinguiux-ds-react-base/components/Alert';\r\n\r\nimport Cross from '../Icon/components/Cross';\r\nimport * as Styled from './Alert.styles';\r\nimport type { IAlertProps } from './Alert.types';\r\nimport { getAlertButtonSize, getAlertCloseButtonSize, getAlertTextSize } from './utils/alertUtils';\r\n\r\nconst Alert = forwardRef<HTMLDivElement, IAlertProps>(\r\n (\r\n {\r\n className,\r\n size = `${Sizes.Medium}`,\r\n label,\r\n title,\r\n children,\r\n autoClose = false,\r\n sentiment = FabricsVariables.Sentiments.Neutral,\r\n icon,\r\n closeButton = false,\r\n onDismissClick,\r\n onClose,\r\n autoCloseTimeout = AlertConsts.consts.DEFAULT_AUTOCLOSE_TIMEOUT_MS,\r\n alignment = `${Directions.Vertical}`,\r\n highlight = false,\r\n banner = false,\r\n actions,\r\n variant = `${Variants.Outlined}`,\r\n ...rest\r\n },\r\n ref,\r\n ): ReactElement => {\r\n const alertTitle = title ?? label;\r\n const closeButtonRef = useRef<HTMLButtonElement>(null);\r\n\r\n // Note: Acceptable tech debt until onDismissClick is removed.\r\n const onCloseHandler = useCallback(\r\n (event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\r\n if (event) {\r\n onDismissClick?.(event);\r\n onClose?.();\r\n } else if (onDismissClick) {\r\n closeButtonRef.current?.click();\r\n } else {\r\n onClose?.();\r\n }\r\n },\r\n [onDismissClick, onClose],\r\n );\r\n\r\n useEffect(() => {\r\n if (autoClose) {\r\n setTimeout(() => {\r\n onCloseHandler();\r\n }, autoCloseTimeout);\r\n }\r\n }, [autoClose, onCloseHandler, autoCloseTimeout]);\r\n\r\n return (\r\n <Styled.Alert\r\n $banner={banner}\r\n $highlight={highlight}\r\n $size={size}\r\n className={classNames(ALERT_CLASS, className)}\r\n $sentiment={sentiment}\r\n $variant={variant}\r\n $alignment={alignment}\r\n ref={ref}\r\n {...rest}\r\n >\r\n {autoClose && (\r\n <Styled.AutoCloseContainer $sentiment={sentiment} $variant={variant} $autoCloseTimeout={autoCloseTimeout} />\r\n )}\r\n <Styled.AlertContentContainer $size={size} $alignment={alignment} $variant={variant}>\r\n <Styled.InnerContainer $size={size} $alignment={alignment}>\r\n <Styled.MessageAndButtonContainer $size={size} $alignment={alignment}>\r\n <Styled.MessageAndIconVerticalContainer $size={size} $alignment={alignment}>\r\n {!!icon && (\r\n <Styled.IconContainer $size={size} $alignment={alignment}>\r\n {cloneElement(icon, {\r\n className: `${ALERT_CLASS}-icon`,\r\n 'aria-label': 'alert icon',\r\n ...icon.props,\r\n })}\r\n </Styled.IconContainer>\r\n )}\r\n <Styled.AlertMessageContainer $size={size} $alignment={alignment} $variant={variant}>\r\n {alertTitle && (\r\n <Styled.AlertTitle $size={size} $alignment={alignment}>\r\n {alertTitle}\r\n </Styled.AlertTitle>\r\n )}\r\n {typeof children === 'string' && children.length > 0 ? (\r\n <Styled.AlertMessage size={getAlertTextSize(size)}>{children}</Styled.AlertMessage>\r\n ) : (\r\n children\r\n )}\r\n </Styled.AlertMessageContainer>\r\n </Styled.MessageAndIconVerticalContainer>\r\n {closeButton && alignment === Directions.Vertical && (\r\n <Styled.CloseButton\r\n ref={closeButtonRef}\r\n sentiment={sentiment}\r\n sentimentProminence={AlertUtils.getProminence(variant)}\r\n size={getAlertCloseButtonSize(size)}\r\n title=\"Close\"\r\n onClick={onCloseHandler}\r\n variant={Variants.Transparent}\r\n iconOnly={true}\r\n icon={<Cross />}\r\n aria-label=\"Close\"\r\n />\r\n )}\r\n </Styled.MessageAndButtonContainer>\r\n {!!actions?.length && (\r\n <Styled.Actions $size={size} $alignment={alignment}>\r\n {actions.map(({ label: actionLabel, action, props }) => (\r\n <Styled.ActionButton\r\n sentiment={sentiment}\r\n sentimentProminence={AlertUtils.getProminence(variant)}\r\n key={actionLabel}\r\n onClick={action}\r\n size={getAlertButtonSize(size)}\r\n {...props}\r\n >\r\n {actionLabel}\r\n </Styled.ActionButton>\r\n ))}\r\n </Styled.Actions>\r\n )}\r\n {closeButton && alignment === Directions.Horizontal && (\r\n <Styled.CloseButton\r\n ref={closeButtonRef}\r\n sentiment={sentiment}\r\n sentimentProminence={AlertUtils.getProminence(variant)}\r\n size={getAlertCloseButtonSize(size)}\r\n title=\"Close\"\r\n onClick={onCloseHandler}\r\n variant={Variants.Transparent}\r\n iconOnly={true}\r\n icon={<Cross />}\r\n aria-label=\"Close\"\r\n />\r\n )}\r\n </Styled.InnerContainer>\r\n </Styled.AlertContentContainer>\r\n </Styled.Alert>\r\n );\r\n },\r\n);\r\n\r\nexport default Alert;\r\n"],"names":["Alert","forwardRef","className","size","Sizes","label","title","children","autoClose","sentiment","FabricsVariables","icon","closeButton","onDismissClick","onClose","autoCloseTimeout","AlertConsts.consts","alignment","Directions","highlight","banner","actions","variant","Variants","rest","ref","alertTitle","closeButtonRef","useRef","onCloseHandler","useCallback","event","useEffect","jsxs","Styled.Alert","classNames","ALERT_CLASS","jsx","Styled.AutoCloseContainer","Styled.AlertContentContainer","Styled.InnerContainer","Styled.MessageAndButtonContainer","Styled.MessageAndIconVerticalContainer","Styled.IconContainer","cloneElement","Styled.AlertMessageContainer","Styled.AlertTitle","Styled.AlertMessage","getAlertTextSize","Styled.CloseButton","AlertUtils.getProminence","getAlertCloseButtonSize","Cross","Styled.Actions","actionLabel","action","props","Styled.ActionButton","getAlertButtonSize"],"mappings":"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"}

package/build/esm/components/Alert/Alert.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Alert.styles.js","sources":["../../../../src/components/Alert/Alert.styles.tsx"],"sourcesContent":["import { PropsWithChildren } from 'react';\n\nimport { Directions, LINK_CLASS, Sizes, Variants } from 'acinguiux-ds-react-base/consts';\nimport { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { AlertConsts, AlertTypes } from 'acinguiux-ds-react-base/components/Alert';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { styled, css, keyframes } from 'styled-components';\nimport { getLargerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\nimport { LabelTypes, TextTypes } from 'acinguiux-ds-react-base/components/Text';\n\nimport Label from '../Text/components/Label/Label';\nimport Text from '../Text/components/Text/Text';\nimport type { IAlertProps } from './Alert.types';\nimport OnSentimentButton from '../Button/OnSentimentButton';\nimport { getAlertBodySize } from './utils/alertUtils';\n\nconst getProminence = (variant: AlertTypes.Variant) => {\n if (variant === Variants.Filled) {\n return FabricsVariables.SentimentProminences.Strong;\n }\n\n if (variant === Variants.Subtle) {\n return FabricsVariables.SentimentProminences.Subtle;\n }\n\n return FabricsVariables.SentimentProminences.Transparent;\n};\n\ntype AlertBasicProps = Required<PickTransient<IAlertProps, 'size' \| 'alignment'>>;\ntype AlertVariantProps = Required<PickTransient<IAlertProps, 'variant'>>;\ntype AlertSentimentProps = Required<PickTransient<IAlertProps, 'sentiment'>>;\ntype AlertBannerProps = Required<PickTransient<IAlertProps, 'banner'>>;\ntype AlertHighlightProps = Required<PickTransient<IAlertProps, 'highlight'>>;\ntype AlertAutocloseProps = Required<PickTransient<IAlertProps, 'autoCloseTimeout'>>;\n\nconst fullWidth = keyframes`\n from {\n width: 0;\n }\n \n to {\n width: 100%;\n }\n`;\n\nconst opacity = keyframes`\n from {\n opacity: 0;\n }\n \n to {\n opacity: 1;\n }\n`;\n\nconst miniOpacity = keyframes`\n from {\n opacity: 0;\n }\n \n to {\n opacity: .1;\n }\n`;\n\nconst AutoCloseContainer = styled.div<AlertVariantProps & AlertSentimentProps & AlertAutocloseProps>`\n ${({ $sentiment, $variant, $autoCloseTimeout, theme }) => {\n const layer = theme.layer({\n sentiment: $sentiment,\n sentimentProminence: FabricsVariables.SentimentProminences.Strong,\n });\n\n return css`\n position: absolute;\n inset-block: 0;\n opacity: ${$variant === Variants.Filled ? 1 : 0.1};\n left: 0;\n right: 0;\n overflow: hidden;\n pointer-events: none;\n\n &::after {\n content: '';\n position: relative;\n height: 100%;\n display: block;\n\n @media (prefers-reduced-motion: no-preference) {\n width: 0;\n opacity: ${$variant === Variants.Filled ? 0.1 : 1};\n will-change: width;\n animation: ${fullWidth} ${$autoCloseTimeout}ms ease-out forwards;\n }\n\n @media (prefers-reduced-motion: reduce) {\n width: 100%;\n opacity: 0;\n will-change: opacity;\n animation: ${$variant === Variants.Filled ? miniOpacity : opacity} 1s ease-out forwards;\n }\n background-color: ${layer[Variables.BackgroundSentiment]};\n ${$variant === Variants.Filled &&\n css`\n mix-blend-mode: difference;\n `}\n }\n `;\n }};\n`;\n\nconst AlertContentContainer = styled.div<AlertBasicProps & AlertVariantProps>`\n ${({ $size, $alignment, $variant }) => css`\n position: relative;\n display: flex;\n flex: 1 0 0;\n min-width: 0;\n min-height: 100%;\n overflow: hidden;\n padding: ${AlertConsts.consts[$size][$alignment].padding.vertical}px\n ${AlertConsts.consts[$size][$alignment].padding.horizontal}px;\n\n ${$variant === Variants.Outlined &&\n css`\n padding: ${AlertConsts.consts[$size][$alignment].padding.vertical - 1}px\n ${AlertConsts.consts[$size][$alignment].padding.horizontal - 1}px;\n `}\n `};\n`;\n\nconst Alert = styled.div<\n AlertBasicProps & AlertVariantProps & AlertSentimentProps & AlertBannerProps & AlertHighlightProps\n>`\n ${({ $size, $sentiment, $banner, $highlight, $variant, $alignment, theme }) => {\n const currentModes = { sentiment: $sentiment, sentimentProminence: getProminence($variant) };\n const layer = theme.layer(currentModes);\n\n return css`\n position: relative;\n background-color: ${layer[Variables.BackgroundSentiment]};\n color: ${layer[Variables.TextOnSentimentOnBackground]};\n border-color: ${layer[Variables.BorderOnSentimentOnBackground]};\n\n display: flex;\n align-items: flex-start;\n width: 100%;\n &,\n & > ${AutoCloseContainer} {\n border-radius: ${$banner ? 0 : AlertConsts.consts[$size][$alignment].radius}px;\n }\n box-sizing: border-box;\n min-height: ${AlertConsts.consts[$size][$alignment].minHeight}px;\n min-width: 0;\n margin: 0;\n padding: 0;\n\n ${$highlight &&\n !$banner &&\n css`\n & > ${AlertContentContainer} {\n margin-left: ${AlertConsts.consts[$size][$alignment].highlightContainerWidth}px;\n\n &::before {\n content: '';\n display: block;\n position: absolute;\n top: ${AlertConsts.consts[$size][$alignment].highlightPadding}px;\n bottom: ${AlertConsts.consts[$size][$alignment].highlightPadding}px;\n left: calc(${AlertConsts.consts[$size][$alignment].highlightContainerOffset}px);\n width: ${AlertConsts.consts[$size][$alignment].highlightWidth}px;\n border-radius: 10000px;\n background-color: ${layer[Variables.ForegroundOnSentiment]};\n }\n }\n `};\n\n ${$variant === Variants.Outlined &&\n css`\n border-width: 1px;\n border-style: solid;\n `}\n\n ${$alignment === Directions.Horizontal &&\n css`\n justify-content: center;\n `}\n \n ${$banner &&\n $variant === Variants.Outlined &&\n css`\n border-right-width: 0;\n border-left-width: 0;\n `}\n `;\n }}\n`;\n\nconst MessageAndButtonContainer = styled.div<AlertBasicProps>`\n ${({ $size, $alignment }) => css`\n display: flex;\n flex: 1 1 100%;\n width: 100%;\n min-width: 0;\n overflow: hidden;\n flex-wrap: wrap;\n align-items: flex-start;\n gap: ${AlertConsts.consts[$size][$alignment].textIconGap}px;\n `};\n`;\n\nconst MessageAndIconVerticalContainer = styled.div<AlertBasicProps>`\n ${({ $alignment, $size }) => css`\n display: flex;\n flex: 1 0 0;\n width: 100%;\n min-width: 0;\n flex-wrap: nowrap;\n align-items: ${$alignment === Directions.Horizontal ? 'center' : 'flex-start'};\n gap: ${AlertConsts.consts[$size][$alignment].textIconGap}px;\n padding: ${AlertConsts.consts[$size][$alignment].innerPadding.top}px\n ${AlertConsts.consts[$size][$alignment].innerPadding.right}px\n ${AlertConsts.consts[$size][$alignment].innerPadding.bottom}px\n ${AlertConsts.consts[$size][$alignment].innerPadding.left}px;\n\n ${$alignment === Directions.Vertical &&\n css`\n padding-right: 0;\n `};\n `};\n`;\n\nconst IconContainer = styled.div<AlertBasicProps>`\n ${({ $alignment, $size }) => css`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n\n min-width: ${AlertConsts.consts[$size][$alignment].minIconSize ?? AlertConsts.consts[$size][$alignment].iconSize}px;\n min-height: ${AlertConsts.consts[$size][$alignment].minIconSize ??\n AlertConsts.consts[$size][$alignment].iconSize}px;\n\n & > svg {\n width: ${AlertConsts.consts[$size][$alignment].iconSize}px;\n height: ${AlertConsts.consts[$size][$alignment].iconSize}px;\n }\n `};\n`;\n\nconst InnerContainer = styled.div<AlertBasicProps>`\n ${({ $size, $alignment }) => css`\n display: flex;\n flex: 1 1 100%;\n justify-content: space-between;\n flex-wrap: nowrap;\n min-width: 0;\n gap: ${AlertConsts.consts[$size][$alignment].innerGap}px;\n align-self: stretch;\n align-items: center;\n\n ${$alignment === Directions.Vertical &&\n css`\n flex-direction: column;\n align-items: flex-start;\n `}\n `}\n`;\n\nconst AlertMessageContainer = styled.div<AlertBasicProps & AlertVariantProps>`\n ${({ $size, $variant, $alignment, theme }) => css`\n ${theme.typography('paragraph', getAlertBodySize($size))};\n display: flex;\n flex: 1 0 0;\n padding: 0 ${AlertConsts.consts[$size][$alignment].innerPadding.right}px 0\n ${AlertConsts.consts[$size][$alignment].innerPadding.left}px;\n\n ${$alignment === Directions.Horizontal &&\n css`\n padding-left: 0;\n padding-right: 0;\n `};\n\n overflow: hidden;\n\n * {\n color: inherit;\n margin: 0;\n padding: 0;\n\n ${(!$variant \|\| $variant === 'filled') &&\n css`\n .${LINK_CLASS} a {\n &,\n &:hover,\n &:visited {\n color: inherit;\n border-color: inherit;\n }\n }\n `};\n\n ${$alignment === Directions.Horizontal &&\n css`\n white-space: nowrap;\n `};\n }\n\n ${$alignment === Directions.Horizontal &&\n css`\n > p {\n overflow: hidden;\n text-overflow: ellipsis;\n }\n `};\n\n gap: ${AlertConsts.consts[$size][$alignment].textGap}px;\n\n ${$alignment === Directions.Horizontal &&\n css`\n align-items: baseline;\n `}\n\n ${$alignment === Directions.Vertical &&\n css`\n align-items: flex-start;\n flex-direction: column;\n `}\n `};\n`;\n\nconst AlertTitle = ({\n $size,\n $alignment,\n children,\n}: PropsWithChildren<Required<PickTransient<IAlertProps, 'size' \| 'alignment'>>>) => {\n if ($alignment === Directions.Vertical) {\n if ($size === Sizes.Large) {\n return (\n <Text bold={true} size={getLargerSize($size) as TextTypes.Size}>\n {children}\n </Text>\n );\n }\n\n return (\n <Label bold={true} size={getLargerSize($size) as LabelTypes.Size}>\n {children}\n </Label>\n );\n }\n\n return (\n <Text bold={true} size={$size}>\n {children}\n </Text>\n );\n};\n\nconst AlertMessage = styled(Text)``;\n\nconst Actions = styled.div<AlertBasicProps>`\n ${({ $size, $alignment }) => css`\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n justify-content: flex-end;\n gap: ${AlertConsts.consts[$size][$alignment].buttonGap}px;\n\n ${$alignment === Directions.Vertical &&\n css`\n align-self: stretch;\n `};\n `};\n`;\n\nconst ActionButton = styled(OnSentimentButton)``;\n\nconst CloseButton = styled(OnSentimentButton)``;\n\nexport {\n ActionButton,\n Actions,\n Alert,\n AutoCloseContainer,\n AlertContentContainer,\n AlertTitle,\n AlertMessage,\n AlertMessageContainer,\n CloseButton,\n IconContainer,\n InnerContainer,\n MessageAndButtonContainer,\n MessageAndIconVerticalContainer,\n};\n"],"names":["getProminence","variant","Variants","FabricsVariables","fullWidth","keyframes","opacity","miniOpacity","AutoCloseContainer","styled","$sentiment","$variant","$autoCloseTimeout","theme","layer","css","Variables","AlertContentContainer","$size","$alignment","AlertConsts.consts","Alert","$banner","$highlight","currentModes","Directions","MessageAndButtonContainer","MessageAndIconVerticalContainer","IconContainer","InnerContainer","AlertMessageContainer","getAlertBodySize","LINK_CLASS","AlertTitle","children","Sizes","jsx","Text","getLargerSize","Label","AlertMessage","Actions","ActionButton","OnSentimentButton","CloseButton"],"mappings":"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"}
1	+ {"version":3,"file":"Alert.styles.js","sources":["../../../../src/components/Alert/Alert.styles.tsx"],"sourcesContent":["import { PropsWithChildren } from 'react';\r\n\r\nimport { Directions, LINK_CLASS, Sizes, Variants } from 'acinguiux-ds-react-base/consts';\r\nimport { PickTransient } from 'acinguiux-ds-react-base/types';\r\nimport { Variables } from 'acinguiux-ds-react-base/theme';\r\nimport { AlertConsts, AlertTypes } from 'acinguiux-ds-react-base/components/Alert';\r\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\r\nimport { styled, css, keyframes } from 'styled-components';\r\nimport { getLargerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\r\nimport { LabelTypes, TextTypes } from 'acinguiux-ds-react-base/components/Text';\r\n\r\nimport Label from '../Text/components/Label/Label';\r\nimport Text from '../Text/components/Text/Text';\r\nimport type { IAlertProps } from './Alert.types';\r\nimport OnSentimentButton from '../Button/OnSentimentButton';\r\nimport { getAlertBodySize } from './utils/alertUtils';\r\n\r\nconst getProminence = (variant: AlertTypes.Variant) => {\r\n if (variant === Variants.Filled) {\r\n return FabricsVariables.SentimentProminences.Strong;\r\n }\r\n\r\n if (variant === Variants.Subtle) {\r\n return FabricsVariables.SentimentProminences.Subtle;\r\n }\r\n\r\n return FabricsVariables.SentimentProminences.Transparent;\r\n};\r\n\r\ntype AlertBasicProps = Required<PickTransient<IAlertProps, 'size' \| 'alignment'>>;\r\ntype AlertVariantProps = Required<PickTransient<IAlertProps, 'variant'>>;\r\ntype AlertSentimentProps = Required<PickTransient<IAlertProps, 'sentiment'>>;\r\ntype AlertBannerProps = Required<PickTransient<IAlertProps, 'banner'>>;\r\ntype AlertHighlightProps = Required<PickTransient<IAlertProps, 'highlight'>>;\r\ntype AlertAutocloseProps = Required<PickTransient<IAlertProps, 'autoCloseTimeout'>>;\r\n\r\nconst fullWidth = keyframes`\r\n from {\r\n width: 0;\r\n }\r\n \r\n to {\r\n width: 100%;\r\n }\r\n`;\r\n\r\nconst opacity = keyframes`\r\n from {\r\n opacity: 0;\r\n }\r\n \r\n to {\r\n opacity: 1;\r\n }\r\n`;\r\n\r\nconst miniOpacity = keyframes`\r\n from {\r\n opacity: 0;\r\n }\r\n \r\n to {\r\n opacity: .1;\r\n }\r\n`;\r\n\r\nconst AutoCloseContainer = styled.div<AlertVariantProps & AlertSentimentProps & AlertAutocloseProps>`\r\n ${({ $sentiment, $variant, $autoCloseTimeout, theme }) => {\r\n const layer = theme.layer({\r\n sentiment: $sentiment,\r\n sentimentProminence: FabricsVariables.SentimentProminences.Strong,\r\n });\r\n\r\n return css`\r\n position: absolute;\r\n inset-block: 0;\r\n opacity: ${$variant === Variants.Filled ? 1 : 0.1};\r\n left: 0;\r\n right: 0;\r\n overflow: hidden;\r\n pointer-events: none;\r\n\r\n &::after {\r\n content: '';\r\n position: relative;\r\n height: 100%;\r\n display: block;\r\n\r\n @media (prefers-reduced-motion: no-preference) {\r\n width: 0;\r\n opacity: ${$variant === Variants.Filled ? 0.1 : 1};\r\n will-change: width;\r\n animation: ${fullWidth} ${$autoCloseTimeout}ms ease-out forwards;\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n width: 100%;\r\n opacity: 0;\r\n will-change: opacity;\r\n animation: ${$variant === Variants.Filled ? miniOpacity : opacity} 1s ease-out forwards;\r\n }\r\n background-color: ${layer[Variables.BackgroundSentiment]};\r\n ${$variant === Variants.Filled &&\r\n css`\r\n mix-blend-mode: difference;\r\n `}\r\n }\r\n `;\r\n }};\r\n`;\r\n\r\nconst AlertContentContainer = styled.div<AlertBasicProps & AlertVariantProps>`\r\n ${({ $size, $alignment, $variant }) => css`\r\n position: relative;\r\n display: flex;\r\n flex: 1 0 0;\r\n min-width: 0;\r\n min-height: 100%;\r\n overflow: hidden;\r\n padding: ${AlertConsts.consts[$size][$alignment].padding.vertical}px\r\n ${AlertConsts.consts[$size][$alignment].padding.horizontal}px;\r\n\r\n ${$variant === Variants.Outlined &&\r\n css`\r\n padding: ${AlertConsts.consts[$size][$alignment].padding.vertical - 1}px\r\n ${AlertConsts.consts[$size][$alignment].padding.horizontal - 1}px;\r\n `}\r\n `};\r\n`;\r\n\r\nconst Alert = styled.div<\r\n AlertBasicProps & AlertVariantProps & AlertSentimentProps & AlertBannerProps & AlertHighlightProps\r\n>`\r\n ${({ $size, $sentiment, $banner, $highlight, $variant, $alignment, theme }) => {\r\n const currentModes = { sentiment: $sentiment, sentimentProminence: getProminence($variant) };\r\n const layer = theme.layer(currentModes);\r\n\r\n return css`\r\n position: relative;\r\n background-color: ${layer[Variables.BackgroundSentiment]};\r\n color: ${layer[Variables.TextOnSentimentOnBackground]};\r\n border-color: ${layer[Variables.BorderOnSentimentOnBackground]};\r\n\r\n display: flex;\r\n align-items: flex-start;\r\n width: 100%;\r\n &,\r\n & > ${AutoCloseContainer} {\r\n border-radius: ${$banner ? 0 : AlertConsts.consts[$size][$alignment].radius}px;\r\n }\r\n box-sizing: border-box;\r\n min-height: ${AlertConsts.consts[$size][$alignment].minHeight}px;\r\n min-width: 0;\r\n margin: 0;\r\n padding: 0;\r\n\r\n ${$highlight &&\r\n !$banner &&\r\n css`\r\n & > ${AlertContentContainer} {\r\n margin-left: ${AlertConsts.consts[$size][$alignment].highlightContainerWidth}px;\r\n\r\n &::before {\r\n content: '';\r\n display: block;\r\n position: absolute;\r\n top: ${AlertConsts.consts[$size][$alignment].highlightPadding}px;\r\n bottom: ${AlertConsts.consts[$size][$alignment].highlightPadding}px;\r\n left: calc(${AlertConsts.consts[$size][$alignment].highlightContainerOffset}px);\r\n width: ${AlertConsts.consts[$size][$alignment].highlightWidth}px;\r\n border-radius: 10000px;\r\n background-color: ${layer[Variables.ForegroundOnSentiment]};\r\n }\r\n }\r\n `};\r\n\r\n ${$variant === Variants.Outlined &&\r\n css`\r\n border-width: 1px;\r\n border-style: solid;\r\n `}\r\n\r\n ${$alignment === Directions.Horizontal &&\r\n css`\r\n justify-content: center;\r\n `}\r\n \r\n ${$banner &&\r\n $variant === Variants.Outlined &&\r\n css`\r\n border-right-width: 0;\r\n border-left-width: 0;\r\n `}\r\n `;\r\n }}\r\n`;\r\n\r\nconst MessageAndButtonContainer = styled.div<AlertBasicProps>`\r\n ${({ $size, $alignment }) => css`\r\n display: flex;\r\n flex: 1 1 100%;\r\n width: 100%;\r\n min-width: 0;\r\n overflow: hidden;\r\n flex-wrap: wrap;\r\n align-items: flex-start;\r\n gap: ${AlertConsts.consts[$size][$alignment].textIconGap}px;\r\n `};\r\n`;\r\n\r\nconst MessageAndIconVerticalContainer = styled.div<AlertBasicProps>`\r\n ${({ $alignment, $size }) => css`\r\n display: flex;\r\n flex: 1 0 0;\r\n width: 100%;\r\n min-width: 0;\r\n flex-wrap: nowrap;\r\n align-items: ${$alignment === Directions.Horizontal ? 'center' : 'flex-start'};\r\n gap: ${AlertConsts.consts[$size][$alignment].textIconGap}px;\r\n padding: ${AlertConsts.consts[$size][$alignment].innerPadding.top}px\r\n ${AlertConsts.consts[$size][$alignment].innerPadding.right}px\r\n ${AlertConsts.consts[$size][$alignment].innerPadding.bottom}px\r\n ${AlertConsts.consts[$size][$alignment].innerPadding.left}px;\r\n\r\n ${$alignment === Directions.Vertical &&\r\n css`\r\n padding-right: 0;\r\n `};\r\n `};\r\n`;\r\n\r\nconst IconContainer = styled.div<AlertBasicProps>`\r\n ${({ $alignment, $size }) => css`\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n min-width: ${AlertConsts.consts[$size][$alignment].minIconSize ?? AlertConsts.consts[$size][$alignment].iconSize}px;\r\n min-height: ${AlertConsts.consts[$size][$alignment].minIconSize ??\r\n AlertConsts.consts[$size][$alignment].iconSize}px;\r\n\r\n & > svg {\r\n width: ${AlertConsts.consts[$size][$alignment].iconSize}px;\r\n height: ${AlertConsts.consts[$size][$alignment].iconSize}px;\r\n }\r\n `};\r\n`;\r\n\r\nconst InnerContainer = styled.div<AlertBasicProps>`\r\n ${({ $size, $alignment }) => css`\r\n display: flex;\r\n flex: 1 1 100%;\r\n justify-content: space-between;\r\n flex-wrap: nowrap;\r\n min-width: 0;\r\n gap: ${AlertConsts.consts[$size][$alignment].innerGap}px;\r\n align-self: stretch;\r\n align-items: center;\r\n\r\n ${$alignment === Directions.Vertical &&\r\n css`\r\n flex-direction: column;\r\n align-items: flex-start;\r\n `}\r\n `}\r\n`;\r\n\r\nconst AlertMessageContainer = styled.div<AlertBasicProps & AlertVariantProps>`\r\n ${({ $size, $variant, $alignment, theme }) => css`\r\n ${theme.typography('paragraph', getAlertBodySize($size))};\r\n display: flex;\r\n flex: 1 0 0;\r\n padding: 0 ${AlertConsts.consts[$size][$alignment].innerPadding.right}px 0\r\n ${AlertConsts.consts[$size][$alignment].innerPadding.left}px;\r\n\r\n ${$alignment === Directions.Horizontal &&\r\n css`\r\n padding-left: 0;\r\n padding-right: 0;\r\n `};\r\n\r\n overflow: hidden;\r\n\r\n * {\r\n color: inherit;\r\n margin: 0;\r\n padding: 0;\r\n\r\n ${(!$variant \|\| $variant === 'filled') &&\r\n css`\r\n .${LINK_CLASS} a {\r\n &,\r\n &:hover,\r\n &:visited {\r\n color: inherit;\r\n border-color: inherit;\r\n }\r\n }\r\n `};\r\n\r\n ${$alignment === Directions.Horizontal &&\r\n css`\r\n white-space: nowrap;\r\n `};\r\n }\r\n\r\n ${$alignment === Directions.Horizontal &&\r\n css`\r\n > p {\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n }\r\n `};\r\n\r\n gap: ${AlertConsts.consts[$size][$alignment].textGap}px;\r\n\r\n ${$alignment === Directions.Horizontal &&\r\n css`\r\n align-items: baseline;\r\n `}\r\n\r\n ${$alignment === Directions.Vertical &&\r\n css`\r\n align-items: flex-start;\r\n flex-direction: column;\r\n `}\r\n `};\r\n`;\r\n\r\nconst AlertTitle = ({\r\n $size,\r\n $alignment,\r\n children,\r\n}: PropsWithChildren<Required<PickTransient<IAlertProps, 'size' \| 'alignment'>>>) => {\r\n if ($alignment === Directions.Vertical) {\r\n if ($size === Sizes.Large) {\r\n return (\r\n <Text bold={true} size={getLargerSize($size) as TextTypes.Size}>\r\n {children}\r\n </Text>\r\n );\r\n }\r\n\r\n return (\r\n <Label bold={true} size={getLargerSize($size) as LabelTypes.Size}>\r\n {children}\r\n </Label>\r\n );\r\n }\r\n\r\n return (\r\n <Text bold={true} size={$size}>\r\n {children}\r\n </Text>\r\n );\r\n};\r\n\r\nconst AlertMessage = styled(Text)``;\r\n\r\nconst Actions = styled.div<AlertBasicProps>`\r\n ${({ $size, $alignment }) => css`\r\n display: flex;\r\n align-items: center;\r\n flex-wrap: nowrap;\r\n justify-content: flex-end;\r\n gap: ${AlertConsts.consts[$size][$alignment].buttonGap}px;\r\n\r\n ${$alignment === Directions.Vertical &&\r\n css`\r\n align-self: stretch;\r\n `};\r\n `};\r\n`;\r\n\r\nconst ActionButton = styled(OnSentimentButton)``;\r\n\r\nconst CloseButton = styled(OnSentimentButton)``;\r\n\r\nexport {\r\n ActionButton,\r\n Actions,\r\n Alert,\r\n AutoCloseContainer,\r\n AlertContentContainer,\r\n AlertTitle,\r\n AlertMessage,\r\n AlertMessageContainer,\r\n CloseButton,\r\n IconContainer,\r\n InnerContainer,\r\n MessageAndButtonContainer,\r\n MessageAndIconVerticalContainer,\r\n};\r\n"],"names":["getProminence","variant","Variants","FabricsVariables","fullWidth","keyframes","opacity","miniOpacity","AutoCloseContainer","styled","$sentiment","$variant","$autoCloseTimeout","theme","layer","css","Variables","AlertContentContainer","$size","$alignment","AlertConsts.consts","Alert","$banner","$highlight","currentModes","Directions","MessageAndButtonContainer","MessageAndIconVerticalContainer","IconContainer","InnerContainer","AlertMessageContainer","getAlertBodySize","LINK_CLASS","AlertTitle","children","Sizes","jsx","Text","getLargerSize","Label","AlertMessage","Actions","ActionButton","OnSentimentButton","CloseButton"],"mappings":"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"}

package/build/esm/components/Alert/utils/alertUtils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"alertUtils.js","sources":["../../../../../src/components/Alert/utils/alertUtils.tsx"],"sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base/consts';\nimport type { TextTypes } from 'acinguiux-ds-react-base/components/Text';\nimport type { TypographySize } from 'acinguiux-ds-react-base/theme';\nimport type { AlertTypes } from 'acinguiux-ds-react-base/components/Alert';\n\nexport const getAlertButtonSize = (size?: AlertTypes.Size) => {\n switch (size) {\n case Sizes.Large:\n return Sizes.Medium;\n case Sizes.XSmall:\n return Sizes.XSmall;\n default:\n return Sizes.Small;\n }\n};\n\nexport const getAlertCloseButtonSize = (size?: AlertTypes.Size) => {\n switch (size) {\n case Sizes.Large:\n return Sizes.Medium;\n case Sizes.Medium:\n return Sizes.Small;\n default:\n return Sizes.XSmall;\n }\n};\n\nexport const getAlertBodySize = (size: AlertTypes.Size): TypographySize<'paragraph'> => {\n switch (size) {\n case Sizes.Large:\n return 'large';\n case Sizes.Small:\n return 'small';\n case Sizes.XSmall:\n return 'extraSmall';\n case Sizes.Medium:\n default:\n return 'medium';\n }\n};\n\nexport const getAlertTextSize = (size: AlertTypes.Size): TextTypes.Size => size;\n"],"names":["getAlertButtonSize","size","Sizes","getAlertCloseButtonSize","getAlertBodySize","getAlertTextSize"],"mappings":";AAKO,MAAMA,IAAqB,CAACC,MAA2B;AAC5D,UAAQA,GAAA;AAAA,IACN,KAAKC,EAAM;AACT,aAAOA,EAAM;AAAA,IACf,KAAKA,EAAM;AACT,aAAOA,EAAM;AAAA,IACf;AACE,aAAOA,EAAM;AAAA,EAAA;AAEnB,GAEaC,IAA0B,CAACF,MAA2B;AACjE,UAAQA,GAAA;AAAA,IACN,KAAKC,EAAM;AACT,aAAOA,EAAM;AAAA,IACf,KAAKA,EAAM;AACT,aAAOA,EAAM;AAAA,IACf;AACE,aAAOA,EAAM;AAAA,EAAA;AAEnB,GAEaE,IAAmB,CAACH,MAAuD;AACtF,UAAQA,GAAA;AAAA,IACN,KAAKC,EAAM;AACT,aAAO;AAAA,IACT,KAAKA,EAAM;AACT,aAAO;AAAA,IACT,KAAKA,EAAM;AACT,aAAO;AAAA,IACT,KAAKA,EAAM;AAAA,IACX;AACE,aAAO;AAAA,EAAA;AAEb,GAEaG,IAAmB,CAACJ,MAA0CA;"}
1	+ {"version":3,"file":"alertUtils.js","sources":["../../../../../src/components/Alert/utils/alertUtils.tsx"],"sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base/consts';\r\nimport type { TextTypes } from 'acinguiux-ds-react-base/components/Text';\r\nimport type { TypographySize } from 'acinguiux-ds-react-base/theme';\r\nimport type { AlertTypes } from 'acinguiux-ds-react-base/components/Alert';\r\n\r\nexport const getAlertButtonSize = (size?: AlertTypes.Size) => {\r\n switch (size) {\r\n case Sizes.Large:\r\n return Sizes.Medium;\r\n case Sizes.XSmall:\r\n return Sizes.XSmall;\r\n default:\r\n return Sizes.Small;\r\n }\r\n};\r\n\r\nexport const getAlertCloseButtonSize = (size?: AlertTypes.Size) => {\r\n switch (size) {\r\n case Sizes.Large:\r\n return Sizes.Medium;\r\n case Sizes.Medium:\r\n return Sizes.Small;\r\n default:\r\n return Sizes.XSmall;\r\n }\r\n};\r\n\r\nexport const getAlertBodySize = (size: AlertTypes.Size): TypographySize<'paragraph'> => {\r\n switch (size) {\r\n case Sizes.Large:\r\n return 'large';\r\n case Sizes.Small:\r\n return 'small';\r\n case Sizes.XSmall:\r\n return 'extraSmall';\r\n case Sizes.Medium:\r\n default:\r\n return 'medium';\r\n }\r\n};\r\n\r\nexport const getAlertTextSize = (size: AlertTypes.Size): TextTypes.Size => size;\r\n"],"names":["getAlertButtonSize","size","Sizes","getAlertCloseButtonSize","getAlertBodySize","getAlertTextSize"],"mappings":";AAKO,MAAMA,IAAqB,CAACC,MAA2B;AAC5D,UAAQA,GAAA;AAAA,IACN,KAAKC,EAAM;AACT,aAAOA,EAAM;AAAA,IACf,KAAKA,EAAM;AACT,aAAOA,EAAM;AAAA,IACf;AACE,aAAOA,EAAM;AAAA,EAAA;AAEnB,GAEaC,IAA0B,CAACF,MAA2B;AACjE,UAAQA,GAAA;AAAA,IACN,KAAKC,EAAM;AACT,aAAOA,EAAM;AAAA,IACf,KAAKA,EAAM;AACT,aAAOA,EAAM;AAAA,IACf;AACE,aAAOA,EAAM;AAAA,EAAA;AAEnB,GAEaE,IAAmB,CAACH,MAAuD;AACtF,UAAQA,GAAA;AAAA,IACN,KAAKC,EAAM;AACT,aAAO;AAAA,IACT,KAAKA,EAAM;AACT,aAAO;AAAA,IACT,KAAKA,EAAM;AACT,aAAO;AAAA,IACT,KAAKA,EAAM;AAAA,IACX;AACE,aAAO;AAAA,EAAA;AAEb,GAEaG,IAAmB,CAACJ,MAA0CA;"}

package/build/esm/components/Avatar/Avatar.js.map CHANGED Viewed

	@@ -1 +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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"}
1	+ {"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/esm/components/Avatar/Avatar.styles.js.map CHANGED Viewed

	@@ -1 +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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"}
1	+ {"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/esm/components/Avatar/DetailedAvatar.js.map CHANGED Viewed

	@@ -1 +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":";;;;;;;;;AAaA,MAAMA,IAAiB,CAAC;AAAA,EACtB,WAAAC;AAAA,EACA,MAAAC,IAAOC,EAAM;AAAA,EACb,SAAAC,IAAU;AAAA,EACV,aAAAC,IAAc;AAAA,EACd,GAAGC;AACL,MAA0C;AACxC,QAAM,EAAE,aAAAC,GAAa,eAAAC,GAAe,GAAGC,MAASC,EAAwBN,GAASE,CAAK,GAChFK,IAAwBC,EAAyBR,CAAO;AAE9D,SACE,gBAAAS;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAWC,GAAcf,CAAS;AAAA,MAC7C,eAAa,mBAAmBG,CAAO;AAAA,MACvC,OAAOF;AAAA,MACP,YAAYM,EAAc;AAAA,MAC1B,cAAcH;AAAA,MACb,GAAGI;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAQ,EAACC,GAAA,EAAa,OAAOhB,GAAM,cAAc,IACvC,UAAA,gBAAAe,EAACN,GAAA,EAAuB,GAAGJ,EAAA,CAAa,EAAA,CAC1C;AAAA,QACA,gBAAAM,EAACM,GAAA,EAA6B,OAAOjB,GAAM,YAAYM,EAAc,WACnE,UAAA;AAAA,UAAA,gBAAAS,EAACG,GAAA,EAA0B,MAAAlB,GAAY,MAAMM,EAAc,aAAa,YAAYA,EAAc,WAC/F,UAAAA,EAAc,MAAA,CACjB;AAAA,UACC,CAAC,CAACA,EAAc,SACf,gBAAAS;AAAA,YAACI;AAAAA,YAAA;AAAA,cACC,MAAMb,EAAc,YAAYN,IAAQoB,EAAepB,CAAI;AAAA,cAC3D,UAAS;AAAA,cACT,YAAYM,EAAc;AAAA,cAEzB,UAAAA,EAAc;AAAA,YAAA;AAAA,UAAA;AAAA,QACjB,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
1	+ {"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":";;;;;;;;;AAaA,MAAMA,IAAiB,CAAC;AAAA,EACtB,WAAAC;AAAA,EACA,MAAAC,IAAOC,EAAM;AAAA,EACb,SAAAC,IAAU;AAAA,EACV,aAAAC,IAAc;AAAA,EACd,GAAGC;AACL,MAA0C;AACxC,QAAM,EAAE,aAAAC,GAAa,eAAAC,GAAe,GAAGC,MAASC,EAAwBN,GAASE,CAAK,GAChFK,IAAwBC,EAAyBR,CAAO;AAE9D,SACE,gBAAAS;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAWC,GAAcf,CAAS;AAAA,MAC7C,eAAa,mBAAmBG,CAAO;AAAA,MACvC,OAAOF;AAAA,MACP,YAAYM,EAAc;AAAA,MAC1B,cAAcH;AAAA,MACb,GAAGI;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAQ,EAACC,GAAA,EAAa,OAAOhB,GAAM,cAAc,IACvC,UAAA,gBAAAe,EAACN,GAAA,EAAuB,GAAGJ,EAAA,CAAa,EAAA,CAC1C;AAAA,QACA,gBAAAM,EAACM,GAAA,EAA6B,OAAOjB,GAAM,YAAYM,EAAc,WACnE,UAAA;AAAA,UAAA,gBAAAS,EAACG,GAAA,EAA0B,MAAAlB,GAAY,MAAMM,EAAc,aAAa,YAAYA,EAAc,WAC/F,UAAAA,EAAc,MAAA,CACjB;AAAA,UACC,CAAC,CAACA,EAAc,SACf,gBAAAS;AAAA,YAACI;AAAAA,YAAA;AAAA,cACC,MAAMb,EAAc,YAAYN,IAAQoB,EAAepB,CAAI;AAAA,cAC3D,UAAS;AAAA,cACT,YAAYM,EAAc;AAAA,cAEzB,UAAAA,EAAc;AAAA,YAAA;AAAA,UAAA;AAAA,QACjB,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/build/esm/components/Avatar/DetailedAvatar.styles.js.map CHANGED Viewed

	@@ -1 +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":";;;;;;AAaO,MAAMA,IAAiBC,EAAO;AAAA,EAGnC,CAAC,EAAE,OAAAC,GAAO,cAAAC,GAAc,YAAAC,GAAY,OAAAC,QAAYC;AAAA;AAAA,WAEvCC,EAAoBL,CAAK,EAAE,GAAG;AAAA;AAAA,mBAEtBE,IAAa,eAAe,QAAQ;AAAA;AAAA,MAEjDD,KACFG;AAAA;AAAA;AAAA;AAAA,UAIME,CAAY;AAAA,8BACQH,EAAM,MAAM,EAAE,OAAO,SAAS,EAAEI,EAAU,eAAe,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,UAK9ED,CAAY;AAAA,8BACQH,EAAM,MAAM,EAAE,OAAO,SAAS,EAAEI,EAAU,eAAe,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,UAK9EC,EAAeL,CAAK,CAAC;AAAA;AAAA,KAE1B;AAAA;AAEL,GAEaM,IAAqBV,EAAOW,CAAK;AAAA,EAG5C,CAAC,EAAE,MAAAC,GAAM,YAAAT,EAAA,MAAiBE;AAAA,mBACTF,IAAaG,EAAoBM,CAAI,EAAE,UAAU,aAAa,CAAC;AAAA,mBAC/DT,IAAa,iBAAiB,QAAQ;AAAA;AAEzD,GAEaU,IAAqBb,EAAOW,CAAK;AAAA,EAC5C,CAAC,EAAE,YAAAR,EAAA,MAAiBE;AAAA,mBACHF,IAAa,iBAAiB,QAAQ;AAAA;AAEzD,GAEaW,IAAwBd,EAAO;AAAA,EAC1C,CAAC,EAAE,OAAAC,GAAO,YAAAE,EAAA,MAAiBE;AAAA;AAAA;AAAA,WAGlBF,IAAaG,EAAoBL,CAAK,EAAE,UAAU,UAAUK,EAAoBL,CAAK,EAAE,OAAO;AAAA;AAEzG;"}
1	+ {"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":";;;;;;AAaO,MAAMA,IAAiBC,EAAO;AAAA,EAGnC,CAAC,EAAE,OAAAC,GAAO,cAAAC,GAAc,YAAAC,GAAY,OAAAC,QAAYC;AAAA;AAAA,WAEvCC,EAAoBL,CAAK,EAAE,GAAG;AAAA;AAAA,mBAEtBE,IAAa,eAAe,QAAQ;AAAA;AAAA,MAEjDD,KACFG;AAAA;AAAA;AAAA;AAAA,UAIME,CAAY;AAAA,8BACQH,EAAM,MAAM,EAAE,OAAO,SAAS,EAAEI,EAAU,eAAe,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,UAK9ED,CAAY;AAAA,8BACQH,EAAM,MAAM,EAAE,OAAO,SAAS,EAAEI,EAAU,eAAe,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,UAK9EC,EAAeL,CAAK,CAAC;AAAA;AAAA,KAE1B;AAAA;AAEL,GAEaM,IAAqBV,EAAOW,CAAK;AAAA,EAG5C,CAAC,EAAE,MAAAC,GAAM,YAAAT,EAAA,MAAiBE;AAAA,mBACTF,IAAaG,EAAoBM,CAAI,EAAE,UAAU,aAAa,CAAC;AAAA,mBAC/DT,IAAa,iBAAiB,QAAQ;AAAA;AAEzD,GAEaU,IAAqBb,EAAOW,CAAK;AAAA,EAC5C,CAAC,EAAE,YAAAR,EAAA,MAAiBE;AAAA,mBACHF,IAAa,iBAAiB,QAAQ;AAAA;AAEzD,GAEaW,IAAwBd,EAAO;AAAA,EAC1C,CAAC,EAAE,OAAAC,GAAO,YAAAE,EAAA,MAAiBE;AAAA;AAAA;AAAA,WAGlBF,IAAaG,EAAoBL,CAAK,EAAE,UAAU,UAAUK,EAAoBL,CAAK,EAAE,OAAO;AAAA;AAEzG;"}

package/build/esm/components/Avatar/DropdownAvatar.js.map CHANGED Viewed

	@@ -1 +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":";;;;;;;;;;;;AAiBA,MAAMA,IAAkB,CAACC,MACnBA,MAAS,KACJ,OAGLA,MAAS,uBACHC,GAAA,EAAiB,IAGpBD,GAGHE,IAAiB,CAAC;AAAA,EACtB,eAAAC;AAAA,EACA,MAAAC;AACF,OACG,CAAC,CAACD,EAAc,SAAS,CAAC,CAACA,EAAc,UACxC,gBAAAE,EAACC,GAAA,EAAsB,OAAOF,GAC5B,UAAA;AAAA,EAAA,gBAAAG,EAACC,KAAmB,MAAAJ,GAAY,MAAMD,EAAc,aACjD,YAAc,OACjB;AAAA,EACA,gBAAAI,EAACE,KAAmB,MAAMC,EAAeN,CAAI,GAAsB,UAAS,UACzE,UAAAD,EAAc,MAAA,CACjB;AAAA,GACF,GAGEQ,IAAe,CAAC;AAAA,EACpB,eAAAC;AAAA,EACA,MAAAR;AACF,MACE,CAAC,CAACQ,EAAc,QACd,gBAAAL,EAACM,GAAA,EAA6B,OAAOT,GAAO,UAAAL,EAAgBa,EAAc,IAAI,EAAA,CAAE,GAG9EE,IAAiBC;AAAA,EACrB,CACE,EAAE,WAAAC,GAAW,MAAAZ,IAAO,GAAGa,EAAM,MAAM,IAAI,SAAAC,IAAU,QAAiB,aAAAC,IAAc,IAAM,MAAAnB,IAAO,IAAM,GAAGoB,EAAA,GACtGC,MACiB;AACjB,UAAM,EAAE,aAAAC,GAAa,eAAAnB,GAAe,eAAAS,GAAe,GAAGW,EAAA,IAASC,EAAwBN,GAAS;AAAA,MAC9F,MAAAlB;AAAA,MACA,GAAGoB;AAAA,IAAA,CACJ,GACKK,IAAwBC,EAAyBR,CAAO;AAE9D,WACE,gBAAAb;AAAA,MAACsB;AAAAA,MAAA;AAAA,QACC,WAAWC,EAAWC,GAAcb,CAAS;AAAA,QAC7C,eAAa,mBAAmBE,CAAO;AAAA,QACvC,OAAOd;AAAA,QACP,KAAAiB;AAAA,QACA,cAAcF;AAAA,QACb,GAAGI;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAhB;AAAA,YAACuB;AAAA,YAAA;AAAA,cACC,OAAO1B,MAASa,EAAM,SAASb,IAAQM,EAAeN,CAAI;AAAA,cAC1D,cAAc;AAAA,cAEd,UAAA,gBAAAG,EAACkB,GAAA,EAAuB,GAAGH,EAAA,CAAa;AAAA,YAAA;AAAA,UAAA;AAAA,WAExC,CAAC,CAACV,EAAc,QAAQ,CAAC,CAACT,EAAc,SAAS,CAAC,CAACA,EAAc,UACjE,gBAAAE,EAAC0B,GAAA,EACC,UAAA;AAAA,YAAA,gBAAAxB,EAACL,GAAA,EAAe,eAAAC,GAA8B,MAAAC,EAAA,CAAY;AAAA,YAC1D,gBAAAG,EAACI,GAAA,EAAa,eAAAC,GAA8B,MAAAR,EAAA,CAAY;AAAA,UAAA,EAAA,CAC1D;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}
1	+ {"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":";;;;;;;;;;;;AAiBA,MAAMA,IAAkB,CAACC,MACnBA,MAAS,KACJ,OAGLA,MAAS,uBACHC,GAAA,EAAiB,IAGpBD,GAGHE,IAAiB,CAAC;AAAA,EACtB,eAAAC;AAAA,EACA,MAAAC;AACF,OACG,CAAC,CAACD,EAAc,SAAS,CAAC,CAACA,EAAc,UACxC,gBAAAE,EAACC,GAAA,EAAsB,OAAOF,GAC5B,UAAA;AAAA,EAAA,gBAAAG,EAACC,KAAmB,MAAAJ,GAAY,MAAMD,EAAc,aACjD,YAAc,OACjB;AAAA,EACA,gBAAAI,EAACE,KAAmB,MAAMC,EAAeN,CAAI,GAAsB,UAAS,UACzE,UAAAD,EAAc,MAAA,CACjB;AAAA,GACF,GAGEQ,IAAe,CAAC;AAAA,EACpB,eAAAC;AAAA,EACA,MAAAR;AACF,MACE,CAAC,CAACQ,EAAc,QACd,gBAAAL,EAACM,GAAA,EAA6B,OAAOT,GAAO,UAAAL,EAAgBa,EAAc,IAAI,EAAA,CAAE,GAG9EE,IAAiBC;AAAA,EACrB,CACE,EAAE,WAAAC,GAAW,MAAAZ,IAAO,GAAGa,EAAM,MAAM,IAAI,SAAAC,IAAU,QAAiB,aAAAC,IAAc,IAAM,MAAAnB,IAAO,IAAM,GAAGoB,EAAA,GACtGC,MACiB;AACjB,UAAM,EAAE,aAAAC,GAAa,eAAAnB,GAAe,eAAAS,GAAe,GAAGW,EAAA,IAASC,EAAwBN,GAAS;AAAA,MAC9F,MAAAlB;AAAA,MACA,GAAGoB;AAAA,IAAA,CACJ,GACKK,IAAwBC,EAAyBR,CAAO;AAE9D,WACE,gBAAAb;AAAA,MAACsB;AAAAA,MAAA;AAAA,QACC,WAAWC,EAAWC,GAAcb,CAAS;AAAA,QAC7C,eAAa,mBAAmBE,CAAO;AAAA,QACvC,OAAOd;AAAA,QACP,KAAAiB;AAAA,QACA,cAAcF;AAAA,QACb,GAAGI;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAhB;AAAA,YAACuB;AAAA,YAAA;AAAA,cACC,OAAO1B,MAASa,EAAM,SAASb,IAAQM,EAAeN,CAAI;AAAA,cAC1D,cAAc;AAAA,cAEd,UAAA,gBAAAG,EAACkB,GAAA,EAAuB,GAAGH,EAAA,CAAa;AAAA,YAAA;AAAA,UAAA;AAAA,WAExC,CAAC,CAACV,EAAc,QAAQ,CAAC,CAACT,EAAc,SAAS,CAAC,CAACA,EAAc,UACjE,gBAAAE,EAAC0B,GAAA,EACC,UAAA;AAAA,YAAA,gBAAAxB,EAACL,GAAA,EAAe,eAAAC,GAA8B,MAAAC,EAAA,CAAY;AAAA,YAC1D,gBAAAG,EAACI,GAAA,EAAa,eAAAC,GAA8B,MAAAR,EAAA,CAAY;AAAA,UAAA,EAAA,CAC1D;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}

package/build/esm/components/Avatar/DropdownAvatar.styles.js.map CHANGED Viewed

	@@ -1 +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":";;;;;;;AAaO,MAAMA,IAAiBC,EAAO;AAAA,EAGnC,CAAC,EAAE,OAAAC,GAAO,cAAAC,GAAc,OAAAC,QAAYC;AAAA;AAAA;AAAA,WAG3BC,EAAoBJ,CAAK,EAAE,GAAG;AAAA;AAAA,kBAEvBI,EAAoBJ,CAAK,EAAE,SAAS;AAAA,qBACjCI,EAAoBJ,CAAK,EAAE,YAAY;AAAA,sBACtCI,EAAoBJ,CAAK,EAAE,cAAc,KAAK;AAAA,QAC5DI,EAAoBJ,CAAK,EAAE,cAAc,GAAG;AAAA,qBAC/BI,EAAoBJ,CAAK,EAAE,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAUpDK,CAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAUvBJ,KACFE;AAAA;AAAA;AAAA;AAAA,4BAIwBD,EAAM,MAAM,EAAE,OAAOI,EAAiB,OAAO,OAAO,EAAEC,EAAU,oBAAoB,CAAC;AAAA;AAAA,UAEvGC,CAAY;AAAA,8BACQN,EAAM,MAAM,EAAE,OAAO,SAAS,EAAEK,EAAU,eAAe,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,4BAK5DL,EAAM,MAAM,EAAE,OAAOI,EAAiB,OAAO,OAAO,EAAEC,EAAU,oBAAoB,CAAC;AAAA;AAAA,UAEvGC,CAAY;AAAA,8BACQN,EAAM,MAAM,EAAE,OAAO,SAAS,EAAEK,EAAU,eAAe,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,UAK9EE,EAAeP,CAAK,CAAC;AAAA;AAAA,KAE1B;AAAA;AAEL,GAEaQ,IAAwBX,EAAO;AAAA,EAC1C,CAAC,EAAE,OAAAC,EAAA,MAAYG;AAAA;AAAA;AAAA;AAAA;AAAA,eAKFC,EAAoBJ,CAAK,EAAE,YAAY;AAAA,gBACtCI,EAAoBJ,CAAK,EAAE,YAAY;AAAA;AAAA;AAGvD,GAEaW,IAAiCZ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
1	+ {"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":";;;;;;;AAaO,MAAMA,IAAiBC,EAAO;AAAA,EAGnC,CAAC,EAAE,OAAAC,GAAO,cAAAC,GAAc,OAAAC,QAAYC;AAAA;AAAA;AAAA,WAG3BC,EAAoBJ,CAAK,EAAE,GAAG;AAAA;AAAA,kBAEvBI,EAAoBJ,CAAK,EAAE,SAAS;AAAA,qBACjCI,EAAoBJ,CAAK,EAAE,YAAY;AAAA,sBACtCI,EAAoBJ,CAAK,EAAE,cAAc,KAAK;AAAA,QAC5DI,EAAoBJ,CAAK,EAAE,cAAc,GAAG;AAAA,qBAC/BI,EAAoBJ,CAAK,EAAE,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAUpDK,CAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAUvBJ,KACFE;AAAA;AAAA;AAAA;AAAA,4BAIwBD,EAAM,MAAM,EAAE,OAAOI,EAAiB,OAAO,OAAO,EAAEC,EAAU,oBAAoB,CAAC;AAAA;AAAA,UAEvGC,CAAY;AAAA,8BACQN,EAAM,MAAM,EAAE,OAAO,SAAS,EAAEK,EAAU,eAAe,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,4BAK5DL,EAAM,MAAM,EAAE,OAAOI,EAAiB,OAAO,OAAO,EAAEC,EAAU,oBAAoB,CAAC;AAAA;AAAA,UAEvGC,CAAY;AAAA,8BACQN,EAAM,MAAM,EAAE,OAAO,SAAS,EAAEK,EAAU,eAAe,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,UAK9EE,EAAeP,CAAK,CAAC;AAAA;AAAA,KAE1B;AAAA;AAEL,GAEaQ,IAAwBX,EAAO;AAAA,EAC1C,CAAC,EAAE,OAAAC,EAAA,MAAYG;AAAA;AAAA;AAAA;AAAA;AAAA,eAKFC,EAAoBJ,CAAK,EAAE,YAAY;AAAA,gBACtCI,EAAoBJ,CAAK,EAAE,YAAY;AAAA;AAAA;AAGvD,GAEaW,IAAiCZ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/build/esm/components/Avatar/SimpleAvatar.js.map CHANGED Viewed

	@@ -1 +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":";;;;;;;AAUA,MAAMA,IAAe,CAAC;AAAA,EACpB,WAAAC;AAAA,EACA,MAAAC,IAAOC,EAAM;AAAA,EACb,aAAAC,IAAc;AAAA,EACd,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,MAAwC;AACtC,QAAM,EAAE,aAAAC,GAAa,GAAGC,MAASC,EAAsBJ,GAASC,CAAK,GAC/DI,IAAwBC,EAAyBN,CAAO;AAE9D,SACE,gBAAAO;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAWC,GAAcd,CAAS;AAAA,MAC7C,eAAa,iBAAiBI,CAAO;AAAA,MACrC,OAAOH;AAAA,MACP,cAAcE;AAAA,MACb,GAAGI;AAAA,MAEJ,UAAA,gBAAAI,EAACF,GAAA,EAAuB,GAAGH,EAAA,CAAa;AAAA,IAAA;AAAA,EAAA;AAG9C;"}
1	+ {"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":";;;;;;;AAUA,MAAMA,IAAe,CAAC;AAAA,EACpB,WAAAC;AAAA,EACA,MAAAC,IAAOC,EAAM;AAAA,EACb,aAAAC,IAAc;AAAA,EACd,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,MAAwC;AACtC,QAAM,EAAE,aAAAC,GAAa,GAAGC,MAASC,EAAsBJ,GAASC,CAAK,GAC/DI,IAAwBC,EAAyBN,CAAO;AAE9D,SACE,gBAAAO;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAWC,GAAcd,CAAS;AAAA,MAC7C,eAAa,iBAAiBI,CAAO;AAAA,MACrC,OAAOH;AAAA,MACP,cAAcE;AAAA,MACb,GAAGI;AAAA,MAEJ,UAAA,gBAAAI,EAACF,GAAA,EAAuB,GAAGH,EAAA,CAAa;AAAA,IAAA;AAAA,EAAA;AAG9C;"}

package/build/esm/components/Avatar/SimpleAvatar.styles.js.map CHANGED Viewed

	@@ -1 +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":";;;;;;;AAYO,MAAMA,IAAeC,EAAO;AAAA,EACjC,CAAC,EAAE,OAAAC,GAAO,cAAAC,GAAc,OAAAC,QAAYC;AAAA,MAChCD,EAAM,WAAW,SAASE,EAAuBJ,CAAK,GAAG,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAOvDK,EAAoBL,CAAK,EAAE,MAAM;AAAA,kBAChCK,EAAoBL,CAAK,EAAE,MAAM;AAAA,aACtCK,EAAoBL,CAAK,EAAE,MAAM;AAAA,cAChCK,EAAoBL,CAAK,EAAE,MAAM;AAAA;AAAA;AAAA;AAAA,eAIhCE,EAAM,MAAA,EAAQI,EAAU,uBAAuB,CAAC;AAAA,eAChDD,EAAoBL,CAAK,EAAE,MAAM;AAAA,gBAChCK,EAAoBL,CAAK,EAAE,MAAM;AAAA;AAAA,UAEvCO,CAAU;AAAA,iBACHF,EAAoBL,CAAK,EAAE,IAAI;AAAA,kBAC9BK,EAAoBL,CAAK,EAAE,IAAI;AAAA;AAAA;AAAA,wBAGzBQ,EAA4CN,CAAK,CAAC;AAAA;AAAA;AAAA,MAGpED,KACFE;AAAA;AAAA;AAAA;AAAA,4BAIwBD,EAAM,MAAM,EAAE,OAAO,SAAS,EAAEI,EAAU,eAAe,CAAC;AAAA,iBACrEJ,EAAM,MAAM,EAAE,OAAO,SAAS,EAAEI,EAAU,uBAAuB,CAAC;AAAA;AAAA;AAAA;AAAA,4BAIvDJ,EAAM,MAAM,EAAE,OAAO,SAAS,EAAEI,EAAU,eAAe,CAAC;AAAA,iBACrEJ,EAAM,MAAM,EAAE,OAAO,SAAS,EAAEI,EAAU,uBAAuB,CAAC;AAAA;AAAA;AAAA;AAAA,UAIzEG,EAAeP,CAAK,CAAC;AAAA;AAAA,KAE1B;AAAA;AAEL,GAEaQ,IAAQX,EAAO;AAAA;AAAA;AAAA;AAAA;"}
1	+ {"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":";;;;;;;AAYO,MAAMA,IAAeC,EAAO;AAAA,EACjC,CAAC,EAAE,OAAAC,GAAO,cAAAC,GAAc,OAAAC,QAAYC;AAAA,MAChCD,EAAM,WAAW,SAASE,EAAuBJ,CAAK,GAAG,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAOvDK,EAAoBL,CAAK,EAAE,MAAM;AAAA,kBAChCK,EAAoBL,CAAK,EAAE,MAAM;AAAA,aACtCK,EAAoBL,CAAK,EAAE,MAAM;AAAA,cAChCK,EAAoBL,CAAK,EAAE,MAAM;AAAA;AAAA;AAAA;AAAA,eAIhCE,EAAM,MAAA,EAAQI,EAAU,uBAAuB,CAAC;AAAA,eAChDD,EAAoBL,CAAK,EAAE,MAAM;AAAA,gBAChCK,EAAoBL,CAAK,EAAE,MAAM;AAAA;AAAA,UAEvCO,CAAU;AAAA,iBACHF,EAAoBL,CAAK,EAAE,IAAI;AAAA,kBAC9BK,EAAoBL,CAAK,EAAE,IAAI;AAAA;AAAA;AAAA,wBAGzBQ,EAA4CN,CAAK,CAAC;AAAA;AAAA;AAAA,MAGpED,KACFE;AAAA;AAAA;AAAA;AAAA,4BAIwBD,EAAM,MAAM,EAAE,OAAO,SAAS,EAAEI,EAAU,eAAe,CAAC;AAAA,iBACrEJ,EAAM,MAAM,EAAE,OAAO,SAAS,EAAEI,EAAU,uBAAuB,CAAC;AAAA;AAAA;AAAA;AAAA,4BAIvDJ,EAAM,MAAM,EAAE,OAAO,SAAS,EAAEI,EAAU,eAAe,CAAC;AAAA,iBACrEJ,EAAM,MAAM,EAAE,OAAO,SAAS,EAAEI,EAAU,uBAAuB,CAAC;AAAA;AAAA;AAAA;AAAA,UAIzEG,EAAeP,CAAK,CAAC;AAAA;AAAA,KAE1B;AAAA;AAEL,GAEaQ,IAAQX,EAAO;AAAA;AAAA;AAAA;AAAA;"}

package/build/esm/components/Avatar/components/SimpleAvatar.js.map CHANGED Viewed

	@@ -1 +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":";;;;;AAOA,MAAMA,IAAsD,MAAM,gBAAAC,EAACC,GAAA,EAAY,cAAW,sBAAA,CAAsB,GAC1GC,IAA8D,CAAC,EAAE,cAAAC,EAAA,MACrEA,KAAgBA,EAAa,SAAS,IAAIA,EAAa,MAAM,GAAG,CAAC,sBAAKJ,GAAA,EAAW,GAC7EK,IAAwD,CAAC,EAAE,KAAAC,GAAK,KAAAC,QAAU;AAC9E,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxC,CAACC,GAAWC,CAAY,IAAIF,EAAA;AAWlC,SATAG,EAAU,MAAM;AACd,IAAAJ,EAAY,EAAK,GACjBG,EAAa,MAAS;AACtB,UAAME,IAAM,IAAI,MAAA;AAChB,IAAAA,EAAI,SAAS,MAAMF,EAAaN,CAAG,GACnCQ,EAAI,UAAU,MAAML,EAAY,EAAI,GACpCK,EAAI,MAAMR;AAAA,EACZ,GAAG,CAACA,CAAG,CAAC,GAEJ,CAACK,KAAaH,sBACRR,GAAA,EAAW,sBAGbe,GAAA,EAAuB,KAAKJ,GAAW,KAAAJ,KAArBD,CAA+B;AAC3D,GAEMU,IAA4G;AAAA,EAChH,UAAUb;AAAA,EACV,MAAMH;AAAA,EACN,OAAOK;AAAA,EACP,MAAMY;AACR,GAEaC,IAA2B,CACtCC,MAC6CH,EAAyBG,CAAO;"}
1	+ {"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":";;;;;AAOA,MAAMA,IAAsD,MAAM,gBAAAC,EAACC,GAAA,EAAY,cAAW,sBAAA,CAAsB,GAC1GC,IAA8D,CAAC,EAAE,cAAAC,EAAA,MACrEA,KAAgBA,EAAa,SAAS,IAAIA,EAAa,MAAM,GAAG,CAAC,sBAAKJ,GAAA,EAAW,GAC7EK,IAAwD,CAAC,EAAE,KAAAC,GAAK,KAAAC,QAAU;AAC9E,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxC,CAACC,GAAWC,CAAY,IAAIF,EAAA;AAWlC,SATAG,EAAU,MAAM;AACd,IAAAJ,EAAY,EAAK,GACjBG,EAAa,MAAS;AACtB,UAAME,IAAM,IAAI,MAAA;AAChB,IAAAA,EAAI,SAAS,MAAMF,EAAaN,CAAG,GACnCQ,EAAI,UAAU,MAAML,EAAY,EAAI,GACpCK,EAAI,MAAMR;AAAA,EACZ,GAAG,CAACA,CAAG,CAAC,GAEJ,CAACK,KAAaH,sBACRR,GAAA,EAAW,sBAGbe,GAAA,EAAuB,KAAKJ,GAAW,KAAAJ,KAArBD,CAA+B;AAC3D,GAEMU,IAA4G;AAAA,EAChH,UAAUb;AAAA,EACV,MAAMH;AAAA,EACN,OAAOK;AAAA,EACP,MAAMY;AACR,GAEaC,IAA2B,CACtCC,MAC6CH,EAAyBG,CAAO;"}

package/build/esm/components/Avatar/utils/object.js.map CHANGED Viewed

	@@ -1 +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":"AAAO,MAAMA,IAAuB,CAAwCC,GAAQC,MAClF,OAAO,YAAY,OAAO,QAAQD,CAAG,EAAE,OAAO,CAAC,CAACE,CAAG,MAAM,CAACD,EAAK,SAASC,CAAU,CAAC,CAAC;"}
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[]) =>\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":"AAAO,MAAMA,IAAuB,CAAwCC,GAAQC,MAClF,OAAO,YAAY,OAAO,QAAQD,CAAG,EAAE,OAAO,CAAC,CAACE,CAAG,MAAM,CAACD,EAAK,SAASC,CAAU,CAAC,CAAC;"}

package/build/esm/components/Avatar/utils/useDetailedProps.js.map CHANGED Viewed

	@@ -1 +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":";;AA0BO,MAAMA,IAA6C,CAACC,OAAW;AAAA,EACpE,eAAe;AAAA,IACb,OAAOA,EAAM;AAAA,IACb,WAAWA,EAAM;AAAA,IACjB,aAAaA,EAAM;AAAA,IACnB,OAAOA,EAAM;AAAA,EAAA;AAEjB,IAEaC,IAA+B,CAC1CD,MAEAE,EAAqBF,GAAO,CAAC,SAAS,aAAa,SAAS,aAAa,CAAC,GAE/DG,IAA0B,CACrCC,GACAJ,OACoG;AAAA,EACpG,GAAGK,EAAeD,CAAO,EAAEJ,CAAK;AAAA,EAChC,GAAGD,EAAiBC,CAAK;AAAA,EACzB,GAAGC,EAA6BK,EAAoCF,GAASJ,CAAK,CAAC;AACrF;"}
1	+ {"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":";;AA0BO,MAAMA,IAA6C,CAACC,OAAW;AAAA,EACpE,eAAe;AAAA,IACb,OAAOA,EAAM;AAAA,IACb,WAAWA,EAAM;AAAA,IACjB,aAAaA,EAAM;AAAA,IACnB,OAAOA,EAAM;AAAA,EAAA;AAEjB,IAEaC,IAA+B,CAC1CD,MAEAE,EAAqBF,GAAO,CAAC,SAAS,aAAa,SAAS,aAAa,CAAC,GAE/DG,IAA0B,CACrCC,GACAJ,OACoG;AAAA,EACpG,GAAGK,EAAeD,CAAO,EAAEJ,CAAK;AAAA,EAChC,GAAGD,EAAiBC,CAAK;AAAA,EACzB,GAAGC,EAA6BK,EAAoCF,GAASJ,CAAK,CAAC;AACrF;"}

package/build/esm/components/Avatar/utils/useDropdownProps.js.map CHANGED Viewed

	@@ -1 +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":";;;AA4BO,MAAMA,IAA6C,CAACC,OAAW;AAAA,EACpE,eAAe;AAAA,IACb,MAAMA,EAAM;AAAA,EAAA;AAEhB,IAEMC,IAA+B,CACnCD,MAC+DE,EAAqBF,GAAO,CAAC,MAAM,CAAC,GAExFG,IAA0B,CACrCC,GACAJ,OAIuC;AAAA,EACvC,GAAGK,EAAeD,CAAO,EAAEJ,CAA4C;AAAA,EACvE,GAAGM,EAAiBN,CAAK;AAAA,EACzB,GAAGD,EAAiBC,CAAK;AAAA,EACzB,GAAGC;AAAA,IACDM,EAA6BC,EAA2BJ,GAASJ,CAA4C,CAAC;AAAA,EAAA;AAElH;"}
1	+ {"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":";;;AA4BO,MAAMA,IAA6C,CAACC,OAAW;AAAA,EACpE,eAAe;AAAA,IACb,MAAMA,EAAM;AAAA,EAAA;AAEhB,IAEMC,IAA+B,CACnCD,MAC+DE,EAAqBF,GAAO,CAAC,MAAM,CAAC,GAExFG,IAA0B,CACrCC,GACAJ,OAIuC;AAAA,EACvC,GAAGK,EAAeD,CAAO,EAAEJ,CAA4C;AAAA,EACvE,GAAGM,EAAiBN,CAAK;AAAA,EACzB,GAAGD,EAAiBC,CAAK;AAAA,EACzB,GAAGC;AAAA,IACDM,EAA6BC,EAA2BJ,GAASJ,CAA4C,CAAC;AAAA,EAAA;AAElH;"}

package/build/esm/components/Avatar/utils/useSimpleProps.js.map CHANGED Viewed

	@@ -1 +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":";AA2BA,MAAMA,IAAkD,CAACC,OAAW;AAAA,EAClE,aAAa;AAAA,IACX,cAAcA,EAAM;AAAA,EAAA;AAExB,IAEMC,IAA0C,OAAO;AAAA,EACrD,aAAa,CAAA;AACf,IAEMC,IAA4C,CAACF,OAAW;AAAA,EAC5D,aAAa;AAAA,IACX,KAAKA,EAAM;AAAA,IACX,KAAKA,EAAM;AAAA,EAAA;AAEf,IAEMG,IAA0C,CAACH,OAAW;AAAA,EAC1D,aAAa;AAAA,IACX,MAAMA,EAAM;AAAA,EAAA;AAEhB,IAEMI,IAA6E;AAAA,EACjF,MAAMD;AAAA,EACN,MAAMF;AAAA,EACN,UAAUF;AAAA,EACV,OAAOG;AACT,GAEaG,IAAiB,CAA8BC,MAAqBF,EAAuBE,CAAO,GAEzGC,IAEF;AAAA,EACF,MAAM,CAACP,MAAUQ,EAAqBR,GAAO,CAAC,MAAM,CAAC;AAAA,EACrD,UAAU,CAACA,MAAUQ,EAAqBR,GAAO,CAAC,cAAc,CAAC;AAAA,EACjE,OAAO,CAACA,MAAUQ,EAAqBR,GAAO,CAAC,OAAO,KAAK,CAAC;AAAA,EAC5D,MAAM,CAACA,MAAUA;AACnB,GAEaS,IAA6B,CACxCH,GACAN,MACoCO,EAA6BD,CAAO,EAAEN,CAAK,GAEpEU,IAAwB,CACnCJ,GACAN,OACwE;AAAA,EACxE,GAAGK,EAAeC,CAAO,EAAEN,CAAK;AAAA,EAChC,GAAGS,EAA2BH,GAASN,CAAK;AAC9C;"}
1	+ {"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":";AA2BA,MAAMA,IAAkD,CAACC,OAAW;AAAA,EAClE,aAAa;AAAA,IACX,cAAcA,EAAM;AAAA,EAAA;AAExB,IAEMC,IAA0C,OAAO;AAAA,EACrD,aAAa,CAAA;AACf,IAEMC,IAA4C,CAACF,OAAW;AAAA,EAC5D,aAAa;AAAA,IACX,KAAKA,EAAM;AAAA,IACX,KAAKA,EAAM;AAAA,EAAA;AAEf,IAEMG,IAA0C,CAACH,OAAW;AAAA,EAC1D,aAAa;AAAA,IACX,MAAMA,EAAM;AAAA,EAAA;AAEhB,IAEMI,IAA6E;AAAA,EACjF,MAAMD;AAAA,EACN,MAAMF;AAAA,EACN,UAAUF;AAAA,EACV,OAAOG;AACT,GAEaG,IAAiB,CAA8BC,MAAqBF,EAAuBE,CAAO,GAEzGC,IAEF;AAAA,EACF,MAAM,CAACP,MAAUQ,EAAqBR,GAAO,CAAC,MAAM,CAAC;AAAA,EACrD,UAAU,CAACA,MAAUQ,EAAqBR,GAAO,CAAC,cAAc,CAAC;AAAA,EACjE,OAAO,CAACA,MAAUQ,EAAqBR,GAAO,CAAC,OAAO,KAAK,CAAC;AAAA,EAC5D,MAAM,CAACA,MAAUA;AACnB,GAEaS,IAA6B,CACxCH,GACAN,MACoCO,EAA6BD,CAAO,EAAEN,CAAK,GAEpEU,IAAwB,CACnCJ,GACAN,OACwE;AAAA,EACxE,GAAGK,EAAeC,CAAO,EAAEN,CAAK;AAAA,EAChC,GAAGS,EAA2BH,GAASN,CAAK;AAC9C;"}

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

	@@ -1 +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":";;;;;;AASA,MAAMA,IAAQC,EAAwC,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAAQ;AACtF,QAAM;AAAA,IACJ,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDC,EAAoBX,CAAK;AAE7B,SACE,gBAAAY;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAWC,GAAahB,CAAS;AAAA,MAC5C,KAAAE;AAAA,MACA,OAAOC;AAAA,MACP,UAAUC;AAAA,MACV,aAAaM;AAAA,MACb,YAAYL;AAAA,MACX,GAAGM;AAAA,MAEH,UAAA;AAAA,QAAAH,KAAoBF;AAAA,QACpBC,KAAwB,gBAAAU,EAACC,GAAA,EAAiB,OAAOf,GAAO,UAAAM,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGxE,CAAC;"}
1	+ {"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":";;;;;;AASA,MAAMA,IAAQC,EAAwC,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAAQ;AACtF,QAAM;AAAA,IACJ,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDC,EAAoBX,CAAK;AAE7B,SACE,gBAAAY;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAWC,GAAahB,CAAS;AAAA,MAC5C,KAAAE;AAAA,MACA,OAAOC;AAAA,MACP,UAAUC;AAAA,MACV,aAAaM;AAAA,MACb,YAAYL;AAAA,MACX,GAAGM;AAAA,MAEH,UAAA;AAAA,QAAAH,KAAoBF;AAAA,QACpBC,KAAwB,gBAAAU,EAACC,GAAA,EAAiB,OAAOf,GAAO,UAAAM,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGxE,CAAC;"}

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

	@@ -1 +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":";;;AAIA,MAAMA,IAAQC,EAAO;AAAA,IACjBC,CAAkB;AAAA,GAGhBC,IAAYF,EAAO;AAAA,IACrB,CAAC,EAAE,OAAAG,GAAO,OAAAC,EAAA,MAAYC;AAAA,MACpBC,EAAyBH,GAAOC,CAAK,CAAC;AAAA,GACzC;AAAA;"}
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';\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":";;;AAIA,MAAMA,IAAQC,EAAO;AAAA,IACjBC,CAAkB;AAAA,GAGhBC,IAAYF,EAAO;AAAA,IACrB,CAAC,EAAE,OAAAG,GAAO,OAAAC,EAAA,MAAYC;AAAA,MACpBC,EAAyBH,GAAOC,CAAK,CAAC;AAAA,GACzC;AAAA;"}

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

	@@ -1 +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":";;;;;;;;;AAWA,MAAMA,IAAaC;AAAA,EACjB,CACE,EAAE,WAAAC,GAAW,MAAAC,IAAO,GAAGC,EAAM,MAAM,IAAI,SAAAC,IAAU,GAAGC,EAAS,MAAM,IAAI,OAAAC,GAAO,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GACtGC,MACiB;AACjB,UAAMC,sBAAoBC,GAAA,EAAkB;AAE5C,WACE,gBAAAC,EAAC,OAAA,EAAI,cAAW,cAAc,GAAGL,GAC/B,UAAA,gBAAAK;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAWC,EAAWC,GAAkBf,CAAS;AAAA,QACjD,OAAOC;AAAA,QACP,UAAUE;AAAA,QACV,KAAAM;AAAA,QACC,GAAGD;AAAA,QAEH,UAAAH,EAAM;AAAA,UACL,CACE;AAAA,YACE,MAAAW;AAAA,YACA,MAAAC;AAAA,YACA,MAAAC;AAAA,YACA,cAAAC,IAAe,GAAGC,EAAU,IAAI;AAAA,YAChC,UAAAC,IAAW;AAAA,YACX,YAAAC,IAAaC;AAAA,UAAA,GAEfC,MACG;AACH,kBAAMC,IAASD,MAAUnB,EAAM,SAAS;AAExC,mBAAO;AAAA,cACL,gBAAAO;AAAA,gBAACc;AAAAA,gBAAA;AAAA,kBAEC,OAAOzB;AAAA,kBACP,UAAUE;AAAA,kBACV,gBAAcsB,IAAS,SAAS;AAAA,kBAE/B,UAAAH,EAAWN,GAAMC,GAAM,EAAE,MAAAhB,GAAM,MAAAiB,GAAM,cAAAC,GAAc,UAAAE,GAAU,QAAAI,EAAA,CAAQ;AAAA,gBAAA;AAAA,gBALjET;AAAA,cAAA;AAAA,cAONS,IAIG,OAHF,gBAAAb,EAACe,GAAA,EAAgE,OAAO1B,GACtE,UAAA,gBAAAW,EAACgB,GAAA,EAAU,MAAA3B,GAAY,WAAWK,KAAaI,EAAA,CAAkB,KADlC,wBAAwBM,CAAI,EAE7D;AAAA,YACE;AAAA,UAER;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GAEJ;AAAA,EAEJ;AACF;"}
1	+ {"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":";;;;;;;;;AAWA,MAAMA,IAAaC;AAAA,EACjB,CACE,EAAE,WAAAC,GAAW,MAAAC,IAAO,GAAGC,EAAM,MAAM,IAAI,SAAAC,IAAU,GAAGC,EAAS,MAAM,IAAI,OAAAC,GAAO,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GACtGC,MACiB;AACjB,UAAMC,sBAAoBC,GAAA,EAAkB;AAE5C,WACE,gBAAAC,EAAC,OAAA,EAAI,cAAW,cAAc,GAAGL,GAC/B,UAAA,gBAAAK;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAWC,EAAWC,GAAkBf,CAAS;AAAA,QACjD,OAAOC;AAAA,QACP,UAAUE;AAAA,QACV,KAAAM;AAAA,QACC,GAAGD;AAAA,QAEH,UAAAH,EAAM;AAAA,UACL,CACE;AAAA,YACE,MAAAW;AAAA,YACA,MAAAC;AAAA,YACA,MAAAC;AAAA,YACA,cAAAC,IAAe,GAAGC,EAAU,IAAI;AAAA,YAChC,UAAAC,IAAW;AAAA,YACX,YAAAC,IAAaC;AAAA,UAAA,GAEfC,MACG;AACH,kBAAMC,IAASD,MAAUnB,EAAM,SAAS;AAExC,mBAAO;AAAA,cACL,gBAAAO;AAAA,gBAACc;AAAAA,gBAAA;AAAA,kBAEC,OAAOzB;AAAA,kBACP,UAAUE;AAAA,kBACV,gBAAcsB,IAAS,SAAS;AAAA,kBAE/B,UAAAH,EAAWN,GAAMC,GAAM,EAAE,MAAAhB,GAAM,MAAAiB,GAAM,cAAAC,GAAc,UAAAE,GAAU,QAAAI,EAAA,CAAQ;AAAA,gBAAA;AAAA,gBALjET;AAAA,cAAA;AAAA,cAONS,IAIG,OAHF,gBAAAb,EAACe,GAAA,EAAgE,OAAO1B,GACtE,UAAA,gBAAAW,EAACgB,GAAA,EAAU,MAAA3B,GAAY,WAAWK,KAAaI,EAAA,CAAkB,KADlC,wBAAwBM,CAAI,EAE7D;AAAA,YACE;AAAA,UAER;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GAEJ;AAAA,EAEJ;AACF;"}