@metamask/design-system-react 0.1.0 → 0.3.0

package/CHANGELOG.md

@@ -7,6 +7,44 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.3.0]
+
+### Added
+
+- New icons (AppleLogo, Backspace, Candlestick, Clear, MetamaskFoxOutline) ([#798](https://github.com/MetaMask/metamask-design-system/pull/798))
+
+- Figma code connect files for all components ([#766](https://github.com/MetaMask/metamask-design-system/pull/766)), ([#791](https://github.com/MetaMask/metamask-design-system/pull/791)), ([#795](https://github.com/MetaMask/metamask-design-system/pull/795)), ([#796](https://github.com/MetaMask/metamask-design-system/pull/796)), ([#794](https://github.com/MetaMask/metamask-design-system/pull/794)), ([#792](https://github.com/MetaMask/metamask-design-system/pull/792))
+
+### Changed
+
+- Update AvatarAccount shape from circle to square ([#800](https://github.com/MetaMask/metamask-design-system/pull/800))
+- Update README.mdx files for template alignment ([#771](https://github.com/MetaMask/metamask-design-system/pull/771))
+
+### Fixed
+
+- Adding new text classnames to twmerge to avoid conflicts ([#802](https://github.com/MetaMask/metamask-design-system/pull/802))
+- Optimize icon SVGs and remove hardcoded colors ([#799](https://github.com/MetaMask/metamask-design-system/pull/799))
+- Add ref support to Box component using forwardRef ([#790](https://github.com/MetaMask/metamask-design-system/pull/790))
+
+## [0.2.0]
+
+### Added
+
+- Added 5 new Text component variants with responsive typography support ([#777](https://github.com/MetaMask/metamask-design-system/pull/777)):
+  - `TextVariant.PageHeading` - For main page titles (renders as `<h1>` by default)
+  - `TextVariant.SectionHeading` - For section titles (renders as `<h2>` by default)
+  - `TextVariant.ButtonLabelMd` - For medium-sized button labels (renders as `<span>` by default)
+  - `TextVariant.ButtonLabelLg` - For large-sized button labels (renders as `<span>` by default)
+  - `TextVariant.AmountDisplayLg` - For large amount/value displays (renders as `<span>` by default)
+- Added comprehensive utility props to Box component for enhanced layout control ([#779](https://github.com/MetaMask/metamask-design-system/pull/779)) and fixes ([#781](https://github.com/MetaMask/metamask-design-system/pull/781)):
+  - **Margin props:** `margin`, `marginTop`, `marginRight`, `marginBottom`, `marginLeft`, `marginHorizontal`, `marginVertical`
+  - **Padding props:** `padding`, `paddingTop`, `paddingRight`, `paddingBottom`, `paddingLeft`, `paddingHorizontal`, `paddingVertical`
+  - **Border props:** `borderWidth`, `borderColor`
+  - **Background props:** `backgroundColor`
+  - All spacing props use the `BoxSpacing` scale (0-12) where each unit equals 4px
+  - Border width uses `BoxBorderWidth` type (0, 1, 2, 4, 8) for valid Tailwind CSS values
+  - Color props use design system color tokens for consistent theming
+
 ## [0.1.0]
 
 ### Added
@@ -24,5 +62,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Full TypeScript support with type definitions and enums
 - Tailwind CSS integration with design token support
 
-[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.1.0...HEAD
+[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.3.0...HEAD
+[0.3.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.2.0...@metamask/design-system-react@0.3.0
+[0.2.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.1.0...@metamask/design-system-react@0.2.0
 [0.1.0]: https://github.com/MetaMask/metamask-design-system/releases/tag/@metamask/design-system-react@0.1.0

package/dist/components/AvatarAccount/AvatarAccount.cjs

@@ -45,7 +45,7 @@ exports.AvatarAccount = (0, react_1.forwardRef)(({ address, variant = types_1.Av
             AvatarArtComponent = (react_1.default.createElement(Jazzicon_1.Jazzicon, { address: address, size: AvatarAccount_constants_1.MAP_AVATARACCOUNT_SIZE_SIZENUMBER[size], ...jazziconProps }));
             break;
     }
-    return (react_1.default.createElement(AvatarBase_1.AvatarBase, { ref: ref, shape: types_1.AvatarBaseShape.Circle, size: size, className: className, ...props }, AvatarArtComponent));
+    return (react_1.default.createElement(AvatarBase_1.AvatarBase, { ref: ref, shape: types_1.AvatarBaseShape.Square, size: size, className: className, ...props }, AvatarArtComponent));
 });
 exports.AvatarAccount.displayName = 'AvatarAccount';
 //# sourceMappingURL=AvatarAccount.cjs.map

package/dist/components/AvatarAccount/AvatarAccount.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarAccount.cjs","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,iDAIqB;AACrB,wDAA2C;AAC3C,oEAAuD;AACvD,oEAAuD;AACvD,oEAAuD;AAEvD,2EAA8E;AAGjE,QAAA,aAAa,GAAG,IAAA,kBAAU,EACrC,CACE,EACE,OAAO,EACP,OAAO,GAAG,4BAAoB,CAAC,QAAQ,EACvC,SAAS,EACT,IAAI,GAAG,yBAAiB,CAAC,EAAE,EAC3B,aAAa,EACb,aAAa,EACb,aAAa,EACb,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,IAAI,kBAAkB,CAAC;IACvB,QAAQ,OAAO,EAAE;QACf,KAAK,4BAAoB,CAAC,QAAQ;YAChC,kBAAkB,GAAG,CACnB,8BAAC,mBAAQ,IACP,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,2DAAiC,CAAC,IAAI,CAAC,KACzC,aAAa,GACjB,CACH,CAAC;YACF,MAAM;QACR,KAAK,4BAAoB,CAAC,QAAQ;YAChC,kBAAkB,GAAG,CACnB,8BAAC,mBAAQ,IACP,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,2DAAiC,CAAC,IAAI,CAAC,KACzC,aAAa,GACjB,CACH,CAAC;YACF,MAAM;QACR,KAAK,4BAAoB,CAAC,QAAQ,CAAC;QACnC;YACE,kBAAkB,GAAG,CACnB,8BAAC,mBAAQ,IACP,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,2DAAiC,CAAC,IAAI,CAAC,KACzC,aAAa,GACjB,CACH,CAAC;YACF,MAAM;KACT;IAED,OAAO,CACL,8BAAC,uBAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,uBAAe,CAAC,MAAM,EAC7B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,KAChB,KAAK,IAER,kBAAkB,CACR,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\n\nimport {\n  AvatarAccountVariant,\n  AvatarAccountSize,\n  AvatarBaseShape,\n} from '../../types';\nimport { AvatarBase } from '../AvatarBase';\nimport { Blockies } from '../temp-components/Blockies';\nimport { Jazzicon } from '../temp-components/Jazzicon';\nimport { Maskicon } from '../temp-components/Maskicon';\n\nimport { MAP_AVATARACCOUNT_SIZE_SIZENUMBER } from './AvatarAccount.constants';\nimport type { AvatarAccountProps } from './AvatarAccount.types';\n\nexport const AvatarAccount = forwardRef<HTMLDivElement, AvatarAccountProps>(\n  (\n    {\n      address,\n      variant = AvatarAccountVariant.Jazzicon,\n      className,\n      size = AvatarAccountSize.Md,\n      blockiesProps,\n      jazziconProps,\n      maskiconProps,\n      ...props\n    },\n    ref,\n  ) => {\n    let AvatarArtComponent;\n    switch (variant) {\n      case AvatarAccountVariant.Blockies:\n        AvatarArtComponent = (\n          <Blockies\n            address={address}\n            size={MAP_AVATARACCOUNT_SIZE_SIZENUMBER[size]}\n            {...blockiesProps}\n          />\n        );\n        break;\n      case AvatarAccountVariant.Maskicon:\n        AvatarArtComponent = (\n          <Maskicon\n            address={address}\n            size={MAP_AVATARACCOUNT_SIZE_SIZENUMBER[size]}\n            {...maskiconProps}\n          />\n        );\n        break;\n      case AvatarAccountVariant.Jazzicon:\n      default:\n        AvatarArtComponent = (\n          <Jazzicon\n            address={address}\n            size={MAP_AVATARACCOUNT_SIZE_SIZENUMBER[size]}\n            {...jazziconProps}\n          />\n        );\n        break;\n    }\n\n    return (\n      <AvatarBase\n        ref={ref}\n        shape={AvatarBaseShape.Circle}\n        size={size}\n        className={className}\n        {...props}\n      >\n        {AvatarArtComponent}\n      </AvatarBase>\n    );\n  },\n);\n\nAvatarAccount.displayName = 'AvatarAccount';\n"]}
+{"version":3,"file":"AvatarAccount.cjs","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,iDAIqB;AACrB,wDAA2C;AAC3C,oEAAuD;AACvD,oEAAuD;AACvD,oEAAuD;AAEvD,2EAA8E;AAGjE,QAAA,aAAa,GAAG,IAAA,kBAAU,EACrC,CACE,EACE,OAAO,EACP,OAAO,GAAG,4BAAoB,CAAC,QAAQ,EACvC,SAAS,EACT,IAAI,GAAG,yBAAiB,CAAC,EAAE,EAC3B,aAAa,EACb,aAAa,EACb,aAAa,EACb,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,IAAI,kBAAkB,CAAC;IACvB,QAAQ,OAAO,EAAE;QACf,KAAK,4BAAoB,CAAC,QAAQ;YAChC,kBAAkB,GAAG,CACnB,8BAAC,mBAAQ,IACP,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,2DAAiC,CAAC,IAAI,CAAC,KACzC,aAAa,GACjB,CACH,CAAC;YACF,MAAM;QACR,KAAK,4BAAoB,CAAC,QAAQ;YAChC,kBAAkB,GAAG,CACnB,8BAAC,mBAAQ,IACP,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,2DAAiC,CAAC,IAAI,CAAC,KACzC,aAAa,GACjB,CACH,CAAC;YACF,MAAM;QACR,KAAK,4BAAoB,CAAC,QAAQ,CAAC;QACnC;YACE,kBAAkB,GAAG,CACnB,8BAAC,mBAAQ,IACP,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,2DAAiC,CAAC,IAAI,CAAC,KACzC,aAAa,GACjB,CACH,CAAC;YACF,MAAM;KACT;IAED,OAAO,CACL,8BAAC,uBAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,uBAAe,CAAC,MAAM,EAC7B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,KAChB,KAAK,IAER,kBAAkB,CACR,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\n\nimport {\n  AvatarAccountVariant,\n  AvatarAccountSize,\n  AvatarBaseShape,\n} from '../../types';\nimport { AvatarBase } from '../AvatarBase';\nimport { Blockies } from '../temp-components/Blockies';\nimport { Jazzicon } from '../temp-components/Jazzicon';\nimport { Maskicon } from '../temp-components/Maskicon';\n\nimport { MAP_AVATARACCOUNT_SIZE_SIZENUMBER } from './AvatarAccount.constants';\nimport type { AvatarAccountProps } from './AvatarAccount.types';\n\nexport const AvatarAccount = forwardRef<HTMLDivElement, AvatarAccountProps>(\n  (\n    {\n      address,\n      variant = AvatarAccountVariant.Jazzicon,\n      className,\n      size = AvatarAccountSize.Md,\n      blockiesProps,\n      jazziconProps,\n      maskiconProps,\n      ...props\n    },\n    ref,\n  ) => {\n    let AvatarArtComponent;\n    switch (variant) {\n      case AvatarAccountVariant.Blockies:\n        AvatarArtComponent = (\n          <Blockies\n            address={address}\n            size={MAP_AVATARACCOUNT_SIZE_SIZENUMBER[size]}\n            {...blockiesProps}\n          />\n        );\n        break;\n      case AvatarAccountVariant.Maskicon:\n        AvatarArtComponent = (\n          <Maskicon\n            address={address}\n            size={MAP_AVATARACCOUNT_SIZE_SIZENUMBER[size]}\n            {...maskiconProps}\n          />\n        );\n        break;\n      case AvatarAccountVariant.Jazzicon:\n      default:\n        AvatarArtComponent = (\n          <Jazzicon\n            address={address}\n            size={MAP_AVATARACCOUNT_SIZE_SIZENUMBER[size]}\n            {...jazziconProps}\n          />\n        );\n        break;\n    }\n\n    return (\n      <AvatarBase\n        ref={ref}\n        shape={AvatarBaseShape.Square}\n        size={size}\n        className={className}\n        {...props}\n      >\n        {AvatarArtComponent}\n      </AvatarBase>\n    );\n  },\n);\n\nAvatarAccount.displayName = 'AvatarAccount';\n"]}

package/dist/components/AvatarAccount/AvatarAccount.mjs

@@ -26,7 +26,7 @@ export const AvatarAccount = forwardRef(({ address, variant = AvatarAccountVaria
             AvatarArtComponent = (React.createElement(Jazzicon, { address: address, size: MAP_AVATARACCOUNT_SIZE_SIZENUMBER[size], ...jazziconProps }));
             break;
     }
-    return (React.createElement(AvatarBase, { ref: ref, shape: AvatarBaseShape.Circle, size: size, className: className, ...props }, AvatarArtComponent));
+    return (React.createElement(AvatarBase, { ref: ref, shape: AvatarBaseShape.Square, size: size, className: className, ...props }, AvatarArtComponent));
 });
 AvatarAccount.displayName = 'AvatarAccount';
 //# sourceMappingURL=AvatarAccount.mjs.map

package/dist/components/AvatarAccount/AvatarAccount.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarAccount.mjs","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,QAAO,EAAE,UAAU,EAAE,cAAc;;AAE1C,OAAO,EACL,oBAAoB,EACpB,iBAAiB,EACjB,eAAe,EAChB,8BAAoB;AACrB,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAC3C,OAAO,EAAE,QAAQ,EAAE,8CAAoC;AACvD,OAAO,EAAE,QAAQ,EAAE,8CAAoC;AACvD,OAAO,EAAE,QAAQ,EAAE,8CAAoC;AAEvD,OAAO,EAAE,iCAAiC,EAAE,sCAAkC;AAG9E,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,CACE,EACE,OAAO,EACP,OAAO,GAAG,oBAAoB,CAAC,QAAQ,EACvC,SAAS,EACT,IAAI,GAAG,iBAAiB,CAAC,EAAE,EAC3B,aAAa,EACb,aAAa,EACb,aAAa,EACb,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,IAAI,kBAAkB,CAAC;IACvB,QAAQ,OAAO,EAAE;QACf,KAAK,oBAAoB,CAAC,QAAQ;YAChC,kBAAkB,GAAG,CACnB,oBAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,iCAAiC,CAAC,IAAI,CAAC,KACzC,aAAa,GACjB,CACH,CAAC;YACF,MAAM;QACR,KAAK,oBAAoB,CAAC,QAAQ;YAChC,kBAAkB,GAAG,CACnB,oBAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,iCAAiC,CAAC,IAAI,CAAC,KACzC,aAAa,GACjB,CACH,CAAC;YACF,MAAM;QACR,KAAK,oBAAoB,CAAC,QAAQ,CAAC;QACnC;YACE,kBAAkB,GAAG,CACnB,oBAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,iCAAiC,CAAC,IAAI,CAAC,KACzC,aAAa,GACjB,CACH,CAAC;YACF,MAAM;KACT;IAED,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,eAAe,CAAC,MAAM,EAC7B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,KAChB,KAAK,IAER,kBAAkB,CACR,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\n\nimport {\n  AvatarAccountVariant,\n  AvatarAccountSize,\n  AvatarBaseShape,\n} from '../../types';\nimport { AvatarBase } from '../AvatarBase';\nimport { Blockies } from '../temp-components/Blockies';\nimport { Jazzicon } from '../temp-components/Jazzicon';\nimport { Maskicon } from '../temp-components/Maskicon';\n\nimport { MAP_AVATARACCOUNT_SIZE_SIZENUMBER } from './AvatarAccount.constants';\nimport type { AvatarAccountProps } from './AvatarAccount.types';\n\nexport const AvatarAccount = forwardRef<HTMLDivElement, AvatarAccountProps>(\n  (\n    {\n      address,\n      variant = AvatarAccountVariant.Jazzicon,\n      className,\n      size = AvatarAccountSize.Md,\n      blockiesProps,\n      jazziconProps,\n      maskiconProps,\n      ...props\n    },\n    ref,\n  ) => {\n    let AvatarArtComponent;\n    switch (variant) {\n      case AvatarAccountVariant.Blockies:\n        AvatarArtComponent = (\n          <Blockies\n            address={address}\n            size={MAP_AVATARACCOUNT_SIZE_SIZENUMBER[size]}\n            {...blockiesProps}\n          />\n        );\n        break;\n      case AvatarAccountVariant.Maskicon:\n        AvatarArtComponent = (\n          <Maskicon\n            address={address}\n            size={MAP_AVATARACCOUNT_SIZE_SIZENUMBER[size]}\n            {...maskiconProps}\n          />\n        );\n        break;\n      case AvatarAccountVariant.Jazzicon:\n      default:\n        AvatarArtComponent = (\n          <Jazzicon\n            address={address}\n            size={MAP_AVATARACCOUNT_SIZE_SIZENUMBER[size]}\n            {...jazziconProps}\n          />\n        );\n        break;\n    }\n\n    return (\n      <AvatarBase\n        ref={ref}\n        shape={AvatarBaseShape.Circle}\n        size={size}\n        className={className}\n        {...props}\n      >\n        {AvatarArtComponent}\n      </AvatarBase>\n    );\n  },\n);\n\nAvatarAccount.displayName = 'AvatarAccount';\n"]}
+{"version":3,"file":"AvatarAccount.mjs","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,QAAO,EAAE,UAAU,EAAE,cAAc;;AAE1C,OAAO,EACL,oBAAoB,EACpB,iBAAiB,EACjB,eAAe,EAChB,8BAAoB;AACrB,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAC3C,OAAO,EAAE,QAAQ,EAAE,8CAAoC;AACvD,OAAO,EAAE,QAAQ,EAAE,8CAAoC;AACvD,OAAO,EAAE,QAAQ,EAAE,8CAAoC;AAEvD,OAAO,EAAE,iCAAiC,EAAE,sCAAkC;AAG9E,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,CACE,EACE,OAAO,EACP,OAAO,GAAG,oBAAoB,CAAC,QAAQ,EACvC,SAAS,EACT,IAAI,GAAG,iBAAiB,CAAC,EAAE,EAC3B,aAAa,EACb,aAAa,EACb,aAAa,EACb,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,IAAI,kBAAkB,CAAC;IACvB,QAAQ,OAAO,EAAE;QACf,KAAK,oBAAoB,CAAC,QAAQ;YAChC,kBAAkB,GAAG,CACnB,oBAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,iCAAiC,CAAC,IAAI,CAAC,KACzC,aAAa,GACjB,CACH,CAAC;YACF,MAAM;QACR,KAAK,oBAAoB,CAAC,QAAQ;YAChC,kBAAkB,GAAG,CACnB,oBAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,iCAAiC,CAAC,IAAI,CAAC,KACzC,aAAa,GACjB,CACH,CAAC;YACF,MAAM;QACR,KAAK,oBAAoB,CAAC,QAAQ,CAAC;QACnC;YACE,kBAAkB,GAAG,CACnB,oBAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,iCAAiC,CAAC,IAAI,CAAC,KACzC,aAAa,GACjB,CACH,CAAC;YACF,MAAM;KACT;IAED,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,eAAe,CAAC,MAAM,EAC7B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,KAChB,KAAK,IAER,kBAAkB,CACR,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\n\nimport {\n  AvatarAccountVariant,\n  AvatarAccountSize,\n  AvatarBaseShape,\n} from '../../types';\nimport { AvatarBase } from '../AvatarBase';\nimport { Blockies } from '../temp-components/Blockies';\nimport { Jazzicon } from '../temp-components/Jazzicon';\nimport { Maskicon } from '../temp-components/Maskicon';\n\nimport { MAP_AVATARACCOUNT_SIZE_SIZENUMBER } from './AvatarAccount.constants';\nimport type { AvatarAccountProps } from './AvatarAccount.types';\n\nexport const AvatarAccount = forwardRef<HTMLDivElement, AvatarAccountProps>(\n  (\n    {\n      address,\n      variant = AvatarAccountVariant.Jazzicon,\n      className,\n      size = AvatarAccountSize.Md,\n      blockiesProps,\n      jazziconProps,\n      maskiconProps,\n      ...props\n    },\n    ref,\n  ) => {\n    let AvatarArtComponent;\n    switch (variant) {\n      case AvatarAccountVariant.Blockies:\n        AvatarArtComponent = (\n          <Blockies\n            address={address}\n            size={MAP_AVATARACCOUNT_SIZE_SIZENUMBER[size]}\n            {...blockiesProps}\n          />\n        );\n        break;\n      case AvatarAccountVariant.Maskicon:\n        AvatarArtComponent = (\n          <Maskicon\n            address={address}\n            size={MAP_AVATARACCOUNT_SIZE_SIZENUMBER[size]}\n            {...maskiconProps}\n          />\n        );\n        break;\n      case AvatarAccountVariant.Jazzicon:\n      default:\n        AvatarArtComponent = (\n          <Jazzicon\n            address={address}\n            size={MAP_AVATARACCOUNT_SIZE_SIZENUMBER[size]}\n            {...jazziconProps}\n          />\n        );\n        break;\n    }\n\n    return (\n      <AvatarBase\n        ref={ref}\n        shape={AvatarBaseShape.Square}\n        size={size}\n        className={className}\n        {...props}\n      >\n        {AvatarArtComponent}\n      </AvatarBase>\n    );\n  },\n);\n\nAvatarAccount.displayName = 'AvatarAccount';\n"]}

package/dist/components/AvatarFavicon/AvatarFavicon.cjs

@@ -35,7 +35,7 @@ exports.AvatarFavicon = (0, react_1.forwardRef)(({ src, name = '', fallbackText,
         setFinalFallbackText(backupFallbackText);
         imageProps?.onError?.(e);
     };
-    return (react_1.default.createElement(AvatarBase_1.AvatarBase, { ref: ref, shape: types_1.AvatarBaseShape.Circle, size: size, className: className, fallbackText: src ? finalFallbackText : backupFallbackText, fallbackTextProps: fallbackTextProps, ...props }, src && (react_1.default.createElement("img", { src: src, alt: altText, className: "h-full w-full object-contain", ...imageProps, onError: onErrorHandler }))));
+    return (react_1.default.createElement(AvatarBase_1.AvatarBase, { ref: ref, shape: types_1.AvatarBaseShape.Circle, size: size, className: className, fallbackText: src ? finalFallbackText : backupFallbackText, fallbackTextProps: fallbackTextProps, ...props }, src && (react_1.default.createElement("img", { src: src, alt: altText, className: "size-full object-contain", ...imageProps, onError: onErrorHandler }))));
 });
 exports.AvatarFavicon.displayName = 'AvatarFavicon';
 //# sourceMappingURL=AvatarFavicon.cjs.map

package/dist/components/AvatarFavicon/AvatarFavicon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarFavicon.cjs","sourceRoot":"","sources":["../../../src/components/AvatarFavicon/AvatarFavicon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoD;AAEpD,iDAAiE;AACjE,wDAA2C;AAI9B,QAAA,aAAa,GAAG,IAAA,kBAAU,EACrC,CACE,EACE,GAAG,EACH,IAAI,GAAG,EAAE,EACT,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,IAAI,GAAG,yBAAiB,CAAC,EAAE,EAC3B,UAAU,EACV,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IACvE,MAAM,kBAAkB,GAAG,YAAY,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAC3D,MAAM,OAAO,GAAG,IAAI,IAAI,WAAW,CAAC,CAAC,yCAAyC;IAE9E,MAAM,cAAc,GAAG,CAAC,CAAyC,EAAE,EAAE;QACnE,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;QACzC,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,uBAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,uBAAe,CAAC,MAAM,EAC7B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB,EAC1D,iBAAiB,EAAE,iBAAiB,KAChC,KAAK,IAER,GAAG,IAAI,CACN,uCACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,8BAA8B,KACpC,UAAU,EACd,OAAO,EAAE,cAAc,GACvB,CACH,CACU,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC","sourcesContent":["import React, { forwardRef, useState } from 'react';\n\nimport { AvatarFaviconSize, AvatarBaseShape } from '../../types';\nimport { AvatarBase } from '../AvatarBase';\n\nimport type { AvatarFaviconProps } from './AvatarFavicon.types';\n\nexport const AvatarFavicon = forwardRef<HTMLDivElement, AvatarFaviconProps>(\n  (\n    {\n      src,\n      name = '',\n      fallbackText,\n      fallbackTextProps,\n      className,\n      size = AvatarFaviconSize.Md,\n      imageProps,\n      ...props\n    },\n    ref,\n  ) => {\n    const [finalFallbackText, setFinalFallbackText] = useState<string>('');\n    const backupFallbackText = fallbackText || name?.[0] || '';\n    const altText = name || 'Dapp logo'; // TBC: Add localization for default text\n\n    const onErrorHandler = (e: React.SyntheticEvent<HTMLImageElement>) => {\n      setFinalFallbackText(backupFallbackText);\n      imageProps?.onError?.(e);\n    };\n\n    return (\n      <AvatarBase\n        ref={ref}\n        shape={AvatarBaseShape.Circle}\n        size={size}\n        className={className}\n        fallbackText={src ? finalFallbackText : backupFallbackText}\n        fallbackTextProps={fallbackTextProps}\n        {...props}\n      >\n        {src && (\n          <img\n            src={src}\n            alt={altText}\n            className=\"h-full w-full object-contain\"\n            {...imageProps}\n            onError={onErrorHandler}\n          />\n        )}\n      </AvatarBase>\n    );\n  },\n);\n\nAvatarFavicon.displayName = 'AvatarFavicon';\n"]}
+{"version":3,"file":"AvatarFavicon.cjs","sourceRoot":"","sources":["../../../src/components/AvatarFavicon/AvatarFavicon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoD;AAEpD,iDAAiE;AACjE,wDAA2C;AAI9B,QAAA,aAAa,GAAG,IAAA,kBAAU,EACrC,CACE,EACE,GAAG,EACH,IAAI,GAAG,EAAE,EACT,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,IAAI,GAAG,yBAAiB,CAAC,EAAE,EAC3B,UAAU,EACV,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IACvE,MAAM,kBAAkB,GAAG,YAAY,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAC3D,MAAM,OAAO,GAAG,IAAI,IAAI,WAAW,CAAC,CAAC,yCAAyC;IAE9E,MAAM,cAAc,GAAG,CAAC,CAAyC,EAAE,EAAE;QACnE,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;QACzC,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,uBAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,uBAAe,CAAC,MAAM,EAC7B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB,EAC1D,iBAAiB,EAAE,iBAAiB,KAChC,KAAK,IAER,GAAG,IAAI,CACN,uCACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,0BAA0B,KAChC,UAAU,EACd,OAAO,EAAE,cAAc,GACvB,CACH,CACU,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC","sourcesContent":["import React, { forwardRef, useState } from 'react';\n\nimport { AvatarFaviconSize, AvatarBaseShape } from '../../types';\nimport { AvatarBase } from '../AvatarBase';\n\nimport type { AvatarFaviconProps } from './AvatarFavicon.types';\n\nexport const AvatarFavicon = forwardRef<HTMLDivElement, AvatarFaviconProps>(\n  (\n    {\n      src,\n      name = '',\n      fallbackText,\n      fallbackTextProps,\n      className,\n      size = AvatarFaviconSize.Md,\n      imageProps,\n      ...props\n    },\n    ref,\n  ) => {\n    const [finalFallbackText, setFinalFallbackText] = useState<string>('');\n    const backupFallbackText = fallbackText || name?.[0] || '';\n    const altText = name || 'Dapp logo'; // TBC: Add localization for default text\n\n    const onErrorHandler = (e: React.SyntheticEvent<HTMLImageElement>) => {\n      setFinalFallbackText(backupFallbackText);\n      imageProps?.onError?.(e);\n    };\n\n    return (\n      <AvatarBase\n        ref={ref}\n        shape={AvatarBaseShape.Circle}\n        size={size}\n        className={className}\n        fallbackText={src ? finalFallbackText : backupFallbackText}\n        fallbackTextProps={fallbackTextProps}\n        {...props}\n      >\n        {src && (\n          <img\n            src={src}\n            alt={altText}\n            className=\"size-full object-contain\"\n            {...imageProps}\n            onError={onErrorHandler}\n          />\n        )}\n      </AvatarBase>\n    );\n  },\n);\n\nAvatarFavicon.displayName = 'AvatarFavicon';\n"]}

package/dist/components/AvatarFavicon/AvatarFavicon.mjs

@@ -16,7 +16,7 @@ export const AvatarFavicon = forwardRef(({ src, name = '', fallbackText, fallbac
         setFinalFallbackText(backupFallbackText);
         imageProps?.onError?.(e);
     };
-    return (React.createElement(AvatarBase, { ref: ref, shape: AvatarBaseShape.Circle, size: size, className: className, fallbackText: src ? finalFallbackText : backupFallbackText, fallbackTextProps: fallbackTextProps, ...props }, src && (React.createElement("img", { src: src, alt: altText, className: "h-full w-full object-contain", ...imageProps, onError: onErrorHandler }))));
+    return (React.createElement(AvatarBase, { ref: ref, shape: AvatarBaseShape.Circle, size: size, className: className, fallbackText: src ? finalFallbackText : backupFallbackText, fallbackTextProps: fallbackTextProps, ...props }, src && (React.createElement("img", { src: src, alt: altText, className: "size-full object-contain", ...imageProps, onError: onErrorHandler }))));
 });
 AvatarFavicon.displayName = 'AvatarFavicon';
 //# sourceMappingURL=AvatarFavicon.mjs.map

package/dist/components/AvatarFavicon/AvatarFavicon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarFavicon.mjs","sourceRoot":"","sources":["../../../src/components/AvatarFavicon/AvatarFavicon.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,QAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc;;AAEpD,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,8BAAoB;AACjE,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAI3C,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,CACE,EACE,GAAG,EACH,IAAI,GAAG,EAAE,EACT,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,IAAI,GAAG,iBAAiB,CAAC,EAAE,EAC3B,UAAU,EACV,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IACvE,MAAM,kBAAkB,GAAG,YAAY,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAC3D,MAAM,OAAO,GAAG,IAAI,IAAI,WAAW,CAAC,CAAC,yCAAyC;IAE9E,MAAM,cAAc,GAAG,CAAC,CAAyC,EAAE,EAAE;QACnE,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;QACzC,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,eAAe,CAAC,MAAM,EAC7B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB,EAC1D,iBAAiB,EAAE,iBAAiB,KAChC,KAAK,IAER,GAAG,IAAI,CACN,6BACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,8BAA8B,KACpC,UAAU,EACd,OAAO,EAAE,cAAc,GACvB,CACH,CACU,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC","sourcesContent":["import React, { forwardRef, useState } from 'react';\n\nimport { AvatarFaviconSize, AvatarBaseShape } from '../../types';\nimport { AvatarBase } from '../AvatarBase';\n\nimport type { AvatarFaviconProps } from './AvatarFavicon.types';\n\nexport const AvatarFavicon = forwardRef<HTMLDivElement, AvatarFaviconProps>(\n  (\n    {\n      src,\n      name = '',\n      fallbackText,\n      fallbackTextProps,\n      className,\n      size = AvatarFaviconSize.Md,\n      imageProps,\n      ...props\n    },\n    ref,\n  ) => {\n    const [finalFallbackText, setFinalFallbackText] = useState<string>('');\n    const backupFallbackText = fallbackText || name?.[0] || '';\n    const altText = name || 'Dapp logo'; // TBC: Add localization for default text\n\n    const onErrorHandler = (e: React.SyntheticEvent<HTMLImageElement>) => {\n      setFinalFallbackText(backupFallbackText);\n      imageProps?.onError?.(e);\n    };\n\n    return (\n      <AvatarBase\n        ref={ref}\n        shape={AvatarBaseShape.Circle}\n        size={size}\n        className={className}\n        fallbackText={src ? finalFallbackText : backupFallbackText}\n        fallbackTextProps={fallbackTextProps}\n        {...props}\n      >\n        {src && (\n          <img\n            src={src}\n            alt={altText}\n            className=\"h-full w-full object-contain\"\n            {...imageProps}\n            onError={onErrorHandler}\n          />\n        )}\n      </AvatarBase>\n    );\n  },\n);\n\nAvatarFavicon.displayName = 'AvatarFavicon';\n"]}
+{"version":3,"file":"AvatarFavicon.mjs","sourceRoot":"","sources":["../../../src/components/AvatarFavicon/AvatarFavicon.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,QAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc;;AAEpD,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,8BAAoB;AACjE,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAI3C,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,CACE,EACE,GAAG,EACH,IAAI,GAAG,EAAE,EACT,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,IAAI,GAAG,iBAAiB,CAAC,EAAE,EAC3B,UAAU,EACV,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IACvE,MAAM,kBAAkB,GAAG,YAAY,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAC3D,MAAM,OAAO,GAAG,IAAI,IAAI,WAAW,CAAC,CAAC,yCAAyC;IAE9E,MAAM,cAAc,GAAG,CAAC,CAAyC,EAAE,EAAE;QACnE,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;QACzC,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,eAAe,CAAC,MAAM,EAC7B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB,EAC1D,iBAAiB,EAAE,iBAAiB,KAChC,KAAK,IAER,GAAG,IAAI,CACN,6BACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,0BAA0B,KAChC,UAAU,EACd,OAAO,EAAE,cAAc,GACvB,CACH,CACU,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC","sourcesContent":["import React, { forwardRef, useState } from 'react';\n\nimport { AvatarFaviconSize, AvatarBaseShape } from '../../types';\nimport { AvatarBase } from '../AvatarBase';\n\nimport type { AvatarFaviconProps } from './AvatarFavicon.types';\n\nexport const AvatarFavicon = forwardRef<HTMLDivElement, AvatarFaviconProps>(\n  (\n    {\n      src,\n      name = '',\n      fallbackText,\n      fallbackTextProps,\n      className,\n      size = AvatarFaviconSize.Md,\n      imageProps,\n      ...props\n    },\n    ref,\n  ) => {\n    const [finalFallbackText, setFinalFallbackText] = useState<string>('');\n    const backupFallbackText = fallbackText || name?.[0] || '';\n    const altText = name || 'Dapp logo'; // TBC: Add localization for default text\n\n    const onErrorHandler = (e: React.SyntheticEvent<HTMLImageElement>) => {\n      setFinalFallbackText(backupFallbackText);\n      imageProps?.onError?.(e);\n    };\n\n    return (\n      <AvatarBase\n        ref={ref}\n        shape={AvatarBaseShape.Circle}\n        size={size}\n        className={className}\n        fallbackText={src ? finalFallbackText : backupFallbackText}\n        fallbackTextProps={fallbackTextProps}\n        {...props}\n      >\n        {src && (\n          <img\n            src={src}\n            alt={altText}\n            className=\"size-full object-contain\"\n            {...imageProps}\n            onError={onErrorHandler}\n          />\n        )}\n      </AvatarBase>\n    );\n  },\n);\n\nAvatarFavicon.displayName = 'AvatarFavicon';\n"]}

package/dist/components/AvatarGroup/AvatarGroup.cjs

@@ -29,7 +29,6 @@ const types_1 = require("../../types/index.cjs");
 const tw_merge_1 = require("../../utils/tw-merge.cjs");
 const AvatarAccount_1 = require("../AvatarAccount/index.cjs");
 const AvatarBase_1 = require("../AvatarBase/index.cjs");
-const AvatarBase_2 = require("../AvatarBase/index.cjs");
 const AvatarFavicon_1 = require("../AvatarFavicon/index.cjs");
 const AvatarNetwork_1 = require("../AvatarNetwork/index.cjs");
 const AvatarToken_1 = require("../AvatarToken/index.cjs");
@@ -90,7 +89,7 @@ exports.AvatarGroup = (0, react_1.forwardRef)(({ variant, avatarPropsArr, size =
                 variant: AvatarGroup_constants_1.AVATAR_GROUP_SIZE_OVERFLOWTEXT_TEXTVARIANT_MAP[size],
                 color: Text_1.TextColor.PrimaryInverse,
             }, size: size, shape: variant === types_1.AvatarGroupVariant.Network
-                ? AvatarBase_2.AvatarBaseShape.Square
-                : AvatarBase_2.AvatarBaseShape.Circle, ...overflowTextProps }))));
+                ? AvatarBase_1.AvatarBaseShape.Square
+                : AvatarBase_1.AvatarBaseShape.Circle, ...overflowTextProps }))));
 });
 //# sourceMappingURL=AvatarGroup.cjs.map

package/dist/components/AvatarGroup/AvatarGroup.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.cjs","sourceRoot":"","sources":["../../../src/components/AvatarGroup/AvatarGroup.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { forwardRef, useCallback } from 'react';\n\nimport { AvatarGroupSize, AvatarGroupVariant } from '../../types';\nimport { twMerge } from '../../utils/tw-merge';\nimport type { AvatarAccountProps } from '../AvatarAccount';\nimport { AvatarAccount } from '../AvatarAccount';\nimport type { AvatarBaseSize } from '../AvatarBase';\nimport { AvatarBase } from '../AvatarBase';\nimport { AvatarBaseShape } from '../AvatarBase';\nimport type { AvatarFaviconProps } from '../AvatarFavicon';\nimport { AvatarFavicon } from '../AvatarFavicon';\nimport type { AvatarNetworkProps } from '../AvatarNetwork';\nimport { AvatarNetwork } from '../AvatarNetwork';\nimport type { AvatarTokenProps } from '../AvatarToken';\nimport { AvatarToken } from '../AvatarToken';\nimport { TextColor } from '../Text';\n\nimport {\n  AVATAR_GROUP_SIZE_ISREVERSE_NEGATIVESPACEBETWEENAVATARS_MAP,\n  AVATAR_GROUP_SIZE_NEGATIVESPACEBETWEENAVATARS_MAP,\n  AVATAR_GROUP_SIZE_OVERFLOWTEXT_TEXTVARIANT_MAP,\n} from './AvatarGroup.constants';\nimport type { AvatarGroupProps } from './AvatarGroup.types';\n\nexport const AvatarGroup = forwardRef<HTMLDivElement, AvatarGroupProps>(\n  (\n    {\n      variant,\n      avatarPropsArr,\n      size = AvatarGroupSize.Md,\n      max = 4,\n      isReverse = false,\n      overflowTextProps,\n      style,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const overflowCounter = avatarPropsArr.length - max;\n    const shouldRenderOverflowCounter = overflowCounter > 0;\n    const negativeSpaceBetweenAvatarsTwClassName = isReverse\n      ? AVATAR_GROUP_SIZE_ISREVERSE_NEGATIVESPACEBETWEENAVATARS_MAP[size]\n      : AVATAR_GROUP_SIZE_NEGATIVESPACEBETWEENAVATARS_MAP[size];\n    const containerClassNames = twMerge(\n      // Base style\n      'inline-flex',\n      // Reverse style\n      isReverse ? 'flex-row-reverse' : 'flex-row',\n      className,\n    );\n    const avatarListContainerClassNames = twMerge(\n      // Base style\n      'flex',\n      // Reverse style\n      isReverse ? 'flex-row-reverse' : 'flex-row',\n    );\n    const overflowTextContainerClassNames = twMerge(\n      // Base style\n      'bg-icon-default',\n      // Negative spacing\n      negativeSpaceBetweenAvatarsTwClassName,\n    );\n\n    const renderAvatarList = useCallback(\n      () =>\n        avatarPropsArr.slice(0, max).map((avatarProps, index) => {\n          switch (variant) {\n            case AvatarGroupVariant.Account:\n              return (\n                <AvatarAccount\n                  hasBorder\n                  key={`avatar-${index}`}\n                  {...(avatarProps as AvatarAccountProps)}\n                  size={size as unknown as AvatarBaseSize}\n                  className={`${index > 0 && negativeSpaceBetweenAvatarsTwClassName} ${avatarProps.className}`}\n                  style={{\n                    zIndex: index + 1,\n                    ...avatarProps.style,\n                  }}\n                />\n              );\n            case AvatarGroupVariant.Favicon:\n              return (\n                <AvatarFavicon\n                  hasBorder\n                  key={`avatar-${index}`}\n                  {...(avatarProps as AvatarFaviconProps)}\n                  size={size as unknown as AvatarBaseSize}\n                  className={`${index > 0 && negativeSpaceBetweenAvatarsTwClassName} ${avatarProps.className}`}\n                  style={{\n                    zIndex: index + 1,\n                    ...avatarProps.style,\n                  }}\n                />\n              );\n            case AvatarGroupVariant.Network:\n              return (\n                <AvatarNetwork\n                  hasBorder\n                  key={`avatar-${index}`}\n                  {...(avatarProps as AvatarNetworkProps)}\n                  size={size as unknown as AvatarBaseSize}\n                  className={`${index > 0 && negativeSpaceBetweenAvatarsTwClassName} ${avatarProps.className}`}\n                  style={{\n                    zIndex: index + 1,\n                    ...avatarProps.style,\n                  }}\n                />\n              );\n            case AvatarGroupVariant.Token:\n              return (\n                <AvatarToken\n                  hasBorder\n                  key={`avatar-${index}`}\n                  {...(avatarProps as AvatarTokenProps)}\n                  size={size as unknown as AvatarBaseSize}\n                  className={`${index > 0 && negativeSpaceBetweenAvatarsTwClassName} ${avatarProps.className}`}\n                  style={{\n                    zIndex: index + 1,\n                    ...avatarProps.style,\n                  }}\n                />\n              );\n            default:\n              throw new Error(\n                `Invalid Avatar Variant: ${String(variant)}. Expected one of: ${Object.values(AvatarGroupVariant).join(', ')}`,\n              );\n          }\n        }),\n      [avatarPropsArr, max, size],\n    );\n\n    return (\n      <div ref={ref} {...props} style={style} className={containerClassNames}>\n        <div className={avatarListContainerClassNames}>\n          {renderAvatarList()}\n        </div>\n        {shouldRenderOverflowCounter && (\n          <AvatarBase\n            className={overflowTextContainerClassNames}\n            style={{\n              zIndex: avatarPropsArr.length,\n            }}\n            hasBorder\n            fallbackText={`+${overflowCounter}`}\n            fallbackTextProps={{\n              variant: AVATAR_GROUP_SIZE_OVERFLOWTEXT_TEXTVARIANT_MAP[size],\n              color: TextColor.PrimaryInverse,\n            }}\n            size={size}\n            shape={\n              variant === AvatarGroupVariant.Network\n                ? AvatarBaseShape.Square\n                : AvatarBaseShape.Circle\n            }\n            {...overflowTextProps}\n          />\n        )}\n      </div>\n    );\n  },\n);\n"]}
+{"version":3,"file":"AvatarGroup.cjs","sourceRoot":"","sources":["../../../src/components/AvatarGroup/AvatarGroup.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { forwardRef, useCallback } from 'react';\n\nimport { AvatarGroupSize, AvatarGroupVariant } from '../../types';\nimport { twMerge } from '../../utils/tw-merge';\nimport type { AvatarAccountProps } from '../AvatarAccount';\nimport { AvatarAccount } from '../AvatarAccount';\nimport type { AvatarBaseSize } from '../AvatarBase';\nimport { AvatarBase, AvatarBaseShape } from '../AvatarBase';\nimport type { AvatarFaviconProps } from '../AvatarFavicon';\nimport { AvatarFavicon } from '../AvatarFavicon';\nimport type { AvatarNetworkProps } from '../AvatarNetwork';\nimport { AvatarNetwork } from '../AvatarNetwork';\nimport type { AvatarTokenProps } from '../AvatarToken';\nimport { AvatarToken } from '../AvatarToken';\nimport { TextColor } from '../Text';\n\nimport {\n  AVATAR_GROUP_SIZE_ISREVERSE_NEGATIVESPACEBETWEENAVATARS_MAP,\n  AVATAR_GROUP_SIZE_NEGATIVESPACEBETWEENAVATARS_MAP,\n  AVATAR_GROUP_SIZE_OVERFLOWTEXT_TEXTVARIANT_MAP,\n} from './AvatarGroup.constants';\nimport type { AvatarGroupProps } from './AvatarGroup.types';\n\nexport const AvatarGroup = forwardRef<HTMLDivElement, AvatarGroupProps>(\n  (\n    {\n      variant,\n      avatarPropsArr,\n      size = AvatarGroupSize.Md,\n      max = 4,\n      isReverse = false,\n      overflowTextProps,\n      style,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const overflowCounter = avatarPropsArr.length - max;\n    const shouldRenderOverflowCounter = overflowCounter > 0;\n    const negativeSpaceBetweenAvatarsTwClassName = isReverse\n      ? AVATAR_GROUP_SIZE_ISREVERSE_NEGATIVESPACEBETWEENAVATARS_MAP[size]\n      : AVATAR_GROUP_SIZE_NEGATIVESPACEBETWEENAVATARS_MAP[size];\n    const containerClassNames = twMerge(\n      // Base style\n      'inline-flex',\n      // Reverse style\n      isReverse ? 'flex-row-reverse' : 'flex-row',\n      className,\n    );\n    const avatarListContainerClassNames = twMerge(\n      // Base style\n      'flex',\n      // Reverse style\n      isReverse ? 'flex-row-reverse' : 'flex-row',\n    );\n    const overflowTextContainerClassNames = twMerge(\n      // Base style\n      'bg-icon-default',\n      // Negative spacing\n      negativeSpaceBetweenAvatarsTwClassName,\n    );\n\n    const renderAvatarList = useCallback(\n      () =>\n        avatarPropsArr.slice(0, max).map((avatarProps, index) => {\n          switch (variant) {\n            case AvatarGroupVariant.Account:\n              return (\n                <AvatarAccount\n                  hasBorder\n                  key={`avatar-${index}`}\n                  {...(avatarProps as AvatarAccountProps)}\n                  size={size as unknown as AvatarBaseSize}\n                  className={`${index > 0 && negativeSpaceBetweenAvatarsTwClassName} ${avatarProps.className}`}\n                  style={{\n                    zIndex: index + 1,\n                    ...avatarProps.style,\n                  }}\n                />\n              );\n            case AvatarGroupVariant.Favicon:\n              return (\n                <AvatarFavicon\n                  hasBorder\n                  key={`avatar-${index}`}\n                  {...(avatarProps as AvatarFaviconProps)}\n                  size={size as unknown as AvatarBaseSize}\n                  className={`${index > 0 && negativeSpaceBetweenAvatarsTwClassName} ${avatarProps.className}`}\n                  style={{\n                    zIndex: index + 1,\n                    ...avatarProps.style,\n                  }}\n                />\n              );\n            case AvatarGroupVariant.Network:\n              return (\n                <AvatarNetwork\n                  hasBorder\n                  key={`avatar-${index}`}\n                  {...(avatarProps as AvatarNetworkProps)}\n                  size={size as unknown as AvatarBaseSize}\n                  className={`${index > 0 && negativeSpaceBetweenAvatarsTwClassName} ${avatarProps.className}`}\n                  style={{\n                    zIndex: index + 1,\n                    ...avatarProps.style,\n                  }}\n                />\n              );\n            case AvatarGroupVariant.Token:\n              return (\n                <AvatarToken\n                  hasBorder\n                  key={`avatar-${index}`}\n                  {...(avatarProps as AvatarTokenProps)}\n                  size={size as unknown as AvatarBaseSize}\n                  className={`${index > 0 && negativeSpaceBetweenAvatarsTwClassName} ${avatarProps.className}`}\n                  style={{\n                    zIndex: index + 1,\n                    ...avatarProps.style,\n                  }}\n                />\n              );\n            default:\n              throw new Error(\n                `Invalid Avatar Variant: ${String(variant)}. Expected one of: ${Object.values(AvatarGroupVariant).join(', ')}`,\n              );\n          }\n        }),\n      [avatarPropsArr, max, size],\n    );\n\n    return (\n      <div ref={ref} {...props} style={style} className={containerClassNames}>\n        <div className={avatarListContainerClassNames}>\n          {renderAvatarList()}\n        </div>\n        {shouldRenderOverflowCounter && (\n          <AvatarBase\n            className={overflowTextContainerClassNames}\n            style={{\n              zIndex: avatarPropsArr.length,\n            }}\n            hasBorder\n            fallbackText={`+${overflowCounter}`}\n            fallbackTextProps={{\n              variant: AVATAR_GROUP_SIZE_OVERFLOWTEXT_TEXTVARIANT_MAP[size],\n              color: TextColor.PrimaryInverse,\n            }}\n            size={size}\n            shape={\n              variant === AvatarGroupVariant.Network\n                ? AvatarBaseShape.Square\n                : AvatarBaseShape.Circle\n            }\n            {...overflowTextProps}\n          />\n        )}\n      </div>\n    );\n  },\n);\n"]}

package/dist/components/AvatarGroup/AvatarGroup.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.d.cts","sourceRoot":"","sources":["../../../src/components/AvatarGroup/AvatarGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,cAAc;AAEvD,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,8BAAoB;AAElE,OAAO,KAAK,EAAE,kBAAkB,EAAE,mCAAyB;AAK3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,mCAAyB;AAE3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,mCAAyB;AAE3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,iCAAuB;AAWvD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iDA0IvB,CAAC"}
+{"version":3,"file":"AvatarGroup.d.cts","sourceRoot":"","sources":["../../../src/components/AvatarGroup/AvatarGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,cAAc;AAEvD,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,8BAAoB;AAElE,OAAO,KAAK,EAAE,kBAAkB,EAAE,mCAAyB;AAI3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,mCAAyB;AAE3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,mCAAyB;AAE3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,iCAAuB;AAWvD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iDA0IvB,CAAC"}

package/dist/components/AvatarGroup/AvatarGroup.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.d.mts","sourceRoot":"","sources":["../../../src/components/AvatarGroup/AvatarGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,cAAc;AAEvD,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,8BAAoB;AAElE,OAAO,KAAK,EAAE,kBAAkB,EAAE,mCAAyB;AAK3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,mCAAyB;AAE3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,mCAAyB;AAE3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,iCAAuB;AAWvD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iDA0IvB,CAAC"}
+{"version":3,"file":"AvatarGroup.d.mts","sourceRoot":"","sources":["../../../src/components/AvatarGroup/AvatarGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,cAAc;AAEvD,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,8BAAoB;AAElE,OAAO,KAAK,EAAE,kBAAkB,EAAE,mCAAyB;AAI3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,mCAAyB;AAE3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,mCAAyB;AAE3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,iCAAuB;AAWvD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iDA0IvB,CAAC"}

package/dist/components/AvatarGroup/AvatarGroup.mjs

@@ -9,8 +9,7 @@ const React = $importDefault($React);
 import { AvatarGroupSize, AvatarGroupVariant } from "../../types/index.mjs";
 import { twMerge } from "../../utils/tw-merge.mjs";
 import { AvatarAccount } from "../AvatarAccount/index.mjs";
-import { AvatarBase } from "../AvatarBase/index.mjs";
-import { AvatarBaseShape } from "../AvatarBase/index.mjs";
+import { AvatarBase, AvatarBaseShape } from "../AvatarBase/index.mjs";
 import { AvatarFavicon } from "../AvatarFavicon/index.mjs";
 import { AvatarNetwork } from "../AvatarNetwork/index.mjs";
 import { AvatarToken } from "../AvatarToken/index.mjs";

package/dist/components/AvatarGroup/AvatarGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.mjs","sourceRoot":"","sources":["../../../src/components/AvatarGroup/AvatarGroup.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { forwardRef, useCallback } from 'react';\n\nimport { AvatarGroupSize, AvatarGroupVariant } from '../../types';\nimport { twMerge } from '../../utils/tw-merge';\nimport type { AvatarAccountProps } from '../AvatarAccount';\nimport { AvatarAccount } from '../AvatarAccount';\nimport type { AvatarBaseSize } from '../AvatarBase';\nimport { AvatarBase } from '../AvatarBase';\nimport { AvatarBaseShape } from '../AvatarBase';\nimport type { AvatarFaviconProps } from '../AvatarFavicon';\nimport { AvatarFavicon } from '../AvatarFavicon';\nimport type { AvatarNetworkProps } from '../AvatarNetwork';\nimport { AvatarNetwork } from '../AvatarNetwork';\nimport type { AvatarTokenProps } from '../AvatarToken';\nimport { AvatarToken } from '../AvatarToken';\nimport { TextColor } from '../Text';\n\nimport {\n  AVATAR_GROUP_SIZE_ISREVERSE_NEGATIVESPACEBETWEENAVATARS_MAP,\n  AVATAR_GROUP_SIZE_NEGATIVESPACEBETWEENAVATARS_MAP,\n  AVATAR_GROUP_SIZE_OVERFLOWTEXT_TEXTVARIANT_MAP,\n} from './AvatarGroup.constants';\nimport type { AvatarGroupProps } from './AvatarGroup.types';\n\nexport const AvatarGroup = forwardRef<HTMLDivElement, AvatarGroupProps>(\n  (\n    {\n      variant,\n      avatarPropsArr,\n      size = AvatarGroupSize.Md,\n      max = 4,\n      isReverse = false,\n      overflowTextProps,\n      style,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const overflowCounter = avatarPropsArr.length - max;\n    const shouldRenderOverflowCounter = overflowCounter > 0;\n    const negativeSpaceBetweenAvatarsTwClassName = isReverse\n      ? AVATAR_GROUP_SIZE_ISREVERSE_NEGATIVESPACEBETWEENAVATARS_MAP[size]\n      : AVATAR_GROUP_SIZE_NEGATIVESPACEBETWEENAVATARS_MAP[size];\n    const containerClassNames = twMerge(\n      // Base style\n      'inline-flex',\n      // Reverse style\n      isReverse ? 'flex-row-reverse' : 'flex-row',\n      className,\n    );\n    const avatarListContainerClassNames = twMerge(\n      // Base style\n      'flex',\n      // Reverse style\n      isReverse ? 'flex-row-reverse' : 'flex-row',\n    );\n    const overflowTextContainerClassNames = twMerge(\n      // Base style\n      'bg-icon-default',\n      // Negative spacing\n      negativeSpaceBetweenAvatarsTwClassName,\n    );\n\n    const renderAvatarList = useCallback(\n      () =>\n        avatarPropsArr.slice(0, max).map((avatarProps, index) => {\n          switch (variant) {\n            case AvatarGroupVariant.Account:\n              return (\n                <AvatarAccount\n                  hasBorder\n                  key={`avatar-${index}`}\n                  {...(avatarProps as AvatarAccountProps)}\n                  size={size as unknown as AvatarBaseSize}\n                  className={`${index > 0 && negativeSpaceBetweenAvatarsTwClassName} ${avatarProps.className}`}\n                  style={{\n                    zIndex: index + 1,\n                    ...avatarProps.style,\n                  }}\n                />\n              );\n            case AvatarGroupVariant.Favicon:\n              return (\n                <AvatarFavicon\n                  hasBorder\n                  key={`avatar-${index}`}\n                  {...(avatarProps as AvatarFaviconProps)}\n                  size={size as unknown as AvatarBaseSize}\n                  className={`${index > 0 && negativeSpaceBetweenAvatarsTwClassName} ${avatarProps.className}`}\n                  style={{\n                    zIndex: index + 1,\n                    ...avatarProps.style,\n                  }}\n                />\n              );\n            case AvatarGroupVariant.Network:\n              return (\n                <AvatarNetwork\n                  hasBorder\n                  key={`avatar-${index}`}\n                  {...(avatarProps as AvatarNetworkProps)}\n                  size={size as unknown as AvatarBaseSize}\n                  className={`${index > 0 && negativeSpaceBetweenAvatarsTwClassName} ${avatarProps.className}`}\n                  style={{\n                    zIndex: index + 1,\n                    ...avatarProps.style,\n                  }}\n                />\n              );\n            case AvatarGroupVariant.Token:\n              return (\n                <AvatarToken\n                  hasBorder\n                  key={`avatar-${index}`}\n                  {...(avatarProps as AvatarTokenProps)}\n                  size={size as unknown as AvatarBaseSize}\n                  className={`${index > 0 && negativeSpaceBetweenAvatarsTwClassName} ${avatarProps.className}`}\n                  style={{\n                    zIndex: index + 1,\n                    ...avatarProps.style,\n                  }}\n                />\n              );\n            default:\n              throw new Error(\n                `Invalid Avatar Variant: ${String(variant)}. Expected one of: ${Object.values(AvatarGroupVariant).join(', ')}`,\n              );\n          }\n        }),\n      [avatarPropsArr, max, size],\n    );\n\n    return (\n      <div ref={ref} {...props} style={style} className={containerClassNames}>\n        <div className={avatarListContainerClassNames}>\n          {renderAvatarList()}\n        </div>\n        {shouldRenderOverflowCounter && (\n          <AvatarBase\n            className={overflowTextContainerClassNames}\n            style={{\n              zIndex: avatarPropsArr.length,\n            }}\n            hasBorder\n            fallbackText={`+${overflowCounter}`}\n            fallbackTextProps={{\n              variant: AVATAR_GROUP_SIZE_OVERFLOWTEXT_TEXTVARIANT_MAP[size],\n              color: TextColor.PrimaryInverse,\n            }}\n            size={size}\n            shape={\n              variant === AvatarGroupVariant.Network\n                ? AvatarBaseShape.Square\n                : AvatarBaseShape.Circle\n            }\n            {...overflowTextProps}\n          />\n        )}\n      </div>\n    );\n  },\n);\n"]}
+{"version":3,"file":"AvatarGroup.mjs","sourceRoot":"","sources":["../../../src/components/AvatarGroup/AvatarGroup.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { forwardRef, useCallback } from 'react';\n\nimport { AvatarGroupSize, AvatarGroupVariant } from '../../types';\nimport { twMerge } from '../../utils/tw-merge';\nimport type { AvatarAccountProps } from '../AvatarAccount';\nimport { AvatarAccount } from '../AvatarAccount';\nimport type { AvatarBaseSize } from '../AvatarBase';\nimport { AvatarBase, AvatarBaseShape } from '../AvatarBase';\nimport type { AvatarFaviconProps } from '../AvatarFavicon';\nimport { AvatarFavicon } from '../AvatarFavicon';\nimport type { AvatarNetworkProps } from '../AvatarNetwork';\nimport { AvatarNetwork } from '../AvatarNetwork';\nimport type { AvatarTokenProps } from '../AvatarToken';\nimport { AvatarToken } from '../AvatarToken';\nimport { TextColor } from '../Text';\n\nimport {\n  AVATAR_GROUP_SIZE_ISREVERSE_NEGATIVESPACEBETWEENAVATARS_MAP,\n  AVATAR_GROUP_SIZE_NEGATIVESPACEBETWEENAVATARS_MAP,\n  AVATAR_GROUP_SIZE_OVERFLOWTEXT_TEXTVARIANT_MAP,\n} from './AvatarGroup.constants';\nimport type { AvatarGroupProps } from './AvatarGroup.types';\n\nexport const AvatarGroup = forwardRef<HTMLDivElement, AvatarGroupProps>(\n  (\n    {\n      variant,\n      avatarPropsArr,\n      size = AvatarGroupSize.Md,\n      max = 4,\n      isReverse = false,\n      overflowTextProps,\n      style,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const overflowCounter = avatarPropsArr.length - max;\n    const shouldRenderOverflowCounter = overflowCounter > 0;\n    const negativeSpaceBetweenAvatarsTwClassName = isReverse\n      ? AVATAR_GROUP_SIZE_ISREVERSE_NEGATIVESPACEBETWEENAVATARS_MAP[size]\n      : AVATAR_GROUP_SIZE_NEGATIVESPACEBETWEENAVATARS_MAP[size];\n    const containerClassNames = twMerge(\n      // Base style\n      'inline-flex',\n      // Reverse style\n      isReverse ? 'flex-row-reverse' : 'flex-row',\n      className,\n    );\n    const avatarListContainerClassNames = twMerge(\n      // Base style\n      'flex',\n      // Reverse style\n      isReverse ? 'flex-row-reverse' : 'flex-row',\n    );\n    const overflowTextContainerClassNames = twMerge(\n      // Base style\n      'bg-icon-default',\n      // Negative spacing\n      negativeSpaceBetweenAvatarsTwClassName,\n    );\n\n    const renderAvatarList = useCallback(\n      () =>\n        avatarPropsArr.slice(0, max).map((avatarProps, index) => {\n          switch (variant) {\n            case AvatarGroupVariant.Account:\n              return (\n                <AvatarAccount\n                  hasBorder\n                  key={`avatar-${index}`}\n                  {...(avatarProps as AvatarAccountProps)}\n                  size={size as unknown as AvatarBaseSize}\n                  className={`${index > 0 && negativeSpaceBetweenAvatarsTwClassName} ${avatarProps.className}`}\n                  style={{\n                    zIndex: index + 1,\n                    ...avatarProps.style,\n                  }}\n                />\n              );\n            case AvatarGroupVariant.Favicon:\n              return (\n                <AvatarFavicon\n                  hasBorder\n                  key={`avatar-${index}`}\n                  {...(avatarProps as AvatarFaviconProps)}\n                  size={size as unknown as AvatarBaseSize}\n                  className={`${index > 0 && negativeSpaceBetweenAvatarsTwClassName} ${avatarProps.className}`}\n                  style={{\n                    zIndex: index + 1,\n                    ...avatarProps.style,\n                  }}\n                />\n              );\n            case AvatarGroupVariant.Network:\n              return (\n                <AvatarNetwork\n                  hasBorder\n                  key={`avatar-${index}`}\n                  {...(avatarProps as AvatarNetworkProps)}\n                  size={size as unknown as AvatarBaseSize}\n                  className={`${index > 0 && negativeSpaceBetweenAvatarsTwClassName} ${avatarProps.className}`}\n                  style={{\n                    zIndex: index + 1,\n                    ...avatarProps.style,\n                  }}\n                />\n              );\n            case AvatarGroupVariant.Token:\n              return (\n                <AvatarToken\n                  hasBorder\n                  key={`avatar-${index}`}\n                  {...(avatarProps as AvatarTokenProps)}\n                  size={size as unknown as AvatarBaseSize}\n                  className={`${index > 0 && negativeSpaceBetweenAvatarsTwClassName} ${avatarProps.className}`}\n                  style={{\n                    zIndex: index + 1,\n                    ...avatarProps.style,\n                  }}\n                />\n              );\n            default:\n              throw new Error(\n                `Invalid Avatar Variant: ${String(variant)}. Expected one of: ${Object.values(AvatarGroupVariant).join(', ')}`,\n              );\n          }\n        }),\n      [avatarPropsArr, max, size],\n    );\n\n    return (\n      <div ref={ref} {...props} style={style} className={containerClassNames}>\n        <div className={avatarListContainerClassNames}>\n          {renderAvatarList()}\n        </div>\n        {shouldRenderOverflowCounter && (\n          <AvatarBase\n            className={overflowTextContainerClassNames}\n            style={{\n              zIndex: avatarPropsArr.length,\n            }}\n            hasBorder\n            fallbackText={`+${overflowCounter}`}\n            fallbackTextProps={{\n              variant: AVATAR_GROUP_SIZE_OVERFLOWTEXT_TEXTVARIANT_MAP[size],\n              color: TextColor.PrimaryInverse,\n            }}\n            size={size}\n            shape={\n              variant === AvatarGroupVariant.Network\n                ? AvatarBaseShape.Square\n                : AvatarBaseShape.Circle\n            }\n            {...overflowTextProps}\n          />\n        )}\n      </div>\n    );\n  },\n);\n"]}

package/dist/components/AvatarIcon/AvatarIcon.types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarIcon.types.cjs","sourceRoot":"","sources":["../../../src/components/AvatarIcon/AvatarIcon.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { AvatarIconSize, AvatarIconSeverity } from '../../types';\nimport type { AvatarBaseProps } from '../AvatarBase';\nimport type { IconName } from '../Icon';\nimport type { IconProps } from '../Icon';\n\nexport type AvatarIconProps = Omit<AvatarBaseProps, 'children' | 'size'> & {\n  /**\n   * Required icon name from the icon set\n   */\n  iconName: IconName;\n  /**\n   * Optional props to be passed to the Icon component\n   */\n  iconProps?: Omit<IconProps, 'name'>;\n  /**\n   * Optional prop to control the size of the avatar\n   *\n   * @default AvatarIconSize.Md\n   */\n  size?: AvatarIconSize;\n  /**\n   * Optional prop to control the severity of the avatar\n   *\n   * @default AvatarIconSeverity.Neutral\n   */\n  severity?: AvatarIconSeverity;\n};\n"]}
+{"version":3,"file":"AvatarIcon.types.cjs","sourceRoot":"","sources":["../../../src/components/AvatarIcon/AvatarIcon.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { AvatarIconSize, AvatarIconSeverity } from '../../types';\nimport type { AvatarBaseProps } from '../AvatarBase';\nimport type { IconName, IconProps } from '../Icon';\n\nexport type AvatarIconProps = Omit<AvatarBaseProps, 'children' | 'size'> & {\n  /**\n   * Required icon name from the icon set\n   */\n  iconName: IconName;\n  /**\n   * Optional props to be passed to the Icon component\n   */\n  iconProps?: Omit<IconProps, 'name'>;\n  /**\n   * Optional prop to control the size of the avatar\n   *\n   * @default AvatarIconSize.Md\n   */\n  size?: AvatarIconSize;\n  /**\n   * Optional prop to control the severity of the avatar\n   *\n   * @default AvatarIconSeverity.Neutral\n   */\n  severity?: AvatarIconSeverity;\n};\n"]}

package/dist/components/AvatarIcon/AvatarIcon.types.d.cts

@@ -1,7 +1,6 @@
 import type { AvatarIconSize, AvatarIconSeverity } from "../../types/index.cjs";
 import type { AvatarBaseProps } from "../AvatarBase/index.cjs";
-import type { IconName } from "../Icon/index.cjs";
-import type { IconProps } from "../Icon/index.cjs";
+import type { IconName, IconProps } from "../Icon/index.cjs";
 export type AvatarIconProps = Omit<AvatarBaseProps, 'children' | 'size'> & {
     /**
      * Required icon name from the icon set

package/dist/components/AvatarIcon/AvatarIcon.types.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarIcon.types.d.cts","sourceRoot":"","sources":["../../../src/components/AvatarIcon/AvatarIcon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,8BAAoB;AACtE,OAAO,KAAK,EAAE,eAAe,EAAE,gCAAsB;AACrD,OAAO,KAAK,EAAE,QAAQ,EAAE,0BAAgB;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AAEzC,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,MAAM,CAAC,GAAG;IACzE;;OAEG;IACH,QAAQ,EAAE,QAAQ,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IACpC;;;;OAIG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,kBAAkB,CAAC;CAC/B,CAAC"}
+{"version":3,"file":"AvatarIcon.types.d.cts","sourceRoot":"","sources":["../../../src/components/AvatarIcon/AvatarIcon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,8BAAoB;AACtE,OAAO,KAAK,EAAE,eAAe,EAAE,gCAAsB;AACrD,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,0BAAgB;AAEnD,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,MAAM,CAAC,GAAG;IACzE;;OAEG;IACH,QAAQ,EAAE,QAAQ,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IACpC;;;;OAIG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,kBAAkB,CAAC;CAC/B,CAAC"}

package/dist/components/AvatarIcon/AvatarIcon.types.d.mts

@@ -1,7 +1,6 @@
 import type { AvatarIconSize, AvatarIconSeverity } from "../../types/index.mjs";
 import type { AvatarBaseProps } from "../AvatarBase/index.mjs";
-import type { IconName } from "../Icon/index.mjs";
-import type { IconProps } from "../Icon/index.mjs";
+import type { IconName, IconProps } from "../Icon/index.mjs";
 export type AvatarIconProps = Omit<AvatarBaseProps, 'children' | 'size'> & {
     /**
      * Required icon name from the icon set

package/dist/components/AvatarIcon/AvatarIcon.types.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarIcon.types.d.mts","sourceRoot":"","sources":["../../../src/components/AvatarIcon/AvatarIcon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,8BAAoB;AACtE,OAAO,KAAK,EAAE,eAAe,EAAE,gCAAsB;AACrD,OAAO,KAAK,EAAE,QAAQ,EAAE,0BAAgB;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AAEzC,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,MAAM,CAAC,GAAG;IACzE;;OAEG;IACH,QAAQ,EAAE,QAAQ,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IACpC;;;;OAIG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,kBAAkB,CAAC;CAC/B,CAAC"}
+{"version":3,"file":"AvatarIcon.types.d.mts","sourceRoot":"","sources":["../../../src/components/AvatarIcon/AvatarIcon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,8BAAoB;AACtE,OAAO,KAAK,EAAE,eAAe,EAAE,gCAAsB;AACrD,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,0BAAgB;AAEnD,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,MAAM,CAAC,GAAG;IACzE;;OAEG;IACH,QAAQ,EAAE,QAAQ,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IACpC;;;;OAIG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,kBAAkB,CAAC;CAC/B,CAAC"}

package/dist/components/AvatarIcon/AvatarIcon.types.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarIcon.types.mjs","sourceRoot":"","sources":["../../../src/components/AvatarIcon/AvatarIcon.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { AvatarIconSize, AvatarIconSeverity } from '../../types';\nimport type { AvatarBaseProps } from '../AvatarBase';\nimport type { IconName } from '../Icon';\nimport type { IconProps } from '../Icon';\n\nexport type AvatarIconProps = Omit<AvatarBaseProps, 'children' | 'size'> & {\n  /**\n   * Required icon name from the icon set\n   */\n  iconName: IconName;\n  /**\n   * Optional props to be passed to the Icon component\n   */\n  iconProps?: Omit<IconProps, 'name'>;\n  /**\n   * Optional prop to control the size of the avatar\n   *\n   * @default AvatarIconSize.Md\n   */\n  size?: AvatarIconSize;\n  /**\n   * Optional prop to control the severity of the avatar\n   *\n   * @default AvatarIconSeverity.Neutral\n   */\n  severity?: AvatarIconSeverity;\n};\n"]}
+{"version":3,"file":"AvatarIcon.types.mjs","sourceRoot":"","sources":["../../../src/components/AvatarIcon/AvatarIcon.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { AvatarIconSize, AvatarIconSeverity } from '../../types';\nimport type { AvatarBaseProps } from '../AvatarBase';\nimport type { IconName, IconProps } from '../Icon';\n\nexport type AvatarIconProps = Omit<AvatarBaseProps, 'children' | 'size'> & {\n  /**\n   * Required icon name from the icon set\n   */\n  iconName: IconName;\n  /**\n   * Optional props to be passed to the Icon component\n   */\n  iconProps?: Omit<IconProps, 'name'>;\n  /**\n   * Optional prop to control the size of the avatar\n   *\n   * @default AvatarIconSize.Md\n   */\n  size?: AvatarIconSize;\n  /**\n   * Optional prop to control the severity of the avatar\n   *\n   * @default AvatarIconSeverity.Neutral\n   */\n  severity?: AvatarIconSeverity;\n};\n"]}

package/dist/components/AvatarNetwork/AvatarNetwork.cjs

@@ -35,7 +35,7 @@ exports.AvatarNetwork = (0, react_1.forwardRef)(({ src, name = '', fallbackText,
         setFinalFallbackText(backupFallbackText);
         imageProps?.onError?.(e);
     };
-    return (react_1.default.createElement(AvatarBase_1.AvatarBase, { ref: ref, shape: types_1.AvatarBaseShape.Square, size: size, className: className, fallbackText: src ? finalFallbackText : backupFallbackText, fallbackTextProps: fallbackTextProps, ...props }, src && (react_1.default.createElement("img", { src: src, alt: altText, className: "h-full w-full object-contain", ...imageProps, onError: onErrorHandler }))));
+    return (react_1.default.createElement(AvatarBase_1.AvatarBase, { ref: ref, shape: types_1.AvatarBaseShape.Square, size: size, className: className, fallbackText: src ? finalFallbackText : backupFallbackText, fallbackTextProps: fallbackTextProps, ...props }, src && (react_1.default.createElement("img", { src: src, alt: altText, className: "size-full object-contain", ...imageProps, onError: onErrorHandler }))));
 });
 exports.AvatarNetwork.displayName = 'AvatarNetwork';
 //# sourceMappingURL=AvatarNetwork.cjs.map

package/dist/components/AvatarNetwork/AvatarNetwork.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarNetwork.cjs","sourceRoot":"","sources":["../../../src/components/AvatarNetwork/AvatarNetwork.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoD;AAEpD,iDAAiE;AACjE,wDAA2C;AAI9B,QAAA,aAAa,GAAG,IAAA,kBAAU,EACrC,CACE,EACE,GAAG,EACH,IAAI,GAAG,EAAE,EACT,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,IAAI,GAAG,yBAAiB,CAAC,EAAE,EAC3B,UAAU,EACV,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IACvE,MAAM,kBAAkB,GAAG,YAAY,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAC3D,MAAM,OAAO,GAAG,IAAI,IAAI,cAAc,CAAC,CAAC,yCAAyC;IAEjF,MAAM,cAAc,GAAG,CAAC,CAAyC,EAAE,EAAE;QACnE,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;QACzC,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,uBAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,uBAAe,CAAC,MAAM,EAC7B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB,EAC1D,iBAAiB,EAAE,iBAAiB,KAChC,KAAK,IAER,GAAG,IAAI,CACN,uCACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,8BAA8B,KACpC,UAAU,EACd,OAAO,EAAE,cAAc,GACvB,CACH,CACU,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC","sourcesContent":["import React, { forwardRef, useState } from 'react';\n\nimport { AvatarNetworkSize, AvatarBaseShape } from '../../types';\nimport { AvatarBase } from '../AvatarBase';\n\nimport type { AvatarNetworkProps } from './AvatarNetwork.types';\n\nexport const AvatarNetwork = forwardRef<HTMLDivElement, AvatarNetworkProps>(\n  (\n    {\n      src,\n      name = '',\n      fallbackText,\n      fallbackTextProps,\n      className,\n      size = AvatarNetworkSize.Md,\n      imageProps,\n      ...props\n    },\n    ref,\n  ) => {\n    const [finalFallbackText, setFinalFallbackText] = useState<string>('');\n    const backupFallbackText = fallbackText || name?.[0] || '';\n    const altText = name || 'Network logo'; // TBC: Add localization for default text\n\n    const onErrorHandler = (e: React.SyntheticEvent<HTMLImageElement>) => {\n      setFinalFallbackText(backupFallbackText);\n      imageProps?.onError?.(e);\n    };\n\n    return (\n      <AvatarBase\n        ref={ref}\n        shape={AvatarBaseShape.Square}\n        size={size}\n        className={className}\n        fallbackText={src ? finalFallbackText : backupFallbackText}\n        fallbackTextProps={fallbackTextProps}\n        {...props}\n      >\n        {src && (\n          <img\n            src={src}\n            alt={altText}\n            className=\"h-full w-full object-contain\"\n            {...imageProps}\n            onError={onErrorHandler}\n          />\n        )}\n      </AvatarBase>\n    );\n  },\n);\n\nAvatarNetwork.displayName = 'AvatarNetwork';\n"]}
+{"version":3,"file":"AvatarNetwork.cjs","sourceRoot":"","sources":["../../../src/components/AvatarNetwork/AvatarNetwork.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoD;AAEpD,iDAAiE;AACjE,wDAA2C;AAI9B,QAAA,aAAa,GAAG,IAAA,kBAAU,EACrC,CACE,EACE,GAAG,EACH,IAAI,GAAG,EAAE,EACT,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,IAAI,GAAG,yBAAiB,CAAC,EAAE,EAC3B,UAAU,EACV,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IACvE,MAAM,kBAAkB,GAAG,YAAY,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAC3D,MAAM,OAAO,GAAG,IAAI,IAAI,cAAc,CAAC,CAAC,yCAAyC;IAEjF,MAAM,cAAc,GAAG,CAAC,CAAyC,EAAE,EAAE;QACnE,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;QACzC,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,uBAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,uBAAe,CAAC,MAAM,EAC7B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB,EAC1D,iBAAiB,EAAE,iBAAiB,KAChC,KAAK,IAER,GAAG,IAAI,CACN,uCACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,0BAA0B,KAChC,UAAU,EACd,OAAO,EAAE,cAAc,GACvB,CACH,CACU,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC","sourcesContent":["import React, { forwardRef, useState } from 'react';\n\nimport { AvatarNetworkSize, AvatarBaseShape } from '../../types';\nimport { AvatarBase } from '../AvatarBase';\n\nimport type { AvatarNetworkProps } from './AvatarNetwork.types';\n\nexport const AvatarNetwork = forwardRef<HTMLDivElement, AvatarNetworkProps>(\n  (\n    {\n      src,\n      name = '',\n      fallbackText,\n      fallbackTextProps,\n      className,\n      size = AvatarNetworkSize.Md,\n      imageProps,\n      ...props\n    },\n    ref,\n  ) => {\n    const [finalFallbackText, setFinalFallbackText] = useState<string>('');\n    const backupFallbackText = fallbackText || name?.[0] || '';\n    const altText = name || 'Network logo'; // TBC: Add localization for default text\n\n    const onErrorHandler = (e: React.SyntheticEvent<HTMLImageElement>) => {\n      setFinalFallbackText(backupFallbackText);\n      imageProps?.onError?.(e);\n    };\n\n    return (\n      <AvatarBase\n        ref={ref}\n        shape={AvatarBaseShape.Square}\n        size={size}\n        className={className}\n        fallbackText={src ? finalFallbackText : backupFallbackText}\n        fallbackTextProps={fallbackTextProps}\n        {...props}\n      >\n        {src && (\n          <img\n            src={src}\n            alt={altText}\n            className=\"size-full object-contain\"\n            {...imageProps}\n            onError={onErrorHandler}\n          />\n        )}\n      </AvatarBase>\n    );\n  },\n);\n\nAvatarNetwork.displayName = 'AvatarNetwork';\n"]}

package/dist/components/AvatarNetwork/AvatarNetwork.mjs

@@ -16,7 +16,7 @@ export const AvatarNetwork = forwardRef(({ src, name = '', fallbackText, fallbac
         setFinalFallbackText(backupFallbackText);
         imageProps?.onError?.(e);
     };
-    return (React.createElement(AvatarBase, { ref: ref, shape: AvatarBaseShape.Square, size: size, className: className, fallbackText: src ? finalFallbackText : backupFallbackText, fallbackTextProps: fallbackTextProps, ...props }, src && (React.createElement("img", { src: src, alt: altText, className: "h-full w-full object-contain", ...imageProps, onError: onErrorHandler }))));
+    return (React.createElement(AvatarBase, { ref: ref, shape: AvatarBaseShape.Square, size: size, className: className, fallbackText: src ? finalFallbackText : backupFallbackText, fallbackTextProps: fallbackTextProps, ...props }, src && (React.createElement("img", { src: src, alt: altText, className: "size-full object-contain", ...imageProps, onError: onErrorHandler }))));
 });
 AvatarNetwork.displayName = 'AvatarNetwork';
 //# sourceMappingURL=AvatarNetwork.mjs.map

package/dist/components/AvatarNetwork/AvatarNetwork.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarNetwork.mjs","sourceRoot":"","sources":["../../../src/components/AvatarNetwork/AvatarNetwork.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,QAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc;;AAEpD,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,8BAAoB;AACjE,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAI3C,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,CACE,EACE,GAAG,EACH,IAAI,GAAG,EAAE,EACT,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,IAAI,GAAG,iBAAiB,CAAC,EAAE,EAC3B,UAAU,EACV,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IACvE,MAAM,kBAAkB,GAAG,YAAY,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAC3D,MAAM,OAAO,GAAG,IAAI,IAAI,cAAc,CAAC,CAAC,yCAAyC;IAEjF,MAAM,cAAc,GAAG,CAAC,CAAyC,EAAE,EAAE;QACnE,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;QACzC,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,eAAe,CAAC,MAAM,EAC7B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB,EAC1D,iBAAiB,EAAE,iBAAiB,KAChC,KAAK,IAER,GAAG,IAAI,CACN,6BACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,8BAA8B,KACpC,UAAU,EACd,OAAO,EAAE,cAAc,GACvB,CACH,CACU,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC","sourcesContent":["import React, { forwardRef, useState } from 'react';\n\nimport { AvatarNetworkSize, AvatarBaseShape } from '../../types';\nimport { AvatarBase } from '../AvatarBase';\n\nimport type { AvatarNetworkProps } from './AvatarNetwork.types';\n\nexport const AvatarNetwork = forwardRef<HTMLDivElement, AvatarNetworkProps>(\n  (\n    {\n      src,\n      name = '',\n      fallbackText,\n      fallbackTextProps,\n      className,\n      size = AvatarNetworkSize.Md,\n      imageProps,\n      ...props\n    },\n    ref,\n  ) => {\n    const [finalFallbackText, setFinalFallbackText] = useState<string>('');\n    const backupFallbackText = fallbackText || name?.[0] || '';\n    const altText = name || 'Network logo'; // TBC: Add localization for default text\n\n    const onErrorHandler = (e: React.SyntheticEvent<HTMLImageElement>) => {\n      setFinalFallbackText(backupFallbackText);\n      imageProps?.onError?.(e);\n    };\n\n    return (\n      <AvatarBase\n        ref={ref}\n        shape={AvatarBaseShape.Square}\n        size={size}\n        className={className}\n        fallbackText={src ? finalFallbackText : backupFallbackText}\n        fallbackTextProps={fallbackTextProps}\n        {...props}\n      >\n        {src && (\n          <img\n            src={src}\n            alt={altText}\n            className=\"h-full w-full object-contain\"\n            {...imageProps}\n            onError={onErrorHandler}\n          />\n        )}\n      </AvatarBase>\n    );\n  },\n);\n\nAvatarNetwork.displayName = 'AvatarNetwork';\n"]}
+{"version":3,"file":"AvatarNetwork.mjs","sourceRoot":"","sources":["../../../src/components/AvatarNetwork/AvatarNetwork.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,QAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc;;AAEpD,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,8BAAoB;AACjE,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAI3C,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,CACE,EACE,GAAG,EACH,IAAI,GAAG,EAAE,EACT,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,IAAI,GAAG,iBAAiB,CAAC,EAAE,EAC3B,UAAU,EACV,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IACvE,MAAM,kBAAkB,GAAG,YAAY,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAC3D,MAAM,OAAO,GAAG,IAAI,IAAI,cAAc,CAAC,CAAC,yCAAyC;IAEjF,MAAM,cAAc,GAAG,CAAC,CAAyC,EAAE,EAAE;QACnE,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;QACzC,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,eAAe,CAAC,MAAM,EAC7B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB,EAC1D,iBAAiB,EAAE,iBAAiB,KAChC,KAAK,IAER,GAAG,IAAI,CACN,6BACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,0BAA0B,KAChC,UAAU,EACd,OAAO,EAAE,cAAc,GACvB,CACH,CACU,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC","sourcesContent":["import React, { forwardRef, useState } from 'react';\n\nimport { AvatarNetworkSize, AvatarBaseShape } from '../../types';\nimport { AvatarBase } from '../AvatarBase';\n\nimport type { AvatarNetworkProps } from './AvatarNetwork.types';\n\nexport const AvatarNetwork = forwardRef<HTMLDivElement, AvatarNetworkProps>(\n  (\n    {\n      src,\n      name = '',\n      fallbackText,\n      fallbackTextProps,\n      className,\n      size = AvatarNetworkSize.Md,\n      imageProps,\n      ...props\n    },\n    ref,\n  ) => {\n    const [finalFallbackText, setFinalFallbackText] = useState<string>('');\n    const backupFallbackText = fallbackText || name?.[0] || '';\n    const altText = name || 'Network logo'; // TBC: Add localization for default text\n\n    const onErrorHandler = (e: React.SyntheticEvent<HTMLImageElement>) => {\n      setFinalFallbackText(backupFallbackText);\n      imageProps?.onError?.(e);\n    };\n\n    return (\n      <AvatarBase\n        ref={ref}\n        shape={AvatarBaseShape.Square}\n        size={size}\n        className={className}\n        fallbackText={src ? finalFallbackText : backupFallbackText}\n        fallbackTextProps={fallbackTextProps}\n        {...props}\n      >\n        {src && (\n          <img\n            src={src}\n            alt={altText}\n            className=\"size-full object-contain\"\n            {...imageProps}\n            onError={onErrorHandler}\n          />\n        )}\n      </AvatarBase>\n    );\n  },\n);\n\nAvatarNetwork.displayName = 'AvatarNetwork';\n"]}

package/dist/components/AvatarToken/AvatarToken.cjs

@@ -35,7 +35,7 @@ exports.AvatarToken = (0, react_1.forwardRef)(({ src, name = '', fallbackText, f
         setFinalFallbackText(backupFallbackText);
         imageProps?.onError?.(e);
     };
-    return (react_1.default.createElement(AvatarBase_1.AvatarBase, { ref: ref, shape: types_1.AvatarBaseShape.Circle, size: size, className: className, fallbackText: src ? finalFallbackText : backupFallbackText, fallbackTextProps: fallbackTextProps, ...props }, src && (react_1.default.createElement("img", { src: src, alt: altText, className: "h-full w-full object-contain", onError: onErrorHandler, ...imageProps }))));
+    return (react_1.default.createElement(AvatarBase_1.AvatarBase, { ref: ref, shape: types_1.AvatarBaseShape.Circle, size: size, className: className, fallbackText: src ? finalFallbackText : backupFallbackText, fallbackTextProps: fallbackTextProps, ...props }, src && (react_1.default.createElement("img", { src: src, alt: altText, className: "size-full object-contain", onError: onErrorHandler, ...imageProps }))));
 });
 exports.AvatarToken.displayName = 'AvatarToken';
 //# sourceMappingURL=AvatarToken.cjs.map

package/dist/components/AvatarToken/AvatarToken.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarToken.cjs","sourceRoot":"","sources":["../../../src/components/AvatarToken/AvatarToken.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoD;AAEpD,iDAA+D;AAC/D,wDAA2C;AAI9B,QAAA,WAAW,GAAG,IAAA,kBAAU,EACnC,CACE,EACE,GAAG,EACH,IAAI,GAAG,EAAE,EACT,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,IAAI,GAAG,uBAAe,CAAC,EAAE,EACzB,UAAU,EACV,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IACvE,MAAM,kBAAkB,GAAG,YAAY,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAC3D,MAAM,OAAO,GAAG,IAAI,IAAI,YAAY,CAAC,CAAC,yCAAyC;IAE/E,MAAM,cAAc,GAAG,CAAC,CAAyC,EAAE,EAAE;QACnE,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;QACzC,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,uBAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,uBAAe,CAAC,MAAM,EAC7B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB,EAC1D,iBAAiB,EAAE,iBAAiB,KAChC,KAAK,IAER,GAAG,IAAI,CACN,uCACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,8BAA8B,EACxC,OAAO,EAAE,cAAc,KACnB,UAAU,GACd,CACH,CACU,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC","sourcesContent":["import React, { forwardRef, useState } from 'react';\n\nimport { AvatarTokenSize, AvatarBaseShape } from '../../types';\nimport { AvatarBase } from '../AvatarBase';\n\nimport type { AvatarTokenProps } from './AvatarToken.types';\n\nexport const AvatarToken = forwardRef<HTMLDivElement, AvatarTokenProps>(\n  (\n    {\n      src,\n      name = '',\n      fallbackText,\n      fallbackTextProps,\n      className,\n      size = AvatarTokenSize.Md,\n      imageProps,\n      ...props\n    },\n    ref,\n  ) => {\n    const [finalFallbackText, setFinalFallbackText] = useState<string>('');\n    const backupFallbackText = fallbackText || name?.[0] || '';\n    const altText = name || 'Token logo'; // TBC: Add localization for default text\n\n    const onErrorHandler = (e: React.SyntheticEvent<HTMLImageElement>) => {\n      setFinalFallbackText(backupFallbackText);\n      imageProps?.onError?.(e);\n    };\n\n    return (\n      <AvatarBase\n        ref={ref}\n        shape={AvatarBaseShape.Circle}\n        size={size}\n        className={className}\n        fallbackText={src ? finalFallbackText : backupFallbackText}\n        fallbackTextProps={fallbackTextProps}\n        {...props}\n      >\n        {src && (\n          <img\n            src={src}\n            alt={altText}\n            className=\"h-full w-full object-contain\"\n            onError={onErrorHandler}\n            {...imageProps}\n          />\n        )}\n      </AvatarBase>\n    );\n  },\n);\n\nAvatarToken.displayName = 'AvatarToken';\n"]}
+{"version":3,"file":"AvatarToken.cjs","sourceRoot":"","sources":["../../../src/components/AvatarToken/AvatarToken.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoD;AAEpD,iDAA+D;AAC/D,wDAA2C;AAI9B,QAAA,WAAW,GAAG,IAAA,kBAAU,EACnC,CACE,EACE,GAAG,EACH,IAAI,GAAG,EAAE,EACT,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,IAAI,GAAG,uBAAe,CAAC,EAAE,EACzB,UAAU,EACV,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IACvE,MAAM,kBAAkB,GAAG,YAAY,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAC3D,MAAM,OAAO,GAAG,IAAI,IAAI,YAAY,CAAC,CAAC,yCAAyC;IAE/E,MAAM,cAAc,GAAG,CAAC,CAAyC,EAAE,EAAE;QACnE,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;QACzC,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,uBAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,uBAAe,CAAC,MAAM,EAC7B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB,EAC1D,iBAAiB,EAAE,iBAAiB,KAChC,KAAK,IAER,GAAG,IAAI,CACN,uCACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,0BAA0B,EACpC,OAAO,EAAE,cAAc,KACnB,UAAU,GACd,CACH,CACU,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC","sourcesContent":["import React, { forwardRef, useState } from 'react';\n\nimport { AvatarTokenSize, AvatarBaseShape } from '../../types';\nimport { AvatarBase } from '../AvatarBase';\n\nimport type { AvatarTokenProps } from './AvatarToken.types';\n\nexport const AvatarToken = forwardRef<HTMLDivElement, AvatarTokenProps>(\n  (\n    {\n      src,\n      name = '',\n      fallbackText,\n      fallbackTextProps,\n      className,\n      size = AvatarTokenSize.Md,\n      imageProps,\n      ...props\n    },\n    ref,\n  ) => {\n    const [finalFallbackText, setFinalFallbackText] = useState<string>('');\n    const backupFallbackText = fallbackText || name?.[0] || '';\n    const altText = name || 'Token logo'; // TBC: Add localization for default text\n\n    const onErrorHandler = (e: React.SyntheticEvent<HTMLImageElement>) => {\n      setFinalFallbackText(backupFallbackText);\n      imageProps?.onError?.(e);\n    };\n\n    return (\n      <AvatarBase\n        ref={ref}\n        shape={AvatarBaseShape.Circle}\n        size={size}\n        className={className}\n        fallbackText={src ? finalFallbackText : backupFallbackText}\n        fallbackTextProps={fallbackTextProps}\n        {...props}\n      >\n        {src && (\n          <img\n            src={src}\n            alt={altText}\n            className=\"size-full object-contain\"\n            onError={onErrorHandler}\n            {...imageProps}\n          />\n        )}\n      </AvatarBase>\n    );\n  },\n);\n\nAvatarToken.displayName = 'AvatarToken';\n"]}

package/dist/components/AvatarToken/AvatarToken.mjs

@@ -16,7 +16,7 @@ export const AvatarToken = forwardRef(({ src, name = '', fallbackText, fallbackT
         setFinalFallbackText(backupFallbackText);
         imageProps?.onError?.(e);
     };
-    return (React.createElement(AvatarBase, { ref: ref, shape: AvatarBaseShape.Circle, size: size, className: className, fallbackText: src ? finalFallbackText : backupFallbackText, fallbackTextProps: fallbackTextProps, ...props }, src && (React.createElement("img", { src: src, alt: altText, className: "h-full w-full object-contain", onError: onErrorHandler, ...imageProps }))));
+    return (React.createElement(AvatarBase, { ref: ref, shape: AvatarBaseShape.Circle, size: size, className: className, fallbackText: src ? finalFallbackText : backupFallbackText, fallbackTextProps: fallbackTextProps, ...props }, src && (React.createElement("img", { src: src, alt: altText, className: "size-full object-contain", onError: onErrorHandler, ...imageProps }))));
 });
 AvatarToken.displayName = 'AvatarToken';
 //# sourceMappingURL=AvatarToken.mjs.map

package/dist/components/AvatarToken/AvatarToken.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarToken.mjs","sourceRoot":"","sources":["../../../src/components/AvatarToken/AvatarToken.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,QAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc;;AAEpD,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,8BAAoB;AAC/D,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAI3C,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,CACE,EACE,GAAG,EACH,IAAI,GAAG,EAAE,EACT,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,IAAI,GAAG,eAAe,CAAC,EAAE,EACzB,UAAU,EACV,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IACvE,MAAM,kBAAkB,GAAG,YAAY,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAC3D,MAAM,OAAO,GAAG,IAAI,IAAI,YAAY,CAAC,CAAC,yCAAyC;IAE/E,MAAM,cAAc,GAAG,CAAC,CAAyC,EAAE,EAAE;QACnE,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;QACzC,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,eAAe,CAAC,MAAM,EAC7B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB,EAC1D,iBAAiB,EAAE,iBAAiB,KAChC,KAAK,IAER,GAAG,IAAI,CACN,6BACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,8BAA8B,EACxC,OAAO,EAAE,cAAc,KACnB,UAAU,GACd,CACH,CACU,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC","sourcesContent":["import React, { forwardRef, useState } from 'react';\n\nimport { AvatarTokenSize, AvatarBaseShape } from '../../types';\nimport { AvatarBase } from '../AvatarBase';\n\nimport type { AvatarTokenProps } from './AvatarToken.types';\n\nexport const AvatarToken = forwardRef<HTMLDivElement, AvatarTokenProps>(\n  (\n    {\n      src,\n      name = '',\n      fallbackText,\n      fallbackTextProps,\n      className,\n      size = AvatarTokenSize.Md,\n      imageProps,\n      ...props\n    },\n    ref,\n  ) => {\n    const [finalFallbackText, setFinalFallbackText] = useState<string>('');\n    const backupFallbackText = fallbackText || name?.[0] || '';\n    const altText = name || 'Token logo'; // TBC: Add localization for default text\n\n    const onErrorHandler = (e: React.SyntheticEvent<HTMLImageElement>) => {\n      setFinalFallbackText(backupFallbackText);\n      imageProps?.onError?.(e);\n    };\n\n    return (\n      <AvatarBase\n        ref={ref}\n        shape={AvatarBaseShape.Circle}\n        size={size}\n        className={className}\n        fallbackText={src ? finalFallbackText : backupFallbackText}\n        fallbackTextProps={fallbackTextProps}\n        {...props}\n      >\n        {src && (\n          <img\n            src={src}\n            alt={altText}\n            className=\"h-full w-full object-contain\"\n            onError={onErrorHandler}\n            {...imageProps}\n          />\n        )}\n      </AvatarBase>\n    );\n  },\n);\n\nAvatarToken.displayName = 'AvatarToken';\n"]}
+{"version":3,"file":"AvatarToken.mjs","sourceRoot":"","sources":["../../../src/components/AvatarToken/AvatarToken.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,QAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc;;AAEpD,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,8BAAoB;AAC/D,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAI3C,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,CACE,EACE,GAAG,EACH,IAAI,GAAG,EAAE,EACT,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,IAAI,GAAG,eAAe,CAAC,EAAE,EACzB,UAAU,EACV,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IACvE,MAAM,kBAAkB,GAAG,YAAY,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAC3D,MAAM,OAAO,GAAG,IAAI,IAAI,YAAY,CAAC,CAAC,yCAAyC;IAE/E,MAAM,cAAc,GAAG,CAAC,CAAyC,EAAE,EAAE;QACnE,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;QACzC,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,eAAe,CAAC,MAAM,EAC7B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB,EAC1D,iBAAiB,EAAE,iBAAiB,KAChC,KAAK,IAER,GAAG,IAAI,CACN,6BACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,0BAA0B,EACpC,OAAO,EAAE,cAAc,KACnB,UAAU,GACd,CACH,CACU,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC","sourcesContent":["import React, { forwardRef, useState } from 'react';\n\nimport { AvatarTokenSize, AvatarBaseShape } from '../../types';\nimport { AvatarBase } from '../AvatarBase';\n\nimport type { AvatarTokenProps } from './AvatarToken.types';\n\nexport const AvatarToken = forwardRef<HTMLDivElement, AvatarTokenProps>(\n  (\n    {\n      src,\n      name = '',\n      fallbackText,\n      fallbackTextProps,\n      className,\n      size = AvatarTokenSize.Md,\n      imageProps,\n      ...props\n    },\n    ref,\n  ) => {\n    const [finalFallbackText, setFinalFallbackText] = useState<string>('');\n    const backupFallbackText = fallbackText || name?.[0] || '';\n    const altText = name || 'Token logo'; // TBC: Add localization for default text\n\n    const onErrorHandler = (e: React.SyntheticEvent<HTMLImageElement>) => {\n      setFinalFallbackText(backupFallbackText);\n      imageProps?.onError?.(e);\n    };\n\n    return (\n      <AvatarBase\n        ref={ref}\n        shape={AvatarBaseShape.Circle}\n        size={size}\n        className={className}\n        fallbackText={src ? finalFallbackText : backupFallbackText}\n        fallbackTextProps={fallbackTextProps}\n        {...props}\n      >\n        {src && (\n          <img\n            src={src}\n            alt={altText}\n            className=\"size-full object-contain\"\n            onError={onErrorHandler}\n            {...imageProps}\n          />\n        )}\n      </AvatarBase>\n    );\n  },\n);\n\nAvatarToken.displayName = 'AvatarToken';\n"]}

package/dist/components/BadgeIcon/BadgeIcon.cjs

@@ -28,7 +28,7 @@ const react_1 = __importStar(require("react"));
 const tw_merge_1 = require("../../utils/tw-merge.cjs");
 const Icon_1 = require("../Icon/index.cjs");
 exports.BadgeIcon = (0, react_1.forwardRef)(({ iconName, iconProps, className = '', style, ...props }, ref) => {
-    const mergedClassName = (0, tw_merge_1.twMerge)('inline-flex h-4 w-4 items-center justify-center rounded-full bg-icon-default', className);
+    const mergedClassName = (0, tw_merge_1.twMerge)('inline-flex size-4 items-center justify-center rounded-full bg-icon-default', className);
     return (react_1.default.createElement("div", { ref: ref, className: mergedClassName, style: style, ...props },
         react_1.default.createElement(Icon_1.Icon, { size: Icon_1.IconSize.Xs, name: iconName, ...iconProps, className: (0, tw_merge_1.twMerge)(iconProps?.color ? '' : 'text-background-default', // if color is provided, use it, otherwise use background default
             iconProps?.className) })));

package/dist/components/BadgeIcon/BadgeIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BadgeIcon.cjs","sourceRoot":"","sources":["../../../src/components/BadgeIcon/BadgeIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,uDAA+C;AAC/C,4CAAyC;AAI5B,QAAA,SAAS,GAAG,IAAA,kBAAU,EACjC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChE,MAAM,eAAe,GAAG,IAAA,kBAAO,EAC7B,8EAA8E,EAC9E,SAAS,CACV,CAAC;IAEF,OAAO,CACL,uCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK;QAChE,8BAAC,WAAI,IACH,IAAI,EAAE,eAAQ,CAAC,EAAE,EACjB,IAAI,EAAE,QAAQ,KACV,SAAS,EACb,SAAS,EAAE,IAAA,kBAAO,EAChB,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,yBAAyB,EAAE,iEAAiE;YACpH,SAAS,EAAE,SAAS,CACrB,GACD,CACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { Icon, IconSize } from '../Icon';\n\nimport type { BadgeIconProps } from './BadgeIcon.types';\n\nexport const BadgeIcon = forwardRef<HTMLDivElement, BadgeIconProps>(\n  ({ iconName, iconProps, className = '', style, ...props }, ref) => {\n    const mergedClassName = twMerge(\n      'inline-flex h-4 w-4 items-center justify-center rounded-full bg-icon-default',\n      className,\n    );\n\n    return (\n      <div ref={ref} className={mergedClassName} style={style} {...props}>\n        <Icon\n          size={IconSize.Xs}\n          name={iconName}\n          {...iconProps}\n          className={twMerge(\n            iconProps?.color ? '' : 'text-background-default', // if color is provided, use it, otherwise use background default\n            iconProps?.className,\n          )}\n        />\n      </div>\n    );\n  },\n);\n\nBadgeIcon.displayName = 'BadgeIcon';\n"]}
+{"version":3,"file":"BadgeIcon.cjs","sourceRoot":"","sources":["../../../src/components/BadgeIcon/BadgeIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,uDAA+C;AAC/C,4CAAyC;AAI5B,QAAA,SAAS,GAAG,IAAA,kBAAU,EACjC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChE,MAAM,eAAe,GAAG,IAAA,kBAAO,EAC7B,6EAA6E,EAC7E,SAAS,CACV,CAAC;IAEF,OAAO,CACL,uCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK;QAChE,8BAAC,WAAI,IACH,IAAI,EAAE,eAAQ,CAAC,EAAE,EACjB,IAAI,EAAE,QAAQ,KACV,SAAS,EACb,SAAS,EAAE,IAAA,kBAAO,EAChB,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,yBAAyB,EAAE,iEAAiE;YACpH,SAAS,EAAE,SAAS,CACrB,GACD,CACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { Icon, IconSize } from '../Icon';\n\nimport type { BadgeIconProps } from './BadgeIcon.types';\n\nexport const BadgeIcon = forwardRef<HTMLDivElement, BadgeIconProps>(\n  ({ iconName, iconProps, className = '', style, ...props }, ref) => {\n    const mergedClassName = twMerge(\n      'inline-flex size-4 items-center justify-center rounded-full bg-icon-default',\n      className,\n    );\n\n    return (\n      <div ref={ref} className={mergedClassName} style={style} {...props}>\n        <Icon\n          size={IconSize.Xs}\n          name={iconName}\n          {...iconProps}\n          className={twMerge(\n            iconProps?.color ? '' : 'text-background-default', // if color is provided, use it, otherwise use background default\n            iconProps?.className,\n          )}\n        />\n      </div>\n    );\n  },\n);\n\nBadgeIcon.displayName = 'BadgeIcon';\n"]}

package/dist/components/BadgeIcon/BadgeIcon.mjs

@@ -9,7 +9,7 @@ const React = $importDefault($React);
 import { twMerge } from "../../utils/tw-merge.mjs";
 import { Icon, IconSize } from "../Icon/index.mjs";
 export const BadgeIcon = forwardRef(({ iconName, iconProps, className = '', style, ...props }, ref) => {
-    const mergedClassName = twMerge('inline-flex h-4 w-4 items-center justify-center rounded-full bg-icon-default', className);
+    const mergedClassName = twMerge('inline-flex size-4 items-center justify-center rounded-full bg-icon-default', className);
     return (React.createElement("div", { ref: ref, className: mergedClassName, style: style, ...props },
         React.createElement(Icon, { size: IconSize.Xs, name: iconName, ...iconProps, className: twMerge(iconProps?.color ? '' : 'text-background-default', // if color is provided, use it, otherwise use background default
             iconProps?.className) })));

package/dist/components/BadgeIcon/BadgeIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BadgeIcon.mjs","sourceRoot":"","sources":["../../../src/components/BadgeIcon/BadgeIcon.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,QAAO,EAAE,UAAU,EAAE,cAAc;;AAE1C,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAC/C,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,0BAAgB;AAIzC,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CACjC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChE,MAAM,eAAe,GAAG,OAAO,CAC7B,8EAA8E,EAC9E,SAAS,CACV,CAAC;IAEF,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK;QAChE,oBAAC,IAAI,IACH,IAAI,EAAE,QAAQ,CAAC,EAAE,EACjB,IAAI,EAAE,QAAQ,KACV,SAAS,EACb,SAAS,EAAE,OAAO,CAChB,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,yBAAyB,EAAE,iEAAiE;YACpH,SAAS,EAAE,SAAS,CACrB,GACD,CACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { Icon, IconSize } from '../Icon';\n\nimport type { BadgeIconProps } from './BadgeIcon.types';\n\nexport const BadgeIcon = forwardRef<HTMLDivElement, BadgeIconProps>(\n  ({ iconName, iconProps, className = '', style, ...props }, ref) => {\n    const mergedClassName = twMerge(\n      'inline-flex h-4 w-4 items-center justify-center rounded-full bg-icon-default',\n      className,\n    );\n\n    return (\n      <div ref={ref} className={mergedClassName} style={style} {...props}>\n        <Icon\n          size={IconSize.Xs}\n          name={iconName}\n          {...iconProps}\n          className={twMerge(\n            iconProps?.color ? '' : 'text-background-default', // if color is provided, use it, otherwise use background default\n            iconProps?.className,\n          )}\n        />\n      </div>\n    );\n  },\n);\n\nBadgeIcon.displayName = 'BadgeIcon';\n"]}
+{"version":3,"file":"BadgeIcon.mjs","sourceRoot":"","sources":["../../../src/components/BadgeIcon/BadgeIcon.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,QAAO,EAAE,UAAU,EAAE,cAAc;;AAE1C,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAC/C,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,0BAAgB;AAIzC,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CACjC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChE,MAAM,eAAe,GAAG,OAAO,CAC7B,6EAA6E,EAC7E,SAAS,CACV,CAAC;IAEF,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK;QAChE,oBAAC,IAAI,IACH,IAAI,EAAE,QAAQ,CAAC,EAAE,EACjB,IAAI,EAAE,QAAQ,KACV,SAAS,EACb,SAAS,EAAE,OAAO,CAChB,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,yBAAyB,EAAE,iEAAiE;YACpH,SAAS,EAAE,SAAS,CACrB,GACD,CACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { Icon, IconSize } from '../Icon';\n\nimport type { BadgeIconProps } from './BadgeIcon.types';\n\nexport const BadgeIcon = forwardRef<HTMLDivElement, BadgeIconProps>(\n  ({ iconName, iconProps, className = '', style, ...props }, ref) => {\n    const mergedClassName = twMerge(\n      'inline-flex size-4 items-center justify-center rounded-full bg-icon-default',\n      className,\n    );\n\n    return (\n      <div ref={ref} className={mergedClassName} style={style} {...props}>\n        <Icon\n          size={IconSize.Xs}\n          name={iconName}\n          {...iconProps}\n          className={twMerge(\n            iconProps?.color ? '' : 'text-background-default', // if color is provided, use it, otherwise use background default\n            iconProps?.className,\n          )}\n        />\n      </div>\n    );\n  },\n);\n\nBadgeIcon.displayName = 'BadgeIcon';\n"]}