acinguiux-ds-react-framework 0.0.7 → 0.1.0

package/build/cjs/components/Accordion/Accordion.consts.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Icon/components/Add.js"),o=require("../Icon/components/ChevronSmallDown.js"),c=require("../Icon/components/ChevronSmallUp.js"),n=require("../Icon/components/Minus.js"),r={chevron:{active:c,inactive:o},plus:{active:n,inactive:e}};exports.AccordionIcon=r;
+//# sourceMappingURL=Accordion.consts.js.map

package/build/cjs/components/Accordion/Accordion.consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.consts.js","sources":["../../../../src/components/Accordion/Accordion.consts.ts"],"sourcesContent":["import type { FC } from 'react';\n\nimport type { AccordionTypes } from 'acinguiux-ds-react-base/components/Accordion';\n\nimport Add from '../Icon/components/Add';\nimport ChevronSmallDown from '../Icon/components/ChevronSmallDown';\nimport ChevronSmallUp from '../Icon/components/ChevronSmallUp';\nimport Minus from '../Icon/components/Minus';\nimport type { IIconProps } from '../Icon/Icon.types';\n\ntype AccordionIconType = {\n  [iconSet in AccordionTypes.IndicatorIconType]: {\n    active: FC<IIconProps>;\n    inactive: FC<IIconProps>;\n  };\n};\n\nexport const AccordionIcon: AccordionIconType = {\n  chevron: {\n    active: ChevronSmallUp,\n    inactive: ChevronSmallDown,\n  },\n  plus: {\n    active: Minus,\n    inactive: Add,\n  },\n};\n"],"names":["AccordionIcon","ChevronSmallUp","ChevronSmallDown","Minus","Add"],"mappings":"wSAiBaA,EAAmC,CAC9C,QAAS,CACP,OAAQC,EACR,SAAUC,CACZ,EACA,KAAM,CACJ,OAAQC,EACR,SAAUC,CAAA,CAEd"}

package/build/cjs/components/Accordion/Accordion.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),I=require("classnames"),x=require("../../react-base/src/consts/index.js"),j=require("../../react-base/src/components/Accordion/Accordion.utils.js"),u=require("../../react-base/src/components/Accordion/Accordion.consts.js"),f=require("./Accordion.consts.js"),h=require("./Accordion.styles.js"),g=require("./utils/motionUtils.js"),p=require("../Flexbox/Flexbox.js"),C=require("../Text/components/Heading/Heading.js"),S=require("../Text/components/Label/Label.js"),b=require("../Badge/Badge.js"),_=require("../Tag/Tag.js"),v=({size:o,title:s,label:n,disabled:c})=>e.jsxs(p,{flexDirection:"column",flexGrow:1,children:[e.jsx(C,{type:x.TextElementTypes.Span,level:j.HeadingLevel[o],children:s}),n?e.jsx(S,{prominence:"subtle",disabled:c,size:o,children:n}):e.jsx(e.Fragment,{})]}),y=({size:o,tag:s,badge:n,icon:c})=>e.jsxs(p,{flexDirection:"row",alignItems:"center",justifyContent:"flex-start",flexGrow:1,children:[n?e.jsx(b,{size:o,...n}):e.jsx(e.Fragment,{}),s?e.jsx(_,{size:o,...s}):e.jsx(e.Fragment,{}),c??e.jsx(e.Fragment,{})]}),F=(o,s=!1,n)=>(n==null?void 0:n.map(({key:c,title:r,label:t,tag:i,badge:l,icon:a,content:d})=>({key:c,label:e.jsx(v,{size:o,title:r,label:t,disabled:s}),extra:e.jsx(y,{size:o,tag:i,badge:l,icon:a}),children:d})))??[],L=({className:o,items:s,...n})=>{const{size:c,disabled:r,indicator:t,contained:i,indicatorPosition:l,...a}=j.useProps(n),d=F(c,r,s),q=({isActive:A})=>{const m=f.AccordionIcon[t][A?"active":"inactive"];return e.jsx(m,{width:u.consts[c].iconSize,height:u.consts[c].iconSize})};return e.jsx(h.Accordion,{className:I(x.ACCORDION_CLASS,o),prefixCls:x.ACCORDION_CLASS,size:c,disabled:r,expandIcon:q,contained:i,indicatorPosition:l,destroyInactivePanel:!0,openMotion:g.collapseMotion,items:d,collapsible:r?"disabled":void 0,...a})};module.exports=L;
+//# sourceMappingURL=Accordion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\n\nimport classNames from 'classnames';\nimport type { CollapsePanelProps } from 'rc-collapse';\nimport { ACCORDION_CLASS, TextElementTypes } from 'acinguiux-ds-react-base/consts';\nimport { AccordionUtils, type AccordionTypes, AccordionConsts } from 'acinguiux-ds-react-base/components/Accordion';\nimport type { TagTypes } from 'acinguiux-ds-react-base/components/Tag';\nimport type { BadgeTypes } from 'acinguiux-ds-react-base/components/Badge';\nimport type { ItemType } from 'rc-collapse/es/interface';\n\nimport { AccordionIcon } from './Accordion.consts';\nimport * as Styled from './Accordion.styles';\nimport type { IAccordionProps } from './Accordion.types';\nimport { collapseMotion } from './utils/motionUtils';\nimport Flexbox from '../Flexbox/Flexbox';\nimport Heading from '../Text/components/Heading/Heading';\nimport Label from '../Text/components/Label/Label';\nimport Badge from '../Badge/Badge';\nimport Tag from '../Tag/Tag';\n\nconst AccordionLabel = ({\n  size,\n  title,\n  label,\n  disabled,\n}: {\n  size: AccordionTypes.Size;\n  title: string;\n  label?: string;\n  disabled?: boolean;\n}) => (\n  <Flexbox flexDirection=\"column\" flexGrow={1}>\n    <Heading type={TextElementTypes.Span} level={AccordionUtils.HeadingLevel[size]}>\n      {title}\n    </Heading>\n    {label ? (\n      <Label prominence=\"subtle\" disabled={disabled} size={size}>\n        {label}\n      </Label>\n    ) : (\n      <></>\n    )}\n  </Flexbox>\n);\n\nconst AccordionExtra = ({\n  size,\n  tag,\n  badge,\n  icon,\n}: {\n  size: AccordionTypes.Size;\n  tag?: TagTypes.IProps;\n  badge?: BadgeTypes.IProps;\n  icon?: ReactNode;\n}) => (\n  <Flexbox flexDirection=\"row\" alignItems=\"center\" justifyContent=\"flex-start\" flexGrow={1}>\n    {badge ? <Badge size={size} {...badge} /> : <></>}\n    {tag ? <Tag size={size} {...tag} /> : <></>}\n    {icon ?? <></>}\n  </Flexbox>\n);\n\nconst prepareItems = (\n  size: AccordionTypes.Size,\n  disabled: boolean = false,\n  items?: AccordionTypes.ItemType[],\n): ItemType[] =>\n  items?.map(({ key, title, label, tag, badge, icon, content }) => ({\n    key,\n    label: <AccordionLabel size={size} title={title} label={label} disabled={disabled} />,\n    extra: <AccordionExtra size={size} tag={tag} badge={badge} icon={icon} />,\n    children: content,\n  })) ?? [];\n\nconst Accordion = ({ className, items, ...props }: IAccordionProps): ReactElement => {\n  const { size, disabled, indicator, contained, indicatorPosition, ...rest } = AccordionUtils.useProps(props);\n\n  const accordionItems = prepareItems(size, disabled, items);\n\n  const handleExpandIcon = ({ isActive }: CollapsePanelProps): ReactNode => {\n    const Icon = AccordionIcon[indicator][isActive ? 'active' : 'inactive'];\n\n    return <Icon width={AccordionConsts.consts[size].iconSize} height={AccordionConsts.consts[size].iconSize} />;\n  };\n\n  return (\n    <Styled.Accordion\n      className={classNames(ACCORDION_CLASS, className)}\n      prefixCls={ACCORDION_CLASS}\n      size={size}\n      disabled={disabled}\n      expandIcon={handleExpandIcon}\n      contained={contained}\n      indicatorPosition={indicatorPosition}\n      destroyInactivePanel\n      openMotion={collapseMotion}\n      items={accordionItems}\n      collapsible={disabled ? 'disabled' : undefined}\n      {...rest}\n    />\n  );\n};\n\nexport default Accordion;\n"],"names":["AccordionLabel","size","title","label","disabled","jsxs","Flexbox","jsx","Heading","TextElementTypes","AccordionUtils.HeadingLevel","Label","Fragment","AccordionExtra","tag","badge","icon","Badge","Tag","prepareItems","items","key","content","Accordion","className","props","indicator","contained","indicatorPosition","rest","AccordionUtils.useProps","accordionItems","handleExpandIcon","isActive","Icon","AccordionIcon","AccordionConsts.consts","Styled.Accordion","classNames","ACCORDION_CLASS","collapseMotion"],"mappings":"0jBAoBMA,EAAiB,CAAC,CACtB,KAAAC,EACA,MAAAC,EACA,MAAAC,EACA,SAAAC,CACF,IAMGC,EAAAA,KAAAC,EAAA,CAAQ,cAAc,SAAS,SAAU,EACxC,SAAA,CAACC,EAAAA,IAAAC,EAAA,CAAQ,KAAMC,EAAiB,iBAAA,KAAM,MAAOC,EAAAA,aAA4BT,CAAI,EAC1E,SACHC,CAAA,CAAA,EACCC,QACEQ,EAAM,CAAA,WAAW,SAAS,SAAAP,EAAoB,KAAAH,EAC5C,SACHE,CAAA,CAAA,EAEEI,EAAA,IAAAK,EAAA,SAAA,CAAA,CAAA,CAAA,EAEN,EAGIC,EAAiB,CAAC,CACtB,KAAAZ,EACA,IAAAa,EACA,MAAAC,EACA,KAAAC,CACF,IAMEX,OAACC,GAAQ,cAAc,MAAM,WAAW,SAAS,eAAe,aAAa,SAAU,EACpF,SAAA,CAAAS,QAASE,EAAM,CAAA,KAAAhB,EAAa,GAAGc,CAAA,CAAO,EAAOR,EAAAA,IAAAK,EAAA,SAAA,EAAA,EAC7CE,EAAOP,EAAAA,IAAAW,EAAA,CAAI,KAAAjB,EAAa,GAAGa,CAAA,CAAK,EAAOP,EAAAA,IAAAK,EAAA,SAAA,EAAA,EACvCI,GAAUT,EAAAA,IAAAK,EAAAA,SAAA,CAAA,CAAA,CAAA,EACb,EAGIO,EAAe,CACnBlB,EACAG,EAAoB,GACpBgB,KAEAA,GAAA,YAAAA,EAAO,IAAI,CAAC,CAAE,IAAAC,EAAK,MAAAnB,EAAO,MAAAC,EAAO,IAAAW,EAAK,MAAAC,EAAO,KAAAC,EAAM,QAAAM,MAAe,CAChE,IAAAD,EACA,MAAQd,EAAA,IAAAP,EAAA,CAAe,KAAAC,EAAY,MAAAC,EAAc,MAAAC,EAAc,SAAAC,EAAoB,EACnF,MAAQG,EAAA,IAAAM,EAAA,CAAe,KAAAZ,EAAY,IAAAa,EAAU,MAAAC,EAAc,KAAAC,EAAY,EACvE,SAAUM,CACZ,MAAO,CAAC,EAEJC,EAAY,CAAC,CAAE,UAAAC,EAAW,MAAAJ,EAAO,GAAGK,KAA2C,CAC7E,KAAA,CAAE,KAAAxB,EAAM,SAAAG,EAAU,UAAAsB,EAAW,UAAAC,EAAW,kBAAAC,EAAmB,GAAGC,CAAK,EAAIC,EAAe,SAASL,CAAK,EAEpGM,EAAiBZ,EAAalB,EAAMG,EAAUgB,CAAK,EAEnDY,EAAmB,CAAC,CAAE,SAAAC,KAA8C,CACxE,MAAMC,EAAOC,EAAAA,cAAcT,CAAS,EAAEO,EAAW,SAAW,UAAU,EAEtE,OAAQ1B,EAAA,IAAA2B,EAAA,CAAK,MAAOE,EAAuB,OAAAnC,CAAI,EAAE,SAAU,OAAQmC,EAAuB,OAAAnC,CAAI,EAAE,QAAU,CAAA,CAC5G,EAGE,OAAAM,EAAA,IAAC8B,EAAO,UAAP,CACC,UAAWC,EAAWC,EAAA,gBAAiBf,CAAS,EAChD,UAAWe,EAAA,gBACX,KAAAtC,EACA,SAAAG,EACA,WAAY4B,EACZ,UAAAL,EACA,kBAAAC,EACA,qBAAoB,GACpB,WAAYY,EAAA,eACZ,MAAOT,EACP,YAAa3B,EAAW,WAAa,OACpC,GAAGyB,CAAA,CACN,CAEJ"}

package/build/cjs/components/Accordion/Accordion.styles.js

@@ -0,0 +1,144 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const $=require("rc-collapse"),o=require("styled-components"),l=require("../../react-base/src/consts/index.js"),r=require("../../react-base/src/components/Accordion/Accordion.utils.js"),n=require("../../react-base/src/components/Accordion/Accordion.consts.js"),g=require("../../react-base/src/utils/stylesUtils.js"),p=o($)`
+  ${({prefixCls:t,size:e=`${l.Sizes.Medium}`,indicatorPosition:c,contained:i,disabled:s,theme:a})=>{const d=r.getFabricStyles(a);return o.css`
+      width: 100%;
+      display: flex;
+      flex-direction: column;
+      gap: ${i?n.consts[e].gap:0}px;
+
+      .${t}-header {
+        display: flex;
+        flex-grow: 1;
+        align-items: center;
+        gap: ${n.consts[e].gap}px;
+        padding-inline: ${n.consts[e].paddingInline.start}px
+          ${n.consts[e].paddingInline.end}px;
+
+        .${t}-expand-icon, .${t}-header-text, .${t}-extra {
+          padding-block: ${n.consts[e].paddingBlock}px;
+        }
+
+        ${!s&&o.css`
+          cursor: pointer;
+
+          &:hover > .${t}-expand-icon {
+            ${d.hover};
+          }
+
+          &:active > .${t}-expand-icon {
+            ${d.active}
+          }
+        `}
+
+        &-collapsible-only {
+          cursor: default;
+
+          .${t}-header-text {
+            cursor: pointer;
+          }
+        }
+
+        &:focus-visible {
+          outline: none;
+        }
+
+        .${t}-header-text {
+          display: flex;
+          flex-direction: rpw;
+          flex-grow: ${c==="right"?"auto":1};
+        }
+
+        .${t}-extra {
+          display: flex;
+          flex-grow: ${c==="right"?1:"auto"};
+          justify-self: flex-end;
+          align-items: center;
+
+          & > div {
+            align-items: center;
+            gap: ${n.consts[e].gap}px;
+          }
+
+          & > div svg {
+            width: ${n.consts[e].iconSize}px;
+            height: ${n.consts[e].iconSize}px;
+          }
+        }
+      }
+
+      .${t}-content {
+        padding-block: 0 ${n.consts[e].paddingBlock}px;
+        padding-inline: ${n.consts[e].paddingInline.start}px
+          ${n.consts[e].paddingInline.end}px;
+
+        transition:
+          height 0.3s,
+          opacity 0.3s;
+        overflow: hidden;
+      }
+
+      .${t}-panel-content, .${t}-content-box {
+        ${r.getContentTextFontStyle(a,e)}
+      }
+
+      .${t}-panel-item:last-of-type, .${t}-item:last-of-type {
+        ${!i&&o.css`
+          border-bottom: none;
+        `}
+      }
+
+      .${t}-panel-expand-icon, .${t}-expand-icon {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background-color: ${d.default.backgroundColor};
+        width: ${n.consts[e].indicatorSize}px;
+        height: ${n.consts[e].indicatorSize}px;
+        border-radius: ${n.consts[e].indicatorRadius}px;
+
+        & > svg {
+          display: inline-flex;
+          width: ${n.consts[e].iconSize}px;
+          height: ${n.consts[e].iconSize}px;
+        }
+      }
+
+      ${c==="right"&&o.css`
+        .${t}-header {
+          .${t}-expand-icon {
+            order: 3;
+          }
+          .${t}-header-text {
+            order: 1;
+          }
+          .${t}-extra {
+            order: 2;
+          }
+        }
+      `}
+
+      /** Items */
+
+      .${t}-item {
+        ${d.default};
+        border-style: solid;
+
+        &:has(> .${t}-header:focus-visible) {
+          ${g.getFocusStyles(a)};
+        }
+
+        ${i?o.css`
+              border-width: 1px;
+              border-radius: ${n.consts[e].radius}px;
+            `:o.css`
+              border-width: 0;
+              border-bottom-width: 1px;
+            `}
+
+        &-disabled {
+          ${d.disabled}
+          cursor: not-allowed;
+        }
+      }
+    `}};
+`;exports.Accordion=p;
+//# sourceMappingURL=Accordion.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.styles.js","sources":["../../../../src/components/Accordion/Accordion.styles.ts"],"sourcesContent":["import RCAccordion, { type CollapseProps } from 'rc-collapse';\nimport styled, { css } from 'styled-components';\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\nimport { AccordionConsts, AccordionUtils } from 'acinguiux-ds-react-base/components/Accordion';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\n\nimport type { IAccordionProps } from './Accordion.types';\n\ntype StyledAccordionProps = Omit<IAccordionProps, 'items'> &\n  Pick<CollapseProps, 'items' | 'collapsible' | 'expandIcon'>;\n\nconst Accordion = styled(RCAccordion)<StyledAccordionProps>`\n  ${({ prefixCls, size = `${Sizes.Medium}`, indicatorPosition, contained, disabled, theme }) => {\n    const styles = AccordionUtils.getFabricStyles(theme);\n\n    return css`\n      width: 100%;\n      display: flex;\n      flex-direction: column;\n      gap: ${contained ? AccordionConsts.consts[size].gap : 0}px;\n\n      .${prefixCls}-header {\n        display: flex;\n        flex-grow: 1;\n        align-items: center;\n        gap: ${AccordionConsts.consts[size].gap}px;\n        padding-inline: ${AccordionConsts.consts[size].paddingInline.start}px\n          ${AccordionConsts.consts[size].paddingInline.end}px;\n\n        .${prefixCls}-expand-icon, .${prefixCls}-header-text, .${prefixCls}-extra {\n          padding-block: ${AccordionConsts.consts[size].paddingBlock}px;\n        }\n\n        ${!disabled &&\n        css`\n          cursor: pointer;\n\n          &:hover > .${prefixCls}-expand-icon {\n            ${styles.hover};\n          }\n\n          &:active > .${prefixCls}-expand-icon {\n            ${styles.active}\n          }\n        `}\n\n        &-collapsible-only {\n          cursor: default;\n\n          .${prefixCls}-header-text {\n            cursor: pointer;\n          }\n        }\n\n        &:focus-visible {\n          outline: none;\n        }\n\n        .${prefixCls}-header-text {\n          display: flex;\n          flex-direction: rpw;\n          flex-grow: ${indicatorPosition === 'right' ? 'auto' : 1};\n        }\n\n        .${prefixCls}-extra {\n          display: flex;\n          flex-grow: ${indicatorPosition === 'right' ? 1 : 'auto'};\n          justify-self: flex-end;\n          align-items: center;\n\n          & > div {\n            align-items: center;\n            gap: ${AccordionConsts.consts[size].gap}px;\n          }\n\n          & > div svg {\n            width: ${AccordionConsts.consts[size].iconSize}px;\n            height: ${AccordionConsts.consts[size].iconSize}px;\n          }\n        }\n      }\n\n      .${prefixCls}-content {\n        padding-block: 0 ${AccordionConsts.consts[size].paddingBlock}px;\n        padding-inline: ${AccordionConsts.consts[size].paddingInline.start}px\n          ${AccordionConsts.consts[size].paddingInline.end}px;\n\n        transition:\n          height 0.3s,\n          opacity 0.3s;\n        overflow: hidden;\n      }\n\n      .${prefixCls}-panel-content, .${prefixCls}-content-box {\n        ${AccordionUtils.getContentTextFontStyle(theme, size)}\n      }\n\n      .${prefixCls}-panel-item:last-of-type, .${prefixCls}-item:last-of-type {\n        ${!contained &&\n        css`\n          border-bottom: none;\n        `}\n      }\n\n      .${prefixCls}-panel-expand-icon, .${prefixCls}-expand-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background-color: ${styles.default.backgroundColor};\n        width: ${AccordionConsts.consts[size].indicatorSize}px;\n        height: ${AccordionConsts.consts[size].indicatorSize}px;\n        border-radius: ${AccordionConsts.consts[size].indicatorRadius}px;\n\n        & > svg {\n          display: inline-flex;\n          width: ${AccordionConsts.consts[size].iconSize}px;\n          height: ${AccordionConsts.consts[size].iconSize}px;\n        }\n      }\n\n      ${indicatorPosition === 'right' &&\n      css`\n        .${prefixCls}-header {\n          .${prefixCls}-expand-icon {\n            order: 3;\n          }\n          .${prefixCls}-header-text {\n            order: 1;\n          }\n          .${prefixCls}-extra {\n            order: 2;\n          }\n        }\n      `}\n\n      /** Items */\n\n      .${prefixCls}-item {\n        ${styles.default};\n        border-style: solid;\n\n        &:has(> .${prefixCls}-header:focus-visible) {\n          ${getFocusStyles(theme)};\n        }\n\n        ${!contained\n          ? css`\n              border-width: 0;\n              border-bottom-width: 1px;\n            `\n          : css`\n              border-width: 1px;\n              border-radius: ${AccordionConsts.consts[size].radius}px;\n            `}\n\n        &-disabled {\n          ${styles.disabled}\n          cursor: not-allowed;\n        }\n      }\n    `;\n  }};\n`;\n\nexport { Accordion };\n"],"names":["Accordion","styled","RCAccordion","prefixCls","size","Sizes","indicatorPosition","contained","disabled","theme","styles","AccordionUtils.getFabricStyles","css","AccordionConsts.consts","AccordionUtils.getContentTextFontStyle","getFocusStyles"],"mappings":"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"}

package/build/cjs/components/Accordion/utils/motionUtils.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../../../react-base/src/consts/index.js"),t=()=>({height:0,opacity:0}),a=e=>({height:e.scrollHeight,opacity:1}),r=e=>({height:e.offsetHeight}),o=(e,n)=>n.propertyName==="height",s={motionName:`${i.ACCORDION_CLASS}-motion`,onAppearStart:t,onEnterStart:t,onEnterActive:a,onLeaveStart:r,onLeaveActive:t,onEnterEnd:o,onLeaveEnd:o,motionDeadline:500};exports.collapseMotion=s;
+//# sourceMappingURL=motionUtils.js.map

package/build/cjs/components/Accordion/utils/motionUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"motionUtils.js","sources":["../../../../../src/components/Accordion/utils/motionUtils.ts"],"sourcesContent":["import type { CSSMotionProps, MotionEndEventHandler, MotionEventHandler } from 'rc-motion';\nimport { ACCORDION_CLASS } from 'acinguiux-ds-react-base/consts';\n\nconst getCollapsedHeight: MotionEventHandler = () => ({ height: 0, opacity: 0 });\nconst getRealHeight: MotionEventHandler = (node) => ({ height: node.scrollHeight, opacity: 1 });\nconst getCurrentHeight: MotionEventHandler = (node) => ({ height: node.offsetHeight });\nconst skipOpacityTransition: MotionEndEventHandler = (_, event) => (event as TransitionEvent).propertyName === 'height';\n\nexport const collapseMotion: CSSMotionProps = {\n  motionName: `${ACCORDION_CLASS}-motion`,\n  onAppearStart: getCollapsedHeight,\n  onEnterStart: getCollapsedHeight,\n  onEnterActive: getRealHeight,\n  onLeaveStart: getCurrentHeight,\n  onLeaveActive: getCollapsedHeight,\n  onEnterEnd: skipOpacityTransition,\n  onLeaveEnd: skipOpacityTransition,\n  motionDeadline: 500,\n};\n"],"names":["getCollapsedHeight","getRealHeight","node","getCurrentHeight","skipOpacityTransition","_","event","collapseMotion","ACCORDION_CLASS"],"mappings":"uKAGMA,EAAyC,KAAO,CAAE,OAAQ,EAAG,QAAS,CAAE,GACxEC,EAAqCC,IAAU,CAAE,OAAQA,EAAK,aAAc,QAAS,IACrFC,EAAwCD,IAAU,CAAE,OAAQA,EAAK,YAAa,GAC9EE,EAA+C,CAACC,EAAGC,IAAWA,EAA0B,eAAiB,SAElGC,EAAiC,CAC5C,WAAY,GAAGC,EAAe,eAAA,UAC9B,cAAeR,EACf,aAAcA,EACd,cAAeC,EACf,aAAcE,EACd,cAAeH,EACf,WAAYI,EACZ,WAAYA,EACZ,eAAgB,GAClB"}

package/build/cjs/components/Alert/Alert.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),x=require("react"),V=require("classnames"),O=require("acinguiux-ds-fabrics"),l=require("../../react-base/src/consts/index.js"),R=require("../../react-base/src/components/Alert/Alert.consts.js"),q=require("../../react-base/src/components/Alert/Alert.utils.js"),B=require("../Icon/components/Cross.js"),r=require("./Alert.styles.js"),d=require("./utils/alertUtils.js"),y=x.forwardRef(({className:F,size:t=`${l.Sizes.Medium}`,label:M,title:N,children:A,autoDismiss:f=!1,sentiment:o=O.Sentiments.Neutral,icon:i,dismissible:g=!1,onDismissClick:c,onDismiss:s,autoDismissTimeout:h=R.consts.DEFAULT_DISMISS_TIMEOUT_MS,alignment:n=`${l.Directions.Vertical}`,highlight:p=!1,banner:_=!1,actions:j,variant:a=`${l.Variants.Filled}`,...E},L)=>{const I=N??M,C=x.useRef(null),T=x.useCallback(u=>{var S;u?(c==null||c(u),s==null||s()):c?(S=C.current)==null||S.click():s==null||s()},[c,C,s]);return x.useEffect(()=>{f&&setTimeout(()=>{T()},h)},[f,c,h]),e.jsxs(r.Alert,{banner:_,size:t,className:V(l.ALERT_CLASS,F),sentiment:o,variant:a,alignment:n,ref:L,...E,children:[f?e.jsx(r.AutoDismissContainer,{sentiment:o,variant:a,autoDismissTimeout:h}):e.jsx(e.Fragment,{}),p&&!_&&e.jsx(r.HighlightIndicator,{size:t,alignment:n,sentiment:o,variant:a}),e.jsx(r.AlertContentContainer,{size:t,alignment:n,variant:a,children:e.jsxs(r.InnerContainer,{size:t,alignment:n,children:[e.jsxs(r.MessageAndButtonContainer,{size:t,alignment:n,children:[e.jsxs(r.MessageAndIconVerticalContainer,{size:t,alignment:n,children:[i?e.jsx(r.IconContainer,{size:t,alignment:n,children:x.cloneElement(i,{className:`${l.ALERT_CLASS}-icon`,"aria-label":"alert icon",...i.props})}):e.jsx(e.Fragment,{}),e.jsxs(r.AlertMessageContainer,{size:t,alignment:n,children:[I&&e.jsx(r.AlertTitle,{size:t,alignment:n,children:I}),typeof A=="string"&&A.length>0?e.jsx(r.AlertMessage,{size:d.getAlertTextSize(t),children:A}):A]})]}),g&&n===l.Directions.Vertical?e.jsx(r.DismissButton,{ref:C,sentiment:o,sentimentProminence:q.getProminence(a),size:d.getAlertDismissButtonSize(t),title:"Dismiss",onClick:c,variant:l.Variants.Transparent,iconOnly:!0,icon:e.jsx(B,{className:l.ICON_CLASS}),"aria-label":"Dismiss"}):e.jsx(e.Fragment,{})]}),j!=null&&j.length?e.jsx(r.Actions,{size:t,alignment:n,dismissible:g,children:j.map(({label:u,action:S,props:P})=>e.jsx(r.ActionButton,{sentiment:o,sentimentProminence:q.getProminence(a),onClick:S,size:d.getAlertButtonSize(t),...P,children:u},u))}):e.jsx(e.Fragment,{}),g&&n===l.Directions.Horizontal?e.jsx(r.DismissButton,{sentiment:o,sentimentProminence:q.getProminence(a),size:d.getAlertDismissButtonSize(t),title:"Dismiss",onClick:T,variant:l.Variants.Transparent,iconOnly:!0,icon:e.jsx(B,{className:l.ICON_CLASS}),"aria-label":"Dismiss"}):e.jsx(e.Fragment,{})]})})]})});module.exports=y;
+//# sourceMappingURL=Alert.js.map

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

@@ -0,0 +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 { Sentiments } from 'acinguiux-ds-fabrics';\nimport { Sizes, Directions, Variants, ALERT_CLASS, ICON_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, getAlertDismissButtonSize, 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      autoDismiss = false,\n      sentiment = Sentiments.Neutral,\n      icon,\n      dismissible = false,\n      onDismissClick,\n      onDismiss,\n      autoDismissTimeout = AlertConsts.consts.DEFAULT_DISMISS_TIMEOUT_MS,\n      alignment = `${Directions.Vertical}`,\n      highlight = false,\n      banner = false,\n      actions,\n      variant = `${Variants.Filled}`,\n      ...rest\n    },\n    ref,\n  ): ReactElement => {\n    const alertTitle = title ?? label;\n    const dismissButton = useRef<HTMLButtonElement>(null);\n\n    // Note: Acceptable tech debt until onDismissClick is removed.\n    const onDismissHandler = useCallback(\n      (event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n        if (event) {\n          onDismissClick?.(event);\n          onDismiss?.();\n        } else if (onDismissClick) {\n          dismissButton.current?.click();\n        } else {\n          onDismiss?.();\n        }\n      },\n      [onDismissClick, dismissButton, onDismiss],\n    );\n\n    useEffect(() => {\n      if (autoDismiss) {\n        setTimeout(() => {\n          onDismissHandler();\n        }, autoDismissTimeout);\n      }\n    }, [autoDismiss, onDismissClick, autoDismissTimeout]);\n\n    return (\n      <Styled.Alert\n        banner={banner}\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        {autoDismiss ? (\n          <Styled.AutoDismissContainer\n            sentiment={sentiment}\n            variant={variant}\n            autoDismissTimeout={autoDismissTimeout}\n          />\n        ) : (\n          <></>\n        )}\n        {highlight && !banner && (\n          <Styled.HighlightIndicator size={size} alignment={alignment} sentiment={sentiment} variant={variant} />\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                  <></>\n                )}\n                <Styled.AlertMessageContainer size={size} alignment={alignment}>\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              {dismissible && alignment === Directions.Vertical ? (\n                <Styled.DismissButton\n                  ref={dismissButton}\n                  sentiment={sentiment}\n                  sentimentProminence={AlertUtils.getProminence(variant)}\n                  size={getAlertDismissButtonSize(size)}\n                  title=\"Dismiss\"\n                  onClick={onDismissClick}\n                  variant={Variants.Transparent}\n                  iconOnly\n                  icon={<Cross className={ICON_CLASS} />}\n                  aria-label=\"Dismiss\"\n                />\n              ) : (\n                <></>\n              )}\n            </Styled.MessageAndButtonContainer>\n            {actions?.length ? (\n              <Styled.Actions size={size} alignment={alignment} dismissible={dismissible}>\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              <></>\n            )}\n            {dismissible && alignment === Directions.Horizontal ? (\n              <Styled.DismissButton\n                sentiment={sentiment}\n                sentimentProminence={AlertUtils.getProminence(variant)}\n                size={getAlertDismissButtonSize(size)}\n                title=\"Dismiss\"\n                onClick={onDismissHandler}\n                variant={Variants.Transparent}\n                iconOnly\n                icon={<Cross className={ICON_CLASS} />}\n                aria-label=\"Dismiss\"\n              />\n            ) : (\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","autoDismiss","sentiment","Sentiments","icon","dismissible","onDismissClick","onDismiss","autoDismissTimeout","AlertConsts.consts","alignment","Directions","highlight","banner","actions","variant","Variants","rest","ref","alertTitle","dismissButton","useRef","onDismissHandler","useCallback","event","_a","useEffect","jsxs","Styled.Alert","classNames","ALERT_CLASS","jsx","Styled.AutoDismissContainer","Fragment","Styled.HighlightIndicator","Styled.AlertContentContainer","Styled.InnerContainer","Styled.MessageAndButtonContainer","Styled.MessageAndIconVerticalContainer","Styled.IconContainer","Styled.AlertMessageContainer","Styled.AlertTitle","Styled.AlertMessage","getAlertTextSize","Styled.DismissButton","AlertUtils.getProminence","getAlertDismissButtonSize","Cross","ICON_CLASS","Styled.Actions","actionLabel","action","props","Styled.ActionButton","getAlertButtonSize"],"mappings":"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"}

package/build/cjs/components/Alert/Alert.styles.js

@@ -0,0 +1,244 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("react/jsx-runtime"),s=require("../../react-base/src/consts/index.js"),a=require("../../react-base/src/theme/variableTheme.js"),n=require("../../react-base/src/components/Alert/Alert.consts.js"),d=require("acinguiux-ds-fabrics"),i=require("styled-components"),b=require("../Text/components/Heading/Heading.js"),m=require("../Text/components/Label/Label.js"),y=require("../Text/components/Text/Text.js"),g=require("../Button/OnSentimentButton.js"),u=require("./utils/alertUtils.js"),x=e=>e===s.Variants.Filled?d.FabricsVariables.SentimentProminences.Strong:e===s.Variants.Subtle?d.FabricsVariables.SentimentProminences.Subtle:d.FabricsVariables.SentimentProminences.Transparent,w=i.keyframes`
+  from {
+    width: 0;
+  }
+  
+  to {
+    width: 100%;
+  }
+`,S=i.keyframes`
+  from {
+    opacity: 0;
+  }
+  
+  to {
+    opacity: 1;
+  }
+`,V=i.keyframes`
+  from {
+    opacity: 0;
+  }
+  
+  to {
+    opacity: .1;
+  }
+`,f=i.div`
+  ${({sentiment:e,variant:t,autoDismissTimeout:o,theme:r})=>{const c=r.getVariablesLayer({sentiment:e,sentimentProminence:d.FabricsVariables.SentimentProminences.Strong});return i.css`
+      position: absolute;
+      inset-block: 0;
+      opacity: ${t===s.Variants.Filled?1:.1};
+      left: 0;
+      right: 0;
+      overflow: hidden;
+      pointer-events: none;
+
+      &::after {
+        content: '';
+        position: relative;
+        height: 100%;
+        display: block;
+
+        @media (prefers-reduced-motion: no-preference) {
+          width: 0;
+          opacity: ${t===s.Variants.Filled?.1:1};
+          will-change: width;
+          animation: ${w} ${o}ms ease-out forwards;
+        }
+
+        @media (prefers-reduced-motion: reduce) {
+          width: 100%;
+          opacity: 0;
+          will-change: opacity;
+          animation: ${t===s.Variants.Filled?V:S} 1s ease-out forwards;
+        }
+        background-color: ${c[a.VariablesNames.BackgroundSentiment]};
+        ${t===s.Variants.Filled&&i.css`
+          mix-blend-mode: difference;
+        `}
+      }
+    `}};
+`,A=i.div`
+  ${({size:e,sentiment:t,banner:o,variant:r,alignment:c,theme:l})=>{const $={sentiment:t,sentimentProminence:x(r)},p=l.getVariablesLayer($);return i.css`
+      position: relative;
+      background-color: ${p[a.VariablesNames.BackgroundSentiment]};
+      color: ${p[a.VariablesNames.TextOnSentimentOnBackground]};
+      border-color: ${p[a.VariablesNames.BorderOnSentimentOnBackground]};
+
+      display: flex;
+      align-items: flex-start;
+      width: 100%;
+      &,
+      & > ${f} {
+        border-radius: ${o?0:n.consts[e][c].radius}px;
+      }
+      box-sizing: border-box;
+      min-height: ${n.consts[e][c].minHeight}px;
+      min-width: 0;
+      margin: 0;
+      padding: 0;
+
+      ${r===s.Variants.Outlined&&i.css`
+        border-width: 1px;
+        border-style: solid;
+      `}
+
+      ${c===s.Directions.Horizontal&&i.css`
+        justify-content: center;
+      `}
+      
+      ${o&&r===s.Variants.Outlined&&i.css`
+        border-right-width: 0;
+        border-left-width: 0;
+      `}
+    `}}
+`,v=i.div`
+  ${({theme:e,sentiment:t,size:o,alignment:r,variant:c})=>{const l=e.getVariablesLayer({sentiment:t,sentimentProminence:x(c)});return i.css`
+      position: relative;
+      padding: 0;
+      margin: 0;
+      height: 100%;
+      width: ${n.consts[o][r].highlightContainerWidth}px;
+
+      &::after {
+        content: '';
+        display: block;
+        position: absolute;
+        top: ${n.consts[o][r].highlightPadding}px;
+        bottom: ${n.consts[o][r].highlightPadding}px;
+        left: calc(100% + ${n.consts[o][r].highlightContainerOffset}px);
+        width: ${n.consts[o][r].highlightWidth}px;
+        border-radius: 10000px;
+        background-color: ${l[a.VariablesNames.ForegroundOnSentiment]};
+      }
+    `}};
+`,C=i.div`
+  ${({size:e,alignment:t,variant:o})=>i.css`
+    display: flex;
+    flex: 1 0 0;
+    min-width: 0;
+    min-height: 100%;
+    overflow: hidden;
+    padding: ${n.consts[e][t].padding.vertical}px
+      ${n.consts[e][t].padding.horizontal}px;
+
+    ${o===s.Variants.Outlined&&i.css`
+      padding: ${n.consts[e][t].padding.vertical-1}px
+        ${n.consts[e][t].padding.horizontal-1}px;
+    `}
+  `};
+`,P=i.div`
+  ${({size:e,alignment:t})=>i.css`
+    display: flex;
+    flex: 1 1 100%;
+    width: 100%;
+    min-width: 0;
+    overflow: hidden;
+    flex-wrap: wrap;
+    align-items: flex-start;
+    gap: ${n.consts[e][t].textIconGap}px;
+  `};
+`,D=i.div`
+  ${({alignment:e,size:t})=>i.css`
+    display: flex;
+    flex: 1 0 0;
+    width: 100%;
+    min-width: 0;
+    flex-wrap: nowrap;
+    align-items: ${e===s.Directions.Horizontal?"center":"flex-start"};
+    gap: ${n.consts[t][e].textIconGap}px;
+    padding: ${n.consts[t][e].innerPadding.top}px
+      ${n.consts[t][e].innerPadding.right}px
+      ${n.consts[t][e].innerPadding.bottom}px
+      ${n.consts[t][e].innerPadding.left}px;
+
+    ${e===s.Directions.Vertical&&i.css`
+      padding-right: 0;
+    `};
+  `};
+`,k=i.div`
+  ${({alignment:e,size:t})=>i.css`
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+
+    min-width: ${n.consts[t][e].minIconSize??n.consts[t][e].iconSize}px;
+    min-height: ${n.consts[t][e].minIconSize??n.consts[t][e].iconSize}px;
+
+    & > svg {
+      width: ${n.consts[t][e].iconSize}px;
+      height: ${n.consts[t][e].iconSize}px;
+    }
+  `};
+`,B=i.div`
+  ${({size:e,alignment:t})=>i.css`
+    display: flex;
+    flex: 1 1 100%;
+    justify-content: space-between;
+    flex-wrap: nowrap;
+    min-width: 0;
+    gap: ${n.consts[e][t].innerGap}px;
+    align-self: stretch;
+    align-items: center;
+
+    ${t===s.Directions.Vertical&&i.css`
+      flex-direction: column;
+      align-items: flex-start;
+    `}
+  `}
+`,I=i.div`
+  ${({size:e,alignment:t,theme:o})=>i.css`
+    ${o.getTypography("body",u.getAlertBodySize(e))};
+    display: flex;
+    flex: 1 0 0;
+    padding: 0 ${n.consts[e][t].innerPadding.right}px 0
+      ${n.consts[e][t].innerPadding.left}px;
+
+    ${t===s.Directions.Horizontal&&i.css`
+      padding-left: 0;
+      padding-right: 0;
+    `};
+
+    overflow: hidden;
+
+    > * {
+      color: inherit;
+
+      ${t===s.Directions.Horizontal&&i.css`
+        white-space: nowrap;
+      `};
+    }
+
+    ${t===s.Directions.Horizontal&&i.css`
+      > p {
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+    `};
+
+    gap: ${n.consts[e][t].textGap}px;
+
+    ${t===s.Directions.Horizontal&&i.css`
+      align-items: baseline;
+    `}
+
+    ${t===s.Directions.Vertical&&i.css`
+      align-items: flex-start;
+      flex-direction: column;
+    `}
+  `};
+`,H=i(b)(({size:e,alignment:t})=>`
+  line-height: ${n.consts[e][t].minIconSize??n.consts[e][t].iconSize}px;
+`),O=({size:e,alignment:t,children:o})=>e===s.Sizes.Large?h.jsx(H,{size:e,alignment:t,type:s.TextElementTypes.H4,children:o}):h.jsx(m,{bold:!0,size:u.getAlertTitleSize(e,t),children:o}),T=i(y)``,q=i.div`
+  ${({size:e,alignment:t})=>i.css`
+    display: flex;
+    align-items: center;
+    flex-wrap: nowrap;
+    justify-content: flex-end;
+    gap: ${n.consts[e][t].buttonGap}px;
+
+    ${t===s.Directions.Vertical&&i.css`
+      align-self: stretch;
+    `};
+  `};
+`,F=i(g)``,M=i(g)``;exports.ActionButton=F;exports.Actions=q;exports.Alert=A;exports.AlertContentContainer=C;exports.AlertMessage=T;exports.AlertMessageContainer=I;exports.AlertTitle=O;exports.AutoDismissContainer=f;exports.DismissButton=M;exports.HighlightIndicator=v;exports.IconContainer=k;exports.InnerContainer=B;exports.MessageAndButtonContainer=P;exports.MessageAndIconVerticalContainer=D;
+//# sourceMappingURL=Alert.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.styles.js","sources":["../../../../src/components/Alert/Alert.styles.tsx"],"sourcesContent":["import { PropsWithChildren } from 'react';\n\nimport { Directions, Sizes, TextElementTypes, Variants } from 'acinguiux-ds-react-base/consts';\nimport { RequiredProperties } from 'acinguiux-ds-react-base/types';\nimport { VariablesNames } 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';\n\nimport Heading from '../Text/components/Heading/Heading';\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, getAlertTitleSize } 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 AlertCommonRequiredProps = 'sentiment' | 'size' | 'variant' | 'alignment';\ntype AlertContainerProps = RequiredProperties<IAlertProps, AlertCommonRequiredProps | 'banner'>;\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 AutoDismissContainer = styled.div<\n  RequiredProperties<IAlertProps, 'sentiment' | 'variant' | 'autoDismissTimeout'>\n>`\n  ${({ sentiment, variant, autoDismissTimeout, theme }) => {\n    const layer = theme.getVariablesLayer({\n      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} ${autoDismissTimeout}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[VariablesNames.BackgroundSentiment]};\n        ${variant === Variants.Filled &&\n        css`\n          mix-blend-mode: difference;\n        `}\n      }\n    `;\n  }};\n`;\n\nconst Alert = styled.div<AlertContainerProps>`\n  ${({ size, sentiment, banner, variant, alignment, theme }) => {\n    const currentModes = { sentiment, sentimentProminence: getProminence(variant) };\n    const layer = theme.getVariablesLayer(currentModes);\n\n    return css`\n      position: relative;\n      background-color: ${layer[VariablesNames.BackgroundSentiment]};\n      color: ${layer[VariablesNames.TextOnSentimentOnBackground]};\n      border-color: ${layer[VariablesNames.BorderOnSentimentOnBackground]};\n\n      display: flex;\n      align-items: flex-start;\n      width: 100%;\n      &,\n      & > ${AutoDismissContainer} {\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      ${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 HighlightIndicator = styled.div<RequiredProperties<IAlertProps, AlertCommonRequiredProps>>`\n  ${({ theme, sentiment, size, alignment, variant }) => {\n    const layer = theme.getVariablesLayer({ sentiment, sentimentProminence: getProminence(variant) });\n\n    return css`\n      position: relative;\n      padding: 0;\n      margin: 0;\n      height: 100%;\n      width: ${AlertConsts.consts[size][alignment].highlightContainerWidth}px;\n\n      &::after {\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(100% + ${AlertConsts.consts[size][alignment].highlightContainerOffset}px);\n        width: ${AlertConsts.consts[size][alignment].highlightWidth}px;\n        border-radius: 10000px;\n        background-color: ${layer[VariablesNames.ForegroundOnSentiment]};\n      }\n    `;\n  }};\n`;\n\nconst AlertContentContainer = styled.div<RequiredProperties<IAlertProps, 'size' | 'alignment' | 'variant'>>`\n  ${({ size, alignment, variant }) => css`\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 MessageAndButtonContainer = styled.div<RequiredProperties<IAlertProps, 'size' | 'alignment'>>`\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<RequiredProperties<IAlertProps, 'size' | 'alignment'>>`\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<RequiredProperties<IAlertProps, 'size' | 'alignment'>>`\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 ?? 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<RequiredProperties<IAlertProps, 'size' | 'alignment'>>`\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<RequiredProperties<IAlertProps, 'size' | 'alignment'>>`\n  ${({ size, alignment, theme }) => css`\n    ${theme.getTypography('body', 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\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 TitleHeading = styled(Heading)<Required<Pick<IAlertProps, 'size' | 'alignment'>>>(\n  ({ size, alignment }) => `\n  line-height: ${AlertConsts.consts[size][alignment].minIconSize ?? AlertConsts.consts[size][alignment].iconSize}px;\n`,\n);\n\nconst AlertTitle = ({\n  size,\n  alignment,\n  children,\n}: PropsWithChildren<Required<Pick<IAlertProps, 'size' | 'alignment'>>>) => {\n  if (size === Sizes.Large) {\n    return (\n      <TitleHeading size={size} alignment={alignment} type={TextElementTypes.H4}>\n        {children}\n      </TitleHeading>\n    );\n  }\n\n  return (\n    <Label bold size={getAlertTitleSize(size, alignment)}>\n      {children}\n    </Label>\n  );\n};\n\nconst AlertMessage = styled(Text)``;\n\nconst Actions = styled.div<RequiredProperties<IAlertProps, 'size' | 'alignment'>>`\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 DismissButton = styled(OnSentimentButton)``;\n\nexport {\n  ActionButton,\n  Actions,\n  Alert,\n  AutoDismissContainer,\n  AlertContentContainer,\n  AlertTitle,\n  AlertMessage,\n  AlertMessageContainer,\n  DismissButton,\n  HighlightIndicator,\n  IconContainer,\n  InnerContainer,\n  MessageAndButtonContainer,\n  MessageAndIconVerticalContainer,\n};\n"],"names":["getProminence","variant","Variants","FabricsVariables","fullWidth","keyframes","opacity","miniOpacity","AutoDismissContainer","styled","sentiment","autoDismissTimeout","theme","layer","css","VariablesNames","Alert","size","banner","alignment","currentModes","AlertConsts.consts","Directions","HighlightIndicator","AlertContentContainer","MessageAndButtonContainer","MessageAndIconVerticalContainer","IconContainer","InnerContainer","AlertMessageContainer","getAlertBodySize","TitleHeading","Heading","AlertTitle","children","Sizes","TextElementTypes","jsx","Label","getAlertTitleSize","AlertMessage","Text","Actions","ActionButton","OnSentimentButton","DismissButton"],"mappings":"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"}

package/build/cjs/components/Alert/utils/alertUtils.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../../react-base/src/consts/index.js"),r=t=>{switch(t){case e.Sizes.Large:return e.Sizes.Medium;case e.Sizes.XSmall:return e.Sizes.XSmall;default:return e.Sizes.Small}},s=t=>{switch(t){case e.Sizes.Large:return e.Sizes.Medium;case e.Sizes.Medium:return e.Sizes.Small;default:return e.Sizes.XSmall}},l=(t,i)=>{switch(t){case e.Sizes.Small:return i===e.Directions.Vertical?e.Sizes.Medium:e.Sizes.Small;case e.Sizes.XSmall:return e.Sizes.Small;default:return i===e.Directions.Vertical?e.Sizes.Large:e.Sizes.Medium}},S=t=>{switch(t){case e.Sizes.Large:return"large";case e.Sizes.Medium:return"medium";default:return"small"}},u=t=>{switch(t){case e.Sizes.Large:return e.Sizes.Large;case e.Sizes.Medium:return e.Sizes.Medium;default:return e.Sizes.Small}};exports.getAlertBodySize=S;exports.getAlertButtonSize=r;exports.getAlertDismissButtonSize=s;exports.getAlertTextSize=u;exports.getAlertTitleSize=l;
+//# sourceMappingURL=alertUtils.js.map

package/build/cjs/components/Alert/utils/alertUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alertUtils.js","sources":["../../../../../src/components/Alert/utils/alertUtils.tsx"],"sourcesContent":["import { Sizes, Directions } from 'acinguiux-ds-react-base/consts';\nimport type { TextTypes, LabelTypes } from 'acinguiux-ds-react-base/components/Text';\nimport type { NewTypographyTypes } 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 getAlertDismissButtonSize = (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 getAlertTitleSize = (size: AlertTypes.Size, alignment: AlertTypes.Direction): LabelTypes.Size => {\n  switch (size) {\n    case Sizes.Small:\n      return alignment === Directions.Vertical ? Sizes.Medium : Sizes.Small;\n    case Sizes.XSmall:\n      return Sizes.Small;\n    default:\n      return alignment === Directions.Vertical ? Sizes.Large : Sizes.Medium;\n  }\n};\n\nexport const getAlertBodySize = (size: AlertTypes.Size): NewTypographyTypes['body'] => {\n  switch (size) {\n    case Sizes.Large:\n      return 'large';\n    case Sizes.Medium:\n      return 'medium';\n    default:\n      return 'small';\n  }\n};\n\nexport const getAlertTextSize = (size: AlertTypes.Size): TextTypes.Size => {\n  switch (size) {\n    case Sizes.Large:\n      return Sizes.Large;\n    case Sizes.Medium:\n      return Sizes.Medium;\n    default:\n      return Sizes.Small;\n  }\n};\n"],"names":["getAlertButtonSize","size","Sizes","getAlertDismissButtonSize","getAlertTitleSize","alignment","Directions","getAlertBodySize","getAlertTextSize"],"mappings":"uKAKaA,EAAsBC,GAA2B,CAC5D,OAAQA,EAAM,CACZ,KAAKC,EAAM,MAAA,MACT,OAAOA,EAAM,MAAA,OACf,KAAKA,EAAM,MAAA,OACT,OAAOA,EAAM,MAAA,OACf,QACE,OAAOA,EAAM,MAAA,KAAA,CAEnB,EAEaC,EAA6BF,GAA2B,CACnE,OAAQA,EAAM,CACZ,KAAKC,EAAM,MAAA,MACT,OAAOA,EAAM,MAAA,OACf,KAAKA,EAAM,MAAA,OACT,OAAOA,EAAM,MAAA,MACf,QACE,OAAOA,EAAM,MAAA,MAAA,CAEnB,EAEaE,EAAoB,CAACH,EAAuBI,IAAqD,CAC5G,OAAQJ,EAAM,CACZ,KAAKC,EAAM,MAAA,MACT,OAAOG,IAAcC,EAAAA,WAAW,SAAWJ,EAAAA,MAAM,OAASA,EAAAA,MAAM,MAClE,KAAKA,EAAM,MAAA,OACT,OAAOA,EAAM,MAAA,MACf,QACE,OAAOG,IAAcC,EAAAA,WAAW,SAAWJ,EAAAA,MAAM,MAAQA,EAAAA,MAAM,MAAA,CAErE,EAEaK,EAAoBN,GAAsD,CACrF,OAAQA,EAAM,CACZ,KAAKC,EAAM,MAAA,MACF,MAAA,QACT,KAAKA,EAAM,MAAA,OACF,MAAA,SACT,QACS,MAAA,OAAA,CAEb,EAEaM,EAAoBP,GAA0C,CACzE,OAAQA,EAAM,CACZ,KAAKC,EAAM,MAAA,MACT,OAAOA,EAAM,MAAA,MACf,KAAKA,EAAM,MAAA,OACT,OAAOA,EAAM,MAAA,OACf,QACE,OAAOA,EAAM,MAAA,KAAA,CAEnB"}

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

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),h=require("react"),I=require("classnames"),d=require("../../react-base/src/consts/index.js"),C=require("../../react-base/src/components/Avatar/Avatar.consts.js"),N=require("../Icon/components/ChevronDown.js"),E=require("../Icon/components/PersonSolid.js"),n=require("./Avatar.styles.js"),$=require("../Popover/Popover.js"),g=require("../Flag/components/index.js"),q=({$size:s,$ariaLabel:r,children:t})=>e.jsx(n.NoImageCircleWrapper,{$size:s,children:e.jsx(n.NoImageCircle,{"aria-label":r,children:t})}),v=({$abbreviation:s,$size:r,$ariaLabel:t})=>e.jsx(q,{$size:r,$ariaLabel:t,children:s}),f=({$size:s,$ariaLabel:r})=>{const t=C.consts[s].icon;return e.jsx(q,{$size:s,children:e.jsx(E,{width:t,height:t,"aria-label":r||"Default user avatar"})})},F=({$size:s,src:r,alt:t,$abbreviation:a,"aria-label":u})=>{const[l,i]=h.useState(!1),[o,c]=h.useState(null);return h.useEffect(()=>{i(!1),c(null);const x=new Image;x.onload=()=>c(r),x.onerror=()=>i(!0),x.src=r},[r]),!o||l?a?e.jsx(v,{$abbreviation:a,$size:s,$ariaLabel:u}):e.jsx(f,{$size:s,$ariaLabel:u}):e.jsx(n.Image,{src:o,alt:t},r)},P=Object.fromEntries(Object.keys(g).flatMap(s=>[[s.toLowerCase(),s],[s.toUpperCase(),s]])),_=s=>P[s],w=({className:s,size:r=d.Sizes.Medium,src:t,flag:a,alt:u=C.altDefaultText,abbreviation:l,label:i,secondaryLabel:o,dropdownOverlay:c,dropdownAlign:x,collapsed:A=!1,textAndChevron:m=!0,"aria-label":p,...T})=>{const j=h.useMemo(()=>a!==void 0?g[_(a)]:null,[a]),S=e.jsxs(n.AvatarWrapper,{className:I(d.AVATAR_CLASS,s),$hasText:!!i||!!o,$dropdownOverlay:c,$textAndChevron:m,$size:r,...T,children:[e.jsxs(n.Avatar,{$size:r,children:[!t&&(!a||!j)&&l&&e.jsx(v,{$abbreviation:l,$size:r,$ariaLabel:p}),!!t&&e.jsx(F,{$size:r,src:t,alt:u,$abbreviation:l}),!t&&a&&j&&e.jsx(n.FlagContainer,{$size:r,"data-testid":`flag-${a}`,children:e.jsx(j,{})}),!t&&!l&&(!a||!j)&&e.jsx(f,{$size:r,$ariaLabel:p})]}),e.jsxs(n.TextAndChevronContainer,{children:[m&&(!!i||!!o)&&e.jsxs(n.TextBox,{$collapsed:A,children:[!!i&&e.jsx(n.Label,{$size:r,children:i}),!!o&&e.jsx(n.AdditionalText,{$size:r,children:o})]}),!!c&&e.jsx(n.StyledButton,{$visible:m&&!A,size:d.Sizes.Small,variant:d.Variants.Transparent,icon:e.jsx(N,{width:16}),iconOnly:!0,"aria-label":"View profile and more"})]})]});return e.jsx(e.Fragment,{children:c?e.jsxs($.Popover,{children:[e.jsx($.PopoverTrigger,{asChild:!0,children:S}),e.jsx($.PopoverContent,{...x,children:c})]}):e.jsx(e.Fragment,{children:S})})};module.exports=w;
+//# sourceMappingURL=Avatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { type ReactElement, useMemo, 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 * as Flags from '../Flag/components/index';\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\ntype FlagComponentKey = keyof typeof Flags;\ntype FlagName = Lowercase<FlagComponentKey> | Uppercase<FlagComponentKey>;\ntype FlagNameKeyRecord = { [key in FlagComponentKey as Lowercase<key>]: key } & {\n  [key in FlagComponentKey as Uppercase<key>]: key;\n};\n\nconst FLAG_NAMES_KEYS = Object.fromEntries(\n  Object.keys(Flags).flatMap((key) => [\n    [key.toLowerCase(), key],\n    [key.toUpperCase(), key],\n  ]),\n) as FlagNameKeyRecord;\n\nconst flagNameToComponentKey = (flag: FlagName): FlagComponentKey => FLAG_NAMES_KEYS[flag];\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 FlagComponent = useMemo(() => (flag !== undefined ? Flags[flagNameToComponentKey(flag)] : null), [flag]);\n\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 || !FlagComponent) && abbreviation && (\n          <AsAbbreviation $abbreviation={abbreviation} $size={size} $ariaLabel={ariaLabel} />\n        )}\n        {!!src && <AsImage $size={size} src={src} alt={alt} $abbreviation={abbreviation} />}\n        {!src && flag && FlagComponent && (\n          <Styled.FlagContainer $size={size} data-testid={`flag-${flag}`}>\n            <FlagComponent />\n          </Styled.FlagContainer>\n        )}\n        {!src && !abbreviation && (!flag || !FlagComponent) && <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\n            aria-label=\"View profile and more\"\n          />\n        )}\n      </Styled.TextAndChevronContainer>\n    </Styled.AvatarWrapper>\n  );\n\n  return (\n    <>\n      {dropdownOverlay ? (\n        <Popover>\n          <PopoverTrigger asChild>{content}</PopoverTrigger>\n          <PopoverContent {...dropdownAlign}>{dropdownOverlay}</PopoverContent>\n        </Popover>\n      ) : (\n        <>{content}</>\n      )}\n    </>\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","FLAG_NAMES_KEYS","Flags","key","flagNameToComponentKey","flag","Avatar","className","size","Sizes","AvatarConsts.altDefaultText","abbreviation","label","secondaryLabel","dropdownOverlay","dropdownAlign","collapsed","textAndChevron","rest","FlagComponent","useMemo","content","jsxs","Styled.AvatarWrapper","classNames","AVATAR_CLASS","Styled.Avatar","Styled.FlagContainer","Styled.TextAndChevronContainer","Styled.TextBox","Styled.Label","Styled.AdditionalText","Styled.StyledButton","Variants","ChevronDown","Fragment","Popover","PopoverTrigger","PopoverContent"],"mappings":"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"}