@metamask-previews/design-system-react-native 0.0.0-preview.7df341a → 0.0.0-preview.85a0952

package/dist/components/AvatarGroup/AvatarGroup.constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.constants.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarGroup/AvatarGroup.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAwB,MAAM,kBAAkB,CAAC;AAE5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAIlD,eAAO,MAAM,wCAAwC,EAAE,MAAM,CAC3D,eAAe,EACf,MAAM,CAOP,CAAC;AAEF,eAAO,MAAM,6CAA6C,EAAE,MAAM,CAChE,eAAe,EACf,WAAW,CAOZ,CAAC;AAGF,eAAO,MAAM,wCAAwC,EAAE,kBAAkB,EA6BxE,CAAC;AACF,eAAO,MAAM,wCAAwC,EAAE,kBAAkB,EAoCxE,CAAC;AAEF,eAAO,MAAM,wCAAwC,EAAE,kBAAkB,EAoCxE,CAAC;AAEF,eAAO,MAAM,sCAAsC,EAAE,gBAAgB,EAoCpE,CAAC"}
+{"version":3,"file":"AvatarGroup.constants.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarGroup/AvatarGroup.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC,eAAO,MAAM,+CAA+C,EAAE,MAAM,CAClE,eAAe,EACf,MAAM,CAOP,CAAC;AAEF,eAAO,MAAM,6CAA6C,EAAE,MAAM,CAChE,eAAe,EACf,WAAW,CAOZ,CAAC"}

package/dist/components/AvatarGroup/AvatarGroup.constants.js

@@ -1,168 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SAMPLE_AVATARGROUP_AVATARTOKENPROPSARR = exports.SAMPLE_AVATARGROUP_AVATARNETWORKPROPSARR = exports.SAMPLE_AVATARGROUP_AVATARFAVICONPROPSARR = exports.SAMPLE_AVATARGROUP_AVATARACCOUNTPROPSARR = exports.MAP_AVATARGROUP_SIZE_OVERFLOWTEXT_TEXTVARIANT = exports.MAP_AVATARGROUP_SIZE_SPACEBETWEENAVATARS = void 0;
-const enums_1 = require("../../shared/enums");
+exports.MAP_AVATARGROUP_SIZE_OVERFLOWTEXT_TEXTVARIANT = exports.TWCLASSMAP_AVATARGROUP_SIZE_SPACEBETWEENAVATARS = void 0;
+const types_1 = require("../../types");
 const Text_1 = require("../Text");
-const AvatarAccount_1 = require("../AvatarAccount");
-const AvatarAccount_constants_1 = require("../AvatarAccount/AvatarAccount.constants");
-const AvatarFavicon_constants_1 = require("../AvatarFavicon/AvatarFavicon.constants");
-const AvatarNetwork_constants_1 = require("../AvatarNetwork/AvatarNetwork.constants");
-const AvatarToken_constants_1 = require("../AvatarToken/AvatarToken.constants");
 // Mappings
-exports.MAP_AVATARGROUP_SIZE_SPACEBETWEENAVATARS = {
-    [enums_1.AvatarGroupSize.Xs]: -6,
-    [enums_1.AvatarGroupSize.Sm]: -10,
-    [enums_1.AvatarGroupSize.Md]: -14,
-    [enums_1.AvatarGroupSize.Lg]: -18,
-    [enums_1.AvatarGroupSize.Xl]: -22,
+exports.TWCLASSMAP_AVATARGROUP_SIZE_SPACEBETWEENAVATARS = {
+    [types_1.AvatarGroupSize.Xs]: 'gap-[-6px]',
+    [types_1.AvatarGroupSize.Sm]: 'gap-[-10px]',
+    [types_1.AvatarGroupSize.Md]: 'gap-[-14px]',
+    [types_1.AvatarGroupSize.Lg]: 'gap-[-18px]',
+    [types_1.AvatarGroupSize.Xl]: 'gap-[-22px]',
 };
 exports.MAP_AVATARGROUP_SIZE_OVERFLOWTEXT_TEXTVARIANT = {
-    [enums_1.AvatarGroupSize.Xs]: Text_1.TextVariant.BodyXs,
-    [enums_1.AvatarGroupSize.Sm]: Text_1.TextVariant.BodySm,
-    [enums_1.AvatarGroupSize.Md]: Text_1.TextVariant.BodyMd,
-    [enums_1.AvatarGroupSize.Lg]: Text_1.TextVariant.HeadingMd,
-    [enums_1.AvatarGroupSize.Xl]: Text_1.TextVariant.HeadingMd,
+    [types_1.AvatarGroupSize.Xs]: Text_1.TextVariant.BodyXs,
+    [types_1.AvatarGroupSize.Sm]: Text_1.TextVariant.BodySm,
+    [types_1.AvatarGroupSize.Md]: Text_1.TextVariant.BodyMd,
+    [types_1.AvatarGroupSize.Lg]: Text_1.TextVariant.HeadingMd,
+    [types_1.AvatarGroupSize.Xl]: Text_1.TextVariant.HeadingMd,
 };
-// Sample consts
-exports.SAMPLE_AVATARGROUP_AVATARACCOUNTPROPSARR = [
-    {
-        variant: AvatarAccount_1.AvatarAccountVariant.Jazzicon,
-        address: AvatarAccount_constants_1.SAMPLE_AVATARACCOUNT_ADDRESSES[0],
-    },
-    {
-        variant: AvatarAccount_1.AvatarAccountVariant.Blockies,
-        address: AvatarAccount_constants_1.SAMPLE_AVATARACCOUNT_ADDRESSES[1],
-    },
-    {
-        variant: AvatarAccount_1.AvatarAccountVariant.Jazzicon,
-        address: AvatarAccount_constants_1.SAMPLE_AVATARACCOUNT_ADDRESSES[2],
-    },
-    {
-        variant: AvatarAccount_1.AvatarAccountVariant.Jazzicon,
-        address: AvatarAccount_constants_1.SAMPLE_AVATARACCOUNT_ADDRESSES[3],
-    },
-    {
-        variant: AvatarAccount_1.AvatarAccountVariant.Jazzicon,
-        address: AvatarAccount_constants_1.SAMPLE_AVATARACCOUNT_ADDRESSES[4],
-    },
-    {
-        variant: AvatarAccount_1.AvatarAccountVariant.Blockies,
-        address: AvatarAccount_constants_1.SAMPLE_AVATARACCOUNT_ADDRESSES[5],
-    },
-    {
-        variant: AvatarAccount_1.AvatarAccountVariant.Blockies,
-        address: AvatarAccount_constants_1.SAMPLE_AVATARACCOUNT_ADDRESSES[6],
-    },
-];
-exports.SAMPLE_AVATARGROUP_AVATARFAVICONPROPSARR = [
-    {
-        src: {
-            uri: AvatarFavicon_constants_1.SAMPLE_AVATARFAVICON_URIS[0],
-        },
-    },
-    {
-        src: {
-            uri: AvatarFavicon_constants_1.SAMPLE_AVATARFAVICON_URIS[1],
-        },
-    },
-    {
-        src: {
-            uri: AvatarFavicon_constants_1.SAMPLE_AVATARFAVICON_URIS[2],
-        },
-    },
-    {
-        src: {
-            uri: AvatarFavicon_constants_1.SAMPLE_AVATARFAVICON_URIS[3],
-        },
-    },
-    {
-        src: {
-            uri: AvatarFavicon_constants_1.SAMPLE_AVATARFAVICON_URIS[4],
-        },
-    },
-    {
-        src: {
-            uri: AvatarFavicon_constants_1.SAMPLE_AVATARFAVICON_URIS[5],
-        },
-    },
-    {
-        src: {
-            uri: AvatarFavicon_constants_1.SAMPLE_AVATARFAVICON_URIS[6],
-        },
-    },
-];
-exports.SAMPLE_AVATARGROUP_AVATARNETWORKPROPSARR = [
-    {
-        src: {
-            uri: AvatarNetwork_constants_1.SAMPLE_AVATARNETWORK_URIS[0],
-        },
-    },
-    {
-        src: {
-            uri: AvatarNetwork_constants_1.SAMPLE_AVATARNETWORK_URIS[1],
-        },
-    },
-    {
-        src: {
-            uri: AvatarNetwork_constants_1.SAMPLE_AVATARNETWORK_URIS[2],
-        },
-    },
-    {
-        src: {
-            uri: AvatarNetwork_constants_1.SAMPLE_AVATARNETWORK_URIS[3],
-        },
-    },
-    {
-        src: {
-            uri: AvatarNetwork_constants_1.SAMPLE_AVATARNETWORK_URIS[4],
-        },
-    },
-    {
-        src: {
-            uri: AvatarNetwork_constants_1.SAMPLE_AVATARNETWORK_URIS[5],
-        },
-    },
-    {
-        src: {
-            uri: AvatarNetwork_constants_1.SAMPLE_AVATARNETWORK_URIS[6],
-        },
-    },
-];
-exports.SAMPLE_AVATARGROUP_AVATARTOKENPROPSARR = [
-    {
-        src: {
-            uri: AvatarToken_constants_1.SAMPLE_AVATARTOKEN_URIS[0],
-        },
-    },
-    {
-        src: {
-            uri: AvatarToken_constants_1.SAMPLE_AVATARTOKEN_URIS[1],
-        },
-    },
-    {
-        src: {
-            uri: AvatarToken_constants_1.SAMPLE_AVATARTOKEN_URIS[2],
-        },
-    },
-    {
-        src: {
-            uri: AvatarToken_constants_1.SAMPLE_AVATARTOKEN_URIS[3],
-        },
-    },
-    {
-        src: {
-            uri: AvatarToken_constants_1.SAMPLE_AVATARTOKEN_URIS[4],
-        },
-    },
-    {
-        src: {
-            uri: AvatarToken_constants_1.SAMPLE_AVATARTOKEN_URIS[5],
-        },
-    },
-    {
-        src: {
-            uri: AvatarToken_constants_1.SAMPLE_AVATARTOKEN_URIS[6],
-        },
-    },
-];
 //# sourceMappingURL=AvatarGroup.constants.js.map

package/dist/components/AvatarGroup/AvatarGroup.constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.constants.js","sourceRoot":"","sources":["../../../src/components/AvatarGroup/AvatarGroup.constants.ts"],"names":[],"mappings":"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","sourcesContent":["import { AvatarGroupSize } from '../../shared/enums';\nimport { TextVariant } from '../Text';\nimport { AvatarAccountProps, AvatarAccountVariant } from '../AvatarAccount';\nimport { SAMPLE_AVATARACCOUNT_ADDRESSES } from '../AvatarAccount/AvatarAccount.constants';\nimport { AvatarFaviconProps } from '../AvatarFavicon';\nimport { SAMPLE_AVATARFAVICON_URIS } from '../AvatarFavicon/AvatarFavicon.constants';\nimport { AvatarNetworkProps } from '../AvatarNetwork';\nimport { SAMPLE_AVATARNETWORK_URIS } from '../AvatarNetwork/AvatarNetwork.constants';\nimport { AvatarTokenProps } from '../AvatarToken';\nimport { SAMPLE_AVATARTOKEN_URIS } from '../AvatarToken/AvatarToken.constants';\n\n// Mappings\nexport const MAP_AVATARGROUP_SIZE_SPACEBETWEENAVATARS: Record<\n  AvatarGroupSize,\n  number\n> = {\n  [AvatarGroupSize.Xs]: -6,\n  [AvatarGroupSize.Sm]: -10,\n  [AvatarGroupSize.Md]: -14,\n  [AvatarGroupSize.Lg]: -18,\n  [AvatarGroupSize.Xl]: -22,\n};\n\nexport const MAP_AVATARGROUP_SIZE_OVERFLOWTEXT_TEXTVARIANT: Record<\n  AvatarGroupSize,\n  TextVariant\n> = {\n  [AvatarGroupSize.Xs]: TextVariant.BodyXs,\n  [AvatarGroupSize.Sm]: TextVariant.BodySm,\n  [AvatarGroupSize.Md]: TextVariant.BodyMd,\n  [AvatarGroupSize.Lg]: TextVariant.HeadingMd,\n  [AvatarGroupSize.Xl]: TextVariant.HeadingMd,\n};\n\n// Sample consts\nexport const SAMPLE_AVATARGROUP_AVATARACCOUNTPROPSARR: AvatarAccountProps[] = [\n  {\n    variant: AvatarAccountVariant.Jazzicon,\n    address: SAMPLE_AVATARACCOUNT_ADDRESSES[0],\n  },\n  {\n    variant: AvatarAccountVariant.Blockies,\n    address: SAMPLE_AVATARACCOUNT_ADDRESSES[1],\n  },\n  {\n    variant: AvatarAccountVariant.Jazzicon,\n    address: SAMPLE_AVATARACCOUNT_ADDRESSES[2],\n  },\n  {\n    variant: AvatarAccountVariant.Jazzicon,\n    address: SAMPLE_AVATARACCOUNT_ADDRESSES[3],\n  },\n  {\n    variant: AvatarAccountVariant.Jazzicon,\n    address: SAMPLE_AVATARACCOUNT_ADDRESSES[4],\n  },\n  {\n    variant: AvatarAccountVariant.Blockies,\n    address: SAMPLE_AVATARACCOUNT_ADDRESSES[5],\n  },\n  {\n    variant: AvatarAccountVariant.Blockies,\n    address: SAMPLE_AVATARACCOUNT_ADDRESSES[6],\n  },\n];\nexport const SAMPLE_AVATARGROUP_AVATARFAVICONPROPSARR: AvatarFaviconProps[] = [\n  {\n    src: {\n      uri: SAMPLE_AVATARFAVICON_URIS[0],\n    },\n  },\n  {\n    src: {\n      uri: SAMPLE_AVATARFAVICON_URIS[1],\n    },\n  },\n  {\n    src: {\n      uri: SAMPLE_AVATARFAVICON_URIS[2],\n    },\n  },\n  {\n    src: {\n      uri: SAMPLE_AVATARFAVICON_URIS[3],\n    },\n  },\n  {\n    src: {\n      uri: SAMPLE_AVATARFAVICON_URIS[4],\n    },\n  },\n  {\n    src: {\n      uri: SAMPLE_AVATARFAVICON_URIS[5],\n    },\n  },\n  {\n    src: {\n      uri: SAMPLE_AVATARFAVICON_URIS[6],\n    },\n  },\n];\n\nexport const SAMPLE_AVATARGROUP_AVATARNETWORKPROPSARR: AvatarNetworkProps[] = [\n  {\n    src: {\n      uri: SAMPLE_AVATARNETWORK_URIS[0],\n    },\n  },\n  {\n    src: {\n      uri: SAMPLE_AVATARNETWORK_URIS[1],\n    },\n  },\n  {\n    src: {\n      uri: SAMPLE_AVATARNETWORK_URIS[2],\n    },\n  },\n  {\n    src: {\n      uri: SAMPLE_AVATARNETWORK_URIS[3],\n    },\n  },\n  {\n    src: {\n      uri: SAMPLE_AVATARNETWORK_URIS[4],\n    },\n  },\n  {\n    src: {\n      uri: SAMPLE_AVATARNETWORK_URIS[5],\n    },\n  },\n  {\n    src: {\n      uri: SAMPLE_AVATARNETWORK_URIS[6],\n    },\n  },\n];\n\nexport const SAMPLE_AVATARGROUP_AVATARTOKENPROPSARR: AvatarTokenProps[] = [\n  {\n    src: {\n      uri: SAMPLE_AVATARTOKEN_URIS[0],\n    },\n  },\n  {\n    src: {\n      uri: SAMPLE_AVATARTOKEN_URIS[1],\n    },\n  },\n  {\n    src: {\n      uri: SAMPLE_AVATARTOKEN_URIS[2],\n    },\n  },\n  {\n    src: {\n      uri: SAMPLE_AVATARTOKEN_URIS[3],\n    },\n  },\n  {\n    src: {\n      uri: SAMPLE_AVATARTOKEN_URIS[4],\n    },\n  },\n  {\n    src: {\n      uri: SAMPLE_AVATARTOKEN_URIS[5],\n    },\n  },\n  {\n    src: {\n      uri: SAMPLE_AVATARTOKEN_URIS[6],\n    },\n  },\n];\n"]}
+{"version":3,"file":"AvatarGroup.constants.js","sourceRoot":"","sources":["../../../src/components/AvatarGroup/AvatarGroup.constants.ts"],"names":[],"mappings":";;;AAAA,uCAA8C;AAC9C,kCAAsC;AAEtC,WAAW;AACE,QAAA,+CAA+C,GAGxD;IACF,CAAC,uBAAe,CAAC,EAAE,CAAC,EAAE,YAAY;IAClC,CAAC,uBAAe,CAAC,EAAE,CAAC,EAAE,aAAa;IACnC,CAAC,uBAAe,CAAC,EAAE,CAAC,EAAE,aAAa;IACnC,CAAC,uBAAe,CAAC,EAAE,CAAC,EAAE,aAAa;IACnC,CAAC,uBAAe,CAAC,EAAE,CAAC,EAAE,aAAa;CACpC,CAAC;AAEW,QAAA,6CAA6C,GAGtD;IACF,CAAC,uBAAe,CAAC,EAAE,CAAC,EAAE,kBAAW,CAAC,MAAM;IACxC,CAAC,uBAAe,CAAC,EAAE,CAAC,EAAE,kBAAW,CAAC,MAAM;IACxC,CAAC,uBAAe,CAAC,EAAE,CAAC,EAAE,kBAAW,CAAC,MAAM;IACxC,CAAC,uBAAe,CAAC,EAAE,CAAC,EAAE,kBAAW,CAAC,SAAS;IAC3C,CAAC,uBAAe,CAAC,EAAE,CAAC,EAAE,kBAAW,CAAC,SAAS;CAC5C,CAAC","sourcesContent":["import { AvatarGroupSize } from '../../types';\nimport { TextVariant } from '../Text';\n\n// Mappings\nexport const TWCLASSMAP_AVATARGROUP_SIZE_SPACEBETWEENAVATARS: Record<\n  AvatarGroupSize,\n  string\n> = {\n  [AvatarGroupSize.Xs]: 'gap-[-6px]',\n  [AvatarGroupSize.Sm]: 'gap-[-10px]',\n  [AvatarGroupSize.Md]: 'gap-[-14px]',\n  [AvatarGroupSize.Lg]: 'gap-[-18px]',\n  [AvatarGroupSize.Xl]: 'gap-[-22px]',\n};\n\nexport const MAP_AVATARGROUP_SIZE_OVERFLOWTEXT_TEXTVARIANT: Record<\n  AvatarGroupSize,\n  TextVariant\n> = {\n  [AvatarGroupSize.Xs]: TextVariant.BodyXs,\n  [AvatarGroupSize.Sm]: TextVariant.BodySm,\n  [AvatarGroupSize.Md]: TextVariant.BodyMd,\n  [AvatarGroupSize.Lg]: TextVariant.HeadingMd,\n  [AvatarGroupSize.Xl]: TextVariant.HeadingMd,\n};\n"]}

package/dist/components/AvatarGroup/AvatarGroup.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import { AvatarGroupProps } from './AvatarGroup.types';
-declare const AvatarGroup: ({ variant, avatarPropsArr, size, max, isReverse, style, twClassName, ...props }: AvatarGroupProps) => React.JSX.Element;
-export default AvatarGroup;
+import type { AvatarGroupProps } from './AvatarGroup.types';
+export declare const AvatarGroup: ({ variant, avatarPropsArr, size, max, isReverse, overflowTextProps, style, twClassName, ...props }: AvatarGroupProps) => React.JSX.Element;
 //# sourceMappingURL=AvatarGroup.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarGroup/AvatarGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAWpD,OAAO,EAAE,gBAAgB,EAAsB,MAAM,qBAAqB,CAAC;AAM3E,QAAA,MAAM,WAAW,oFASd,gBAAgB,sBAyFlB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarGroup/AvatarGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAmB3C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,eAAO,MAAM,WAAW,uGAUrB,gBAAgB,sBAiFlB,CAAC"}

package/dist/components/AvatarGroup/AvatarGroup.js

@@ -22,59 +22,50 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.AvatarGroup = void 0;
+const design_system_twrnc_preset_1 = require("@metamask-previews/design-system-twrnc-preset");
 const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native");
-const design_system_twrnc_preset_1 = require("@metamask-previews/design-system-twrnc-preset");
-const enums_1 = require("../../shared/enums");
-const AvatarAccount_1 = __importDefault(require("../AvatarAccount"));
-const AvatarFavicon_1 = __importDefault(require("../AvatarFavicon"));
-const AvatarNetwork_1 = __importDefault(require("../AvatarNetwork"));
-const AvatarToken_1 = __importDefault(require("../AvatarToken"));
-const Text_1 = __importStar(require("../Text"));
+const types_1 = require("../../types");
+const AvatarAccount_1 = require("../AvatarAccount");
+const AvatarBase_1 = require("../AvatarBase");
+const AvatarFavicon_1 = require("../AvatarFavicon");
+const AvatarNetwork_1 = require("../AvatarNetwork");
+const AvatarToken_1 = require("../AvatarToken");
+const Text_1 = require("../Text");
 const AvatarGroup_constants_1 = require("./AvatarGroup.constants");
-const AvatarGroup_types_1 = require("./AvatarGroup.types");
-const AvatarGroup_utilities_1 = require("./AvatarGroup.utilities");
-const AvatarGroup = ({ variant, avatarPropsArr, size = enums_1.AvatarGroupSize.Md, max = 4, isReverse = false, style, twClassName, ...props }) => {
+const AvatarGroup = ({ variant, avatarPropsArr, size = types_1.AvatarGroupSize.Md, max = 4, isReverse = false, overflowTextProps, style, twClassName, ...props }) => {
     const tw = (0, design_system_twrnc_preset_1.useTailwind)();
     const overflowCounter = avatarPropsArr.length - max;
     const shouldRenderOverflowCounter = overflowCounter > 0;
-    const twContainerClassNames = (0, react_1.useMemo)(() => {
-        return (0, AvatarGroup_utilities_1.generateAvatarGroupContainerClassNames)({
-            size,
-            isReverse,
-            twClassName,
-        });
-    }, [size, isReverse, twClassName]);
-    const twOverflowTextContainerClassNames = (0, react_1.useMemo)(() => {
-        return (0, AvatarGroup_utilities_1.generateAvatarGroupOverflowTextContainerClassNames)({
-            size,
-            variant,
-        });
-    }, [size, variant]);
+    const twContainerClassNames = `
+    ${isReverse ? 'flex-row-reverse' : 'flex-row'}
+    ${AvatarGroup_constants_1.TWCLASSMAP_AVATARGROUP_SIZE_SPACEBETWEENAVATARS[size]}
+  `;
     const renderAvatarList = (0, react_1.useCallback)(() => avatarPropsArr.slice(0, max).map((avatarProps, index) => {
         switch (variant) {
-            case AvatarGroup_types_1.AvatarGroupVariant.Account:
-                return (<AvatarAccount_1.default key={`avatar-${index}`} {...avatarProps} size={size} testID={`avatar-${variant}`} hasBorder hasSolidBackgroundColor/>);
-            case AvatarGroup_types_1.AvatarGroupVariant.Favicon:
-                return (<AvatarFavicon_1.default key={`avatar-${index}`} {...avatarProps} size={size} testID={`avatar-${variant}`} hasBorder hasSolidBackgroundColor/>);
-            case AvatarGroup_types_1.AvatarGroupVariant.Network:
-                return (<AvatarNetwork_1.default key={`avatar-${index}`} {...avatarProps} size={size} testID={`avatar-${variant}`} hasBorder hasSolidBackgroundColor/>);
-            case AvatarGroup_types_1.AvatarGroupVariant.Token:
-                return (<AvatarToken_1.default key={`avatar-${index}`} {...avatarProps} size={size} testID={`avatar-${variant}`} hasBorder hasSolidBackgroundColor/>);
+            case types_1.AvatarGroupVariant.Account:
+                return (<AvatarAccount_1.AvatarAccount key={`avatar-${index}`} {...avatarProps} size={size} hasBorder/>);
+            case types_1.AvatarGroupVariant.Favicon:
+                return (<AvatarFavicon_1.AvatarFavicon key={`avatar-${index}`} {...avatarProps} size={size} hasBorder/>);
+            case types_1.AvatarGroupVariant.Network:
+                return (<AvatarNetwork_1.AvatarNetwork key={`avatar-${index}`} {...avatarProps} size={size} hasBorder/>);
+            case types_1.AvatarGroupVariant.Token:
+                return (<AvatarToken_1.AvatarToken key={`avatar-${index}`} {...avatarProps} size={size} hasBorder/>);
             default:
-                throw new Error(`Invalid Avatar Variant: ${variant}. Expected one of: ${Object.values(AvatarGroup_types_1.AvatarGroupVariant).join(', ')}`);
+                throw new Error(`Invalid Avatar Variant: ${variant}. Expected one of: ${Object.values(types_1.AvatarGroupVariant).join(', ')}`);
         }
     }), [avatarPropsArr, max, size, tw]);
     return (<react_native_1.View style={[tw `${twContainerClassNames}`, style]} {...props}>
       {renderAvatarList()}
-      {shouldRenderOverflowCounter && (<react_native_1.View style={tw `${twOverflowTextContainerClassNames}`}>
-          <Text_1.default variant={AvatarGroup_constants_1.MAP_AVATARGROUP_SIZE_OVERFLOWTEXT_TEXTVARIANT[size]} color={Text_1.TextColor.PrimaryInverse} testID="avatar-overflow-text">{`+${overflowCounter}`}</Text_1.default>
-        </react_native_1.View>)}
+      {shouldRenderOverflowCounter && (<AvatarBase_1.AvatarBase twClassName="bg-icon-default" hasBorder fallbackText={`+${overflowCounter}`} fallbackTextProps={{
+                variant: AvatarGroup_constants_1.MAP_AVATARGROUP_SIZE_OVERFLOWTEXT_TEXTVARIANT[size],
+                color: Text_1.TextColor.PrimaryInverse,
+            }} size={size} shape={variant === types_1.AvatarGroupVariant.Network
+                ? AvatarBase_1.AvatarBaseShape.Square
+                : AvatarBase_1.AvatarBaseShape.Circle} {...overflowTextProps}/>)}
     </react_native_1.View>);
 };
-exports.default = AvatarGroup;
+exports.AvatarGroup = AvatarGroup;
 //# sourceMappingURL=AvatarGroup.js.map

package/dist/components/AvatarGroup/AvatarGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.js","sourceRoot":"","sources":["../../../src/components/AvatarGroup/AvatarGroup.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback, useMemo } from 'react';\nimport { View } from 'react-native';\nimport { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\n\nimport { AvatarGroupSize } from '../../shared/enums';\nimport AvatarAccount, { AvatarAccountProps } from '../AvatarAccount';\nimport AvatarFavicon, { AvatarFaviconProps } from '../AvatarFavicon';\nimport AvatarNetwork, { AvatarNetworkProps } from '../AvatarNetwork';\nimport AvatarToken, { AvatarTokenProps } from '../AvatarToken';\nimport Text, { TextColor } from '../Text';\nimport { MAP_AVATARGROUP_SIZE_OVERFLOWTEXT_TEXTVARIANT } from './AvatarGroup.constants';\nimport { AvatarGroupProps, AvatarGroupVariant } from './AvatarGroup.types';\nimport {\n  generateAvatarGroupContainerClassNames,\n  generateAvatarGroupOverflowTextContainerClassNames,\n} from './AvatarGroup.utilities';\n\nconst AvatarGroup = ({\n  variant,\n  avatarPropsArr,\n  size = AvatarGroupSize.Md,\n  max = 4,\n  isReverse = false,\n  style,\n  twClassName,\n  ...props\n}: AvatarGroupProps) => {\n  const tw = useTailwind();\n  const overflowCounter = avatarPropsArr.length - max;\n  const shouldRenderOverflowCounter = overflowCounter > 0;\n  const twContainerClassNames = useMemo(() => {\n    return generateAvatarGroupContainerClassNames({\n      size,\n      isReverse,\n      twClassName,\n    });\n  }, [size, isReverse, twClassName]);\n  const twOverflowTextContainerClassNames = useMemo(() => {\n    return generateAvatarGroupOverflowTextContainerClassNames({\n      size,\n      variant,\n    });\n  }, [size, variant]);\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                key={`avatar-${index}`}\n                {...(avatarProps as AvatarAccountProps)}\n                size={size}\n                testID={`avatar-${variant}`}\n                hasBorder\n                hasSolidBackgroundColor\n              />\n            );\n          case AvatarGroupVariant.Favicon:\n            return (\n              <AvatarFavicon\n                key={`avatar-${index}`}\n                {...(avatarProps as AvatarFaviconProps)}\n                size={size}\n                testID={`avatar-${variant}`}\n                hasBorder\n                hasSolidBackgroundColor\n              />\n            );\n          case AvatarGroupVariant.Network:\n            return (\n              <AvatarNetwork\n                key={`avatar-${index}`}\n                {...(avatarProps as AvatarNetworkProps)}\n                size={size}\n                testID={`avatar-${variant}`}\n                hasBorder\n                hasSolidBackgroundColor\n              />\n            );\n          case AvatarGroupVariant.Token:\n            return (\n              <AvatarToken\n                key={`avatar-${index}`}\n                {...(avatarProps as AvatarTokenProps)}\n                size={size}\n                testID={`avatar-${variant}`}\n                hasBorder\n                hasSolidBackgroundColor\n              />\n            );\n          default:\n            throw new Error(\n              `Invalid Avatar Variant: ${variant}. Expected one of: ${Object.values(AvatarGroupVariant).join(', ')}`,\n            );\n        }\n      }),\n    [avatarPropsArr, max, size, tw],\n  );\n\n  return (\n    <View style={[tw`${twContainerClassNames}`, style]} {...props}>\n      {renderAvatarList()}\n      {shouldRenderOverflowCounter && (\n        <View style={tw`${twOverflowTextContainerClassNames}`}>\n          <Text\n            variant={MAP_AVATARGROUP_SIZE_OVERFLOWTEXT_TEXTVARIANT[size]}\n            color={TextColor.PrimaryInverse}\n            testID=\"avatar-overflow-text\"\n          >{`+${overflowCounter}`}</Text>\n        </View>\n      )}\n    </View>\n  );\n};\n\nexport default AvatarGroup;\n"]}
+{"version":3,"file":"AvatarGroup.js","sourceRoot":"","sources":["../../../src/components/AvatarGroup/AvatarGroup.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, { useCallback } from 'react';\nimport { View } from 'react-native';\n\nimport { AvatarGroupSize, AvatarGroupVariant } from '../../types';\nimport type { AvatarAccountProps } from '../AvatarAccount';\nimport { AvatarAccount } from '../AvatarAccount';\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 { Text, TextColor } from '../Text';\n\nimport {\n  MAP_AVATARGROUP_SIZE_OVERFLOWTEXT_TEXTVARIANT,\n  TWCLASSMAP_AVATARGROUP_SIZE_SPACEBETWEENAVATARS,\n} from './AvatarGroup.constants';\nimport type { AvatarGroupProps } from './AvatarGroup.types';\n\nexport const AvatarGroup = ({\n  variant,\n  avatarPropsArr,\n  size = AvatarGroupSize.Md,\n  max = 4,\n  isReverse = false,\n  overflowTextProps,\n  style,\n  twClassName,\n  ...props\n}: AvatarGroupProps) => {\n  const tw = useTailwind();\n  const overflowCounter = avatarPropsArr.length - max;\n  const shouldRenderOverflowCounter = overflowCounter > 0;\n  const twContainerClassNames = `\n    ${isReverse ? 'flex-row-reverse' : 'flex-row'}\n    ${TWCLASSMAP_AVATARGROUP_SIZE_SPACEBETWEENAVATARS[size]}\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                key={`avatar-${index}`}\n                {...(avatarProps as AvatarAccountProps)}\n                size={size}\n                hasBorder\n              />\n            );\n          case AvatarGroupVariant.Favicon:\n            return (\n              <AvatarFavicon\n                key={`avatar-${index}`}\n                {...(avatarProps as AvatarFaviconProps)}\n                size={size}\n                hasBorder\n              />\n            );\n          case AvatarGroupVariant.Network:\n            return (\n              <AvatarNetwork\n                key={`avatar-${index}`}\n                {...(avatarProps as AvatarNetworkProps)}\n                size={size}\n                hasBorder\n              />\n            );\n          case AvatarGroupVariant.Token:\n            return (\n              <AvatarToken\n                key={`avatar-${index}`}\n                {...(avatarProps as AvatarTokenProps)}\n                size={size}\n                hasBorder\n              />\n            );\n          default:\n            throw new Error(\n              `Invalid Avatar Variant: ${variant}. Expected one of: ${Object.values(AvatarGroupVariant).join(', ')}`,\n            );\n        }\n      }),\n    [avatarPropsArr, max, size, tw],\n  );\n\n  return (\n    <View style={[tw`${twContainerClassNames}`, style]} {...props}>\n      {renderAvatarList()}\n      {shouldRenderOverflowCounter && (\n        <AvatarBase\n          twClassName=\"bg-icon-default\"\n          hasBorder\n          fallbackText={`+${overflowCounter}`}\n          fallbackTextProps={{\n            variant: MAP_AVATARGROUP_SIZE_OVERFLOWTEXT_TEXTVARIANT[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    </View>\n  );\n};\n"]}

package/dist/components/AvatarGroup/AvatarGroup.types.d.ts

@@ -1,27 +1,21 @@
-import { ViewProps } from 'react-native';
-import { AvatarGroupSize } from '../../shared/enums';
-import { AvatarAccountProps } from '../AvatarAccount';
-import { AvatarFaviconProps } from '../AvatarFavicon';
-import { AvatarNetworkProps } from '../AvatarNetwork';
-import { AvatarTokenProps } from '../AvatarToken';
-/**
- * AvatarGroup variants.
- */
-export declare enum AvatarGroupVariant {
-    Account = "Account",
-    Favicon = "Favicon",
-    Network = "Network",
-    Token = "Token"
-}
+import type { ViewProps } from 'react-native';
+import type { AvatarGroupSize, AvatarGroupVariant } from '../../types';
+import type { AvatarAccountProps } from '../AvatarAccount';
+import type { AvatarBaseProps } from '../AvatarBase';
+import type { AvatarFaviconProps } from '../AvatarFavicon';
+import type { AvatarNetworkProps } from '../AvatarNetwork';
+import type { AvatarTokenProps } from '../AvatarToken';
 type BaseAvatarGroupProps = {
     /**
      * Optional enum to select between Avatar Group sizes.
+     *
      * @default AvatarGroupSize.Md
      */
     size?: AvatarGroupSize;
     /**
      * Optional enum to select max number of Avatars visible,
      * before the overflow counter being displayed
+     *
      * @default 4
      */
     max?: number;
@@ -29,6 +23,10 @@ type BaseAvatarGroupProps = {
      * Optional prop to reverse the direction of the AvatarGroup
      */
     isReverse?: boolean;
+    /**
+     * Optional prop to pass additional AvatarBase props to the overflow Text element
+     */
+    overflowTextProps?: AvatarBaseProps;
     /**
      * Optional prop to add twrnc overriding classNames.
      */

package/dist/components/AvatarGroup/AvatarGroup.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.types.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarGroup/AvatarGroup.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElD;;GAEG;AACH,oBAAY,kBAAkB;IAC5B,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;CAChB;AAED,KAAK,oBAAoB,GAAG;IAC1B;;;OAGG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,SAAS,CAAC;AAEd;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GACjD,CACI;IACE,OAAO,EAAE,kBAAkB,CAAC,OAAO,CAAC;IACpC;;;OAGG;IACH,cAAc,EAAE,kBAAkB,EAAE,CAAC;CACtC,GACD;IACE,OAAO,EAAE,kBAAkB,CAAC,OAAO,CAAC;IACpC;;;OAGG;IACH,cAAc,EAAE,kBAAkB,EAAE,CAAC;CACtC,GACD;IACE,OAAO,EAAE,kBAAkB,CAAC,OAAO,CAAC;IACpC;;;OAGG;IACH,cAAc,EAAE,kBAAkB,EAAE,CAAC;CACtC,GACD;IACE,OAAO,EAAE,kBAAkB,CAAC,KAAK,CAAC;IAClC;;;OAGG;IACH,cAAc,EAAE,gBAAgB,EAAE,CAAC;CACpC,CACJ,CAAC"}
+{"version":3,"file":"AvatarGroup.types.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarGroup/AvatarGroup.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACvE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,KAAK,oBAAoB,GAAG;IAC1B;;;;OAIG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;;;OAKG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,iBAAiB,CAAC,EAAE,eAAe,CAAC;IACpC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,SAAS,CAAC;AAEd;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GACjD,CACI;IACE,OAAO,EAAE,kBAAkB,CAAC,OAAO,CAAC;IACpC;;;OAGG;IACH,cAAc,EAAE,kBAAkB,EAAE,CAAC;CACtC,GACD;IACE,OAAO,EAAE,kBAAkB,CAAC,OAAO,CAAC;IACpC;;;OAGG;IACH,cAAc,EAAE,kBAAkB,EAAE,CAAC;CACtC,GACD;IACE,OAAO,EAAE,kBAAkB,CAAC,OAAO,CAAC;IACpC;;;OAGG;IACH,cAAc,EAAE,kBAAkB,EAAE,CAAC;CACtC,GACD;IACE,OAAO,EAAE,kBAAkB,CAAC,KAAK,CAAC;IAClC;;;OAGG;IACH,cAAc,EAAE,gBAAgB,EAAE,CAAC;CACpC,CACJ,CAAC"}

package/dist/components/AvatarGroup/AvatarGroup.types.js

@@ -1,14 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AvatarGroupVariant = void 0;
-/**
- * AvatarGroup variants.
- */
-var AvatarGroupVariant;
-(function (AvatarGroupVariant) {
-    AvatarGroupVariant["Account"] = "Account";
-    AvatarGroupVariant["Favicon"] = "Favicon";
-    AvatarGroupVariant["Network"] = "Network";
-    AvatarGroupVariant["Token"] = "Token";
-})(AvatarGroupVariant || (exports.AvatarGroupVariant = AvatarGroupVariant = {}));
 //# sourceMappingURL=AvatarGroup.types.js.map

package/dist/components/AvatarGroup/AvatarGroup.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.types.js","sourceRoot":"","sources":["../../../src/components/AvatarGroup/AvatarGroup.types.ts"],"names":[],"mappings":";;;AAQA;;GAEG;AACH,IAAY,kBAKX;AALD,WAAY,kBAAkB;IAC5B,yCAAmB,CAAA;IACnB,yCAAmB,CAAA;IACnB,yCAAmB,CAAA;IACnB,qCAAe,CAAA;AACjB,CAAC,EALW,kBAAkB,kCAAlB,kBAAkB,QAK7B","sourcesContent":["import { ViewProps } from 'react-native';\n\nimport { AvatarGroupSize } from '../../shared/enums';\nimport { AvatarAccountProps } from '../AvatarAccount';\nimport { AvatarFaviconProps } from '../AvatarFavicon';\nimport { AvatarNetworkProps } from '../AvatarNetwork';\nimport { AvatarTokenProps } from '../AvatarToken';\n\n/**\n * AvatarGroup variants.\n */\nexport enum AvatarGroupVariant {\n  Account = 'Account',\n  Favicon = 'Favicon',\n  Network = 'Network',\n  Token = 'Token',\n}\n\ntype BaseAvatarGroupProps = {\n  /**\n   * Optional enum to select between Avatar Group sizes.\n   * @default AvatarGroupSize.Md\n   */\n  size?: AvatarGroupSize;\n  /**\n   * Optional enum to select max number of Avatars visible,\n   * before the overflow counter being displayed\n   * @default 4\n   */\n  max?: number;\n  /**\n   * Optional prop to reverse the direction of the AvatarGroup\n   */\n  isReverse?: boolean;\n  /**\n   * Optional prop to add twrnc overriding classNames.\n   */\n  twClassName?: string;\n} & ViewProps;\n\n/**\n * AvatarGroup props.\n */\nexport type AvatarGroupProps = BaseAvatarGroupProps &\n  (\n    | {\n        variant: AvatarGroupVariant.Account;\n        /**\n         * A list of Avatars to be horizontally stacked.\n         * Note: AvatarGroupProps's size prop will overwrite each individual avatarProp's size.\n         */\n        avatarPropsArr: AvatarAccountProps[];\n      }\n    | {\n        variant: AvatarGroupVariant.Favicon;\n        /**\n         * A list of Avatars to be horizontally stacked.\n         * Note: AvatarGroupProps's size prop will overwrite each individual avatarProp's size.\n         */\n        avatarPropsArr: AvatarFaviconProps[];\n      }\n    | {\n        variant: AvatarGroupVariant.Network;\n        /**\n         * A list of Avatars to be horizontally stacked.\n         * Note: AvatarGroupProps's size prop will overwrite each individual avatarProp's size.\n         */\n        avatarPropsArr: AvatarNetworkProps[];\n      }\n    | {\n        variant: AvatarGroupVariant.Token;\n        /**\n         * A list of Avatars to be horizontally stacked.\n         * Note: AvatarGroupProps's size prop will overwrite each individual avatarProp's size.\n         */\n        avatarPropsArr: AvatarTokenProps[];\n      }\n  );\n"]}
+{"version":3,"file":"AvatarGroup.types.js","sourceRoot":"","sources":["../../../src/components/AvatarGroup/AvatarGroup.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ViewProps } from 'react-native';\n\nimport type { AvatarGroupSize, AvatarGroupVariant } from '../../types';\nimport type { AvatarAccountProps } from '../AvatarAccount';\nimport type { AvatarBaseProps } from '../AvatarBase';\nimport type { AvatarFaviconProps } from '../AvatarFavicon';\nimport type { AvatarNetworkProps } from '../AvatarNetwork';\nimport type { AvatarTokenProps } from '../AvatarToken';\n\ntype BaseAvatarGroupProps = {\n  /**\n   * Optional enum to select between Avatar Group sizes.\n   *\n   * @default AvatarGroupSize.Md\n   */\n  size?: AvatarGroupSize;\n  /**\n   * Optional enum to select max number of Avatars visible,\n   * before the overflow counter being displayed\n   *\n   * @default 4\n   */\n  max?: number;\n  /**\n   * Optional prop to reverse the direction of the AvatarGroup\n   */\n  isReverse?: boolean;\n  /**\n   * Optional prop to pass additional AvatarBase props to the overflow Text element\n   */\n  overflowTextProps?: AvatarBaseProps;\n  /**\n   * Optional prop to add twrnc overriding classNames.\n   */\n  twClassName?: string;\n} & ViewProps;\n\n/**\n * AvatarGroup props.\n */\nexport type AvatarGroupProps = BaseAvatarGroupProps &\n  (\n    | {\n        variant: AvatarGroupVariant.Account;\n        /**\n         * A list of Avatars to be horizontally stacked.\n         * Note: AvatarGroupProps's size prop will overwrite each individual avatarProp's size.\n         */\n        avatarPropsArr: AvatarAccountProps[];\n      }\n    | {\n        variant: AvatarGroupVariant.Favicon;\n        /**\n         * A list of Avatars to be horizontally stacked.\n         * Note: AvatarGroupProps's size prop will overwrite each individual avatarProp's size.\n         */\n        avatarPropsArr: AvatarFaviconProps[];\n      }\n    | {\n        variant: AvatarGroupVariant.Network;\n        /**\n         * A list of Avatars to be horizontally stacked.\n         * Note: AvatarGroupProps's size prop will overwrite each individual avatarProp's size.\n         */\n        avatarPropsArr: AvatarNetworkProps[];\n      }\n    | {\n        variant: AvatarGroupVariant.Token;\n        /**\n         * A list of Avatars to be horizontally stacked.\n         * Note: AvatarGroupProps's size prop will overwrite each individual avatarProp's size.\n         */\n        avatarPropsArr: AvatarTokenProps[];\n      }\n  );\n"]}

package/dist/components/AvatarGroup/index.d.ts

@@ -1,5 +1,4 @@
-export { default } from './AvatarGroup';
+export { AvatarGroupSize, AvatarGroupVariant } from '../../types';
+export { AvatarGroup } from './AvatarGroup';
 export type { AvatarGroupProps } from './AvatarGroup.types';
-export { AvatarGroupSize } from '../../shared/enums';
-export { AvatarGroupVariant } from './AvatarGroup.types';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/AvatarGroup/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/AvatarGroup/index.js

@@ -1,13 +1,9 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AvatarGroupVariant = exports.AvatarGroupSize = exports.default = void 0;
+exports.AvatarGroup = exports.AvatarGroupVariant = exports.AvatarGroupSize = void 0;
+var types_1 = require("../../types");
+Object.defineProperty(exports, "AvatarGroupSize", { enumerable: true, get: function () { return types_1.AvatarGroupSize; } });
+Object.defineProperty(exports, "AvatarGroupVariant", { enumerable: true, get: function () { return types_1.AvatarGroupVariant; } });
 var AvatarGroup_1 = require("./AvatarGroup");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AvatarGroup_1).default; } });
-var enums_1 = require("../../shared/enums");
-Object.defineProperty(exports, "AvatarGroupSize", { enumerable: true, get: function () { return enums_1.AvatarGroupSize; } });
-var AvatarGroup_types_1 = require("./AvatarGroup.types");
-Object.defineProperty(exports, "AvatarGroupVariant", { enumerable: true, get: function () { return AvatarGroup_types_1.AvatarGroupVariant; } });
+Object.defineProperty(exports, "AvatarGroup", { enumerable: true, get: function () { return AvatarGroup_1.AvatarGroup; } });
 //# sourceMappingURL=index.js.map

package/dist/components/AvatarGroup/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AvatarGroup/index.ts"],"names":[],"mappings":";;;;;;AAAA,6CAAwC;AAA/B,uHAAA,OAAO,OAAA;AAEhB,4CAAqD;AAA5C,wGAAA,eAAe,OAAA;AACxB,yDAAyD;AAAhD,uHAAA,kBAAkB,OAAA","sourcesContent":["export { default } from './AvatarGroup';\nexport type { AvatarGroupProps } from './AvatarGroup.types';\nexport { AvatarGroupSize } from '../../shared/enums';\nexport { AvatarGroupVariant } from './AvatarGroup.types';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AvatarGroup/index.ts"],"names":[],"mappings":";;;AAAA,qCAAkE;AAAzD,wGAAA,eAAe,OAAA;AAAE,2GAAA,kBAAkB,OAAA;AAC5C,6CAA4C;AAAnC,0GAAA,WAAW,OAAA","sourcesContent":["export { AvatarGroupSize, AvatarGroupVariant } from '../../types';\nexport { AvatarGroup } from './AvatarGroup';\nexport type { AvatarGroupProps } from './AvatarGroup.types';\n"]}

package/dist/components/AvatarIcon/AvatarIcon.constants.d.ts

@@ -1,6 +1,5 @@
-import { AvatarIconSeverity } from './AvatarIcon.types';
+import { AvatarIconSize, AvatarIconSeverity } from '../../types';
 import { IconSize, IconColor } from '../Icon';
-import { AvatarIconSize } from '../../shared/enums';
 export declare const TWCLASSMAP_AVATARICON_SEVERITY_BACKGROUNDCOLOR: Record<AvatarIconSeverity, string>;
 export declare const MAP_AVATARICON_SIZE_ICONSIZE: Record<AvatarIconSize, IconSize>;
 export declare const MAP_AVATARICON_SEVERITY_ICONCOLOR: Record<AvatarIconSeverity, IconColor>;

package/dist/components/AvatarIcon/AvatarIcon.constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarIcon.constants.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarIcon/AvatarIcon.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGpD,eAAO,MAAM,8CAA8C,EAAE,MAAM,CACjE,kBAAkB,EAClB,MAAM,CAOP,CAAC;AACF,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,cAAc,EAAE,QAAQ,CAMzE,CAAC;AACF,eAAO,MAAM,iCAAiC,EAAE,MAAM,CACpD,kBAAkB,EAClB,SAAS,CAOV,CAAC"}
+{"version":3,"file":"AvatarIcon.constants.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarIcon/AvatarIcon.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAG9C,eAAO,MAAM,8CAA8C,EAAE,MAAM,CACjE,kBAAkB,EAClB,MAAM,CAOP,CAAC;AACF,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,cAAc,EAAE,QAAQ,CAMzE,CAAC;AACF,eAAO,MAAM,iCAAiC,EAAE,MAAM,CACpD,kBAAkB,EAClB,SAAS,CAOV,CAAC"}

package/dist/components/AvatarIcon/AvatarIcon.constants.js

@@ -1,29 +1,28 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MAP_AVATARICON_SEVERITY_ICONCOLOR = exports.MAP_AVATARICON_SIZE_ICONSIZE = exports.TWCLASSMAP_AVATARICON_SEVERITY_BACKGROUNDCOLOR = void 0;
-const AvatarIcon_types_1 = require("./AvatarIcon.types");
+const types_1 = require("../../types");
 const Icon_1 = require("../Icon");
-const enums_1 = require("../../shared/enums");
 // Mappings
 exports.TWCLASSMAP_AVATARICON_SEVERITY_BACKGROUNDCOLOR = {
-    [AvatarIcon_types_1.AvatarIconSeverity.Default]: 'bg-background-muted',
-    [AvatarIcon_types_1.AvatarIconSeverity.Info]: 'bg-info-muted',
-    [AvatarIcon_types_1.AvatarIconSeverity.Success]: 'bg-success-muted',
-    [AvatarIcon_types_1.AvatarIconSeverity.Error]: 'bg-error-muted',
-    [AvatarIcon_types_1.AvatarIconSeverity.Warning]: 'bg-warning-muted',
+    [types_1.AvatarIconSeverity.Neutral]: 'bg-background-muted',
+    [types_1.AvatarIconSeverity.Info]: 'bg-info-muted',
+    [types_1.AvatarIconSeverity.Success]: 'bg-success-muted',
+    [types_1.AvatarIconSeverity.Error]: 'bg-error-muted',
+    [types_1.AvatarIconSeverity.Warning]: 'bg-warning-muted',
 };
 exports.MAP_AVATARICON_SIZE_ICONSIZE = {
-    [enums_1.AvatarIconSize.Xs]: Icon_1.IconSize.Xs,
-    [enums_1.AvatarIconSize.Sm]: Icon_1.IconSize.Sm,
-    [enums_1.AvatarIconSize.Md]: Icon_1.IconSize.Md,
-    [enums_1.AvatarIconSize.Lg]: Icon_1.IconSize.Lg,
-    [enums_1.AvatarIconSize.Xl]: Icon_1.IconSize.Xl, // 48px avatar -> 32px icon
+    [types_1.AvatarIconSize.Xs]: Icon_1.IconSize.Xs,
+    [types_1.AvatarIconSize.Sm]: Icon_1.IconSize.Sm,
+    [types_1.AvatarIconSize.Md]: Icon_1.IconSize.Md,
+    [types_1.AvatarIconSize.Lg]: Icon_1.IconSize.Lg,
+    [types_1.AvatarIconSize.Xl]: Icon_1.IconSize.Xl, // 48px avatar -> 32px icon
 };
 exports.MAP_AVATARICON_SEVERITY_ICONCOLOR = {
-    [AvatarIcon_types_1.AvatarIconSeverity.Default]: Icon_1.IconColor.IconAlternative,
-    [AvatarIcon_types_1.AvatarIconSeverity.Info]: Icon_1.IconColor.InfoDefault,
-    [AvatarIcon_types_1.AvatarIconSeverity.Success]: Icon_1.IconColor.SuccessDefault,
-    [AvatarIcon_types_1.AvatarIconSeverity.Error]: Icon_1.IconColor.ErrorDefault,
-    [AvatarIcon_types_1.AvatarIconSeverity.Warning]: Icon_1.IconColor.WarningDefault,
+    [types_1.AvatarIconSeverity.Neutral]: Icon_1.IconColor.IconAlternative,
+    [types_1.AvatarIconSeverity.Info]: Icon_1.IconColor.InfoDefault,
+    [types_1.AvatarIconSeverity.Success]: Icon_1.IconColor.SuccessDefault,
+    [types_1.AvatarIconSeverity.Error]: Icon_1.IconColor.ErrorDefault,
+    [types_1.AvatarIconSeverity.Warning]: Icon_1.IconColor.WarningDefault,
 };
 //# sourceMappingURL=AvatarIcon.constants.js.map

package/dist/components/AvatarIcon/AvatarIcon.constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarIcon.constants.js","sourceRoot":"","sources":["../../../src/components/AvatarIcon/AvatarIcon.constants.ts"],"names":[],"mappings":";;;AAAA,yDAAwD;AACxD,kCAA8C;AAC9C,8CAAoD;AAEpD,WAAW;AACE,QAAA,8CAA8C,GAGvD;IACF,CAAC,qCAAkB,CAAC,OAAO,CAAC,EAAE,qBAAqB;IACnD,CAAC,qCAAkB,CAAC,IAAI,CAAC,EAAE,eAAe;IAC1C,CAAC,qCAAkB,CAAC,OAAO,CAAC,EAAE,kBAAkB;IAChD,CAAC,qCAAkB,CAAC,KAAK,CAAC,EAAE,gBAAgB;IAC5C,CAAC,qCAAkB,CAAC,OAAO,CAAC,EAAE,kBAAkB;CACjD,CAAC;AACW,QAAA,4BAA4B,GAAqC;IAC5E,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,eAAQ,CAAC,EAAE;IAChC,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,eAAQ,CAAC,EAAE;IAChC,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,eAAQ,CAAC,EAAE;IAChC,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,eAAQ,CAAC,EAAE;IAChC,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,eAAQ,CAAC,EAAE,EAAE,2BAA2B;CAC9D,CAAC;AACW,QAAA,iCAAiC,GAG1C;IACF,CAAC,qCAAkB,CAAC,OAAO,CAAC,EAAE,gBAAS,CAAC,eAAe;IACvD,CAAC,qCAAkB,CAAC,IAAI,CAAC,EAAE,gBAAS,CAAC,WAAW;IAChD,CAAC,qCAAkB,CAAC,OAAO,CAAC,EAAE,gBAAS,CAAC,cAAc;IACtD,CAAC,qCAAkB,CAAC,KAAK,CAAC,EAAE,gBAAS,CAAC,YAAY;IAClD,CAAC,qCAAkB,CAAC,OAAO,CAAC,EAAE,gBAAS,CAAC,cAAc;CACvD,CAAC","sourcesContent":["import { AvatarIconSeverity } from './AvatarIcon.types';\nimport { IconSize, IconColor } from '../Icon';\nimport { AvatarIconSize } from '../../shared/enums';\n\n// Mappings\nexport const TWCLASSMAP_AVATARICON_SEVERITY_BACKGROUNDCOLOR: Record<\n  AvatarIconSeverity,\n  string\n> = {\n  [AvatarIconSeverity.Default]: 'bg-background-muted',\n  [AvatarIconSeverity.Info]: 'bg-info-muted',\n  [AvatarIconSeverity.Success]: 'bg-success-muted',\n  [AvatarIconSeverity.Error]: 'bg-error-muted',\n  [AvatarIconSeverity.Warning]: 'bg-warning-muted',\n};\nexport const MAP_AVATARICON_SIZE_ICONSIZE: Record<AvatarIconSize, IconSize> = {\n  [AvatarIconSize.Xs]: IconSize.Xs, // 16px avatar -> 12px icon\n  [AvatarIconSize.Sm]: IconSize.Sm, // 24px avatar -> 16px icon\n  [AvatarIconSize.Md]: IconSize.Md, // 32px avatar -> 20px icon\n  [AvatarIconSize.Lg]: IconSize.Lg, // 40px avatar -> 24px icon\n  [AvatarIconSize.Xl]: IconSize.Xl, // 48px avatar -> 32px icon\n};\nexport const MAP_AVATARICON_SEVERITY_ICONCOLOR: Record<\n  AvatarIconSeverity,\n  IconColor\n> = {\n  [AvatarIconSeverity.Default]: IconColor.IconAlternative,\n  [AvatarIconSeverity.Info]: IconColor.InfoDefault,\n  [AvatarIconSeverity.Success]: IconColor.SuccessDefault,\n  [AvatarIconSeverity.Error]: IconColor.ErrorDefault,\n  [AvatarIconSeverity.Warning]: IconColor.WarningDefault,\n};\n"]}
+{"version":3,"file":"AvatarIcon.constants.js","sourceRoot":"","sources":["../../../src/components/AvatarIcon/AvatarIcon.constants.ts"],"names":[],"mappings":";;;AAAA,uCAAiE;AACjE,kCAA8C;AAE9C,WAAW;AACE,QAAA,8CAA8C,GAGvD;IACF,CAAC,0BAAkB,CAAC,OAAO,CAAC,EAAE,qBAAqB;IACnD,CAAC,0BAAkB,CAAC,IAAI,CAAC,EAAE,eAAe;IAC1C,CAAC,0BAAkB,CAAC,OAAO,CAAC,EAAE,kBAAkB;IAChD,CAAC,0BAAkB,CAAC,KAAK,CAAC,EAAE,gBAAgB;IAC5C,CAAC,0BAAkB,CAAC,OAAO,CAAC,EAAE,kBAAkB;CACjD,CAAC;AACW,QAAA,4BAA4B,GAAqC;IAC5E,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,eAAQ,CAAC,EAAE;IAChC,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,eAAQ,CAAC,EAAE;IAChC,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,eAAQ,CAAC,EAAE;IAChC,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,eAAQ,CAAC,EAAE;IAChC,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,eAAQ,CAAC,EAAE,EAAE,2BAA2B;CAC9D,CAAC;AACW,QAAA,iCAAiC,GAG1C;IACF,CAAC,0BAAkB,CAAC,OAAO,CAAC,EAAE,gBAAS,CAAC,eAAe;IACvD,CAAC,0BAAkB,CAAC,IAAI,CAAC,EAAE,gBAAS,CAAC,WAAW;IAChD,CAAC,0BAAkB,CAAC,OAAO,CAAC,EAAE,gBAAS,CAAC,cAAc;IACtD,CAAC,0BAAkB,CAAC,KAAK,CAAC,EAAE,gBAAS,CAAC,YAAY;IAClD,CAAC,0BAAkB,CAAC,OAAO,CAAC,EAAE,gBAAS,CAAC,cAAc;CACvD,CAAC","sourcesContent":["import { AvatarIconSize, AvatarIconSeverity } from '../../types';\nimport { IconSize, IconColor } from '../Icon';\n\n// Mappings\nexport const TWCLASSMAP_AVATARICON_SEVERITY_BACKGROUNDCOLOR: Record<\n  AvatarIconSeverity,\n  string\n> = {\n  [AvatarIconSeverity.Neutral]: 'bg-background-muted',\n  [AvatarIconSeverity.Info]: 'bg-info-muted',\n  [AvatarIconSeverity.Success]: 'bg-success-muted',\n  [AvatarIconSeverity.Error]: 'bg-error-muted',\n  [AvatarIconSeverity.Warning]: 'bg-warning-muted',\n};\nexport const MAP_AVATARICON_SIZE_ICONSIZE: Record<AvatarIconSize, IconSize> = {\n  [AvatarIconSize.Xs]: IconSize.Xs, // 16px avatar -> 12px icon\n  [AvatarIconSize.Sm]: IconSize.Sm, // 24px avatar -> 16px icon\n  [AvatarIconSize.Md]: IconSize.Md, // 32px avatar -> 20px icon\n  [AvatarIconSize.Lg]: IconSize.Lg, // 40px avatar -> 24px icon\n  [AvatarIconSize.Xl]: IconSize.Xl, // 48px avatar -> 32px icon\n};\nexport const MAP_AVATARICON_SEVERITY_ICONCOLOR: Record<\n  AvatarIconSeverity,\n  IconColor\n> = {\n  [AvatarIconSeverity.Neutral]: IconColor.IconAlternative,\n  [AvatarIconSeverity.Info]: IconColor.InfoDefault,\n  [AvatarIconSeverity.Success]: IconColor.SuccessDefault,\n  [AvatarIconSeverity.Error]: IconColor.ErrorDefault,\n  [AvatarIconSeverity.Warning]: IconColor.WarningDefault,\n};\n"]}

package/dist/components/AvatarIcon/AvatarIcon.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
 import type { AvatarIconProps } from './AvatarIcon.types';
-declare const AvatarIcon: ({ size, shape, severity, iconName, iconProps, twClassName, style, ...props }: AvatarIconProps) => React.JSX.Element;
-export default AvatarIcon;
+export declare const AvatarIcon: ({ size, shape, severity, iconName, iconProps, twClassName, style, ...props }: AvatarIconProps) => React.JSX.Element;
 //# sourceMappingURL=AvatarIcon.d.ts.map

package/dist/components/AvatarIcon/AvatarIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarIcon.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarIcon/AvatarIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAQvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAK1D,QAAA,MAAM,UAAU,iFASb,eAAe,sBAyBjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"AvatarIcon.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarIcon/AvatarIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,eAAO,MAAM,UAAU,iFASpB,eAAe,sBAuBjB,CAAC"}