@metamask-previews/design-system-react-native 0.0.0-preview.e1b50dd → 0.0.0-preview.e6fc4b7

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

@@ -1,4 +1,2 @@
-import type { AvatarAccountProps } from './AvatarAccount.types';
-export declare const DEFAULT_AVATARACCOUNT_PROPS: Required<Pick<AvatarAccountProps, 'size' | 'shape' | 'variant'>>;
 export declare const SAMPLE_AVATARACCOUNT_ADDRESSES: string[];
 //# sourceMappingURL=AvatarAccount.constants.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarAccount.constants.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAKhE,eAAO,MAAM,2BAA2B,EAAE,QAAQ,CAChD,IAAI,CAAC,kBAAkB,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC,CAKvD,CAAC;AAGF,eAAO,MAAM,8BAA8B,UAa1C,CAAC"}
+{"version":3,"file":"AvatarAccount.constants.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.constants.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,8BAA8B,UAa1C,CAAC"}

package/dist/components/AvatarAccount/AvatarAccount.constants.js

@@ -1,14 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SAMPLE_AVATARACCOUNT_ADDRESSES = exports.DEFAULT_AVATARACCOUNT_PROPS = void 0;
-const AvatarAccount_types_1 = require("./AvatarAccount.types");
-const enums_1 = require("../../shared/enums");
-// Defaults
-exports.DEFAULT_AVATARACCOUNT_PROPS = {
-    size: enums_1.AvatarAccountSize.Md,
-    shape: enums_1.AvatarBaseShape.Circle,
-    variant: AvatarAccount_types_1.AvatarAccountVariant.Jazzicon,
-};
+exports.SAMPLE_AVATARACCOUNT_ADDRESSES = void 0;
 // Sample account addresses
 exports.SAMPLE_AVATARACCOUNT_ADDRESSES = [
     '0x9Cbf7c41B7787F6c621115010D3B044029FE2Ce8',

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarAccount.constants.js","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.constants.ts"],"names":[],"mappings":";;;AACA,+DAA6D;AAC7D,8CAAwE;AAExE,WAAW;AACE,QAAA,2BAA2B,GAEpC;IACF,IAAI,EAAE,yBAAiB,CAAC,EAAE;IAC1B,KAAK,EAAE,uBAAe,CAAC,MAAM;IAC7B,OAAO,EAAE,0CAAoB,CAAC,QAAQ;CACvC,CAAC;AAEF,2BAA2B;AACd,QAAA,8BAA8B,GAAG;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;CAC7C,CAAC","sourcesContent":["import type { AvatarAccountProps } from './AvatarAccount.types';\nimport { AvatarAccountVariant } from './AvatarAccount.types';\nimport { AvatarAccountSize, AvatarBaseShape } from '../../shared/enums';\n\n// Defaults\nexport const DEFAULT_AVATARACCOUNT_PROPS: Required<\n  Pick<AvatarAccountProps, 'size' | 'shape' | 'variant'>\n> = {\n  size: AvatarAccountSize.Md,\n  shape: AvatarBaseShape.Circle,\n  variant: AvatarAccountVariant.Jazzicon,\n};\n\n// Sample account addresses\nexport const SAMPLE_AVATARACCOUNT_ADDRESSES = [\n  '0x9Cbf7c41B7787F6c621115010D3B044029FE2Ce8',\n  '0xb9b81f6bd23B953c5257C3b5E2F0c03B07E944eB',\n  '0x360507dfEC4Bf0c03495f91154A78C672599F308',\n  '0x50cA820Ff810F7687E7d0aDb23A830e3ac6032C3',\n  '0x840C9Eb73729E626673714D6E4dA8afc8Ccc90d3',\n  '0xCA0361BE89B7d47a6233d1875F0727ddeAB23377',\n  '0xD78CBcA88eCd65c6128511e46a518CDc6c66fC74',\n  '0xCFc8b1d1031ef2ecce3a98d5D79ce4D75Edb06bA',\n  '0xDe53fa2E659b6134991bB56F64B691990e5C44E7',\n  '0x8AceA3A9748294d1B5C25a08EFE37b756AafDFdd',\n  '0xEC5CE72f2e18B0017C88F7B12d3308119C5Cf129',\n  '0xeC56Da21c90Af6b50E4Ba5ec252bD97e735290fc',\n];\n"]}
+{"version":3,"file":"AvatarAccount.constants.js","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.constants.ts"],"names":[],"mappings":";;;AAAA,2BAA2B;AACd,QAAA,8BAA8B,GAAG;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;CAC7C,CAAC","sourcesContent":["// Sample account addresses\nexport const SAMPLE_AVATARACCOUNT_ADDRESSES = [\n  '0x9Cbf7c41B7787F6c621115010D3B044029FE2Ce8',\n  '0xb9b81f6bd23B953c5257C3b5E2F0c03B07E944eB',\n  '0x360507dfEC4Bf0c03495f91154A78C672599F308',\n  '0x50cA820Ff810F7687E7d0aDb23A830e3ac6032C3',\n  '0x840C9Eb73729E626673714D6E4dA8afc8Ccc90d3',\n  '0xCA0361BE89B7d47a6233d1875F0727ddeAB23377',\n  '0xD78CBcA88eCd65c6128511e46a518CDc6c66fC74',\n  '0xCFc8b1d1031ef2ecce3a98d5D79ce4D75Edb06bA',\n  '0xDe53fa2E659b6134991bB56F64B691990e5C44E7',\n  '0x8AceA3A9748294d1B5C25a08EFE37b756AafDFdd',\n  '0xEC5CE72f2e18B0017C88F7B12d3308119C5Cf129',\n  '0xeC56Da21c90Af6b50E4Ba5ec252bD97e735290fc',\n];\n"]}

package/dist/components/AvatarAccount/AvatarAccount.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 /* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
 const react_1 = __importDefault(require("react"));
 const AvatarBase_1 = __importDefault(require("../../primitives/AvatarBase"));
+const enums_1 = require("../../shared/enums");
 const Jazzicon_1 = __importDefault(require("../../primitives/Jazzicon"));
 const Blockies_1 = __importDefault(require("../../primitives/Blockies"));
-const AvatarAccount_constants_1 = require("./AvatarAccount.constants");
 const AvatarAccount_types_1 = require("./AvatarAccount.types");
-const AvatarAccount = ({ address, variant = AvatarAccount_constants_1.DEFAULT_AVATARACCOUNT_PROPS.variant, size = AvatarAccount_constants_1.DEFAULT_AVATARACCOUNT_PROPS.size, shape = AvatarAccount_constants_1.DEFAULT_AVATARACCOUNT_PROPS.shape, ...props }) => {
+const AvatarAccount = ({ address, variant = AvatarAccount_types_1.AvatarAccountVariant.Jazzicon, size = enums_1.AvatarAccountSize.Md, shape = enums_1.AvatarBaseShape.Circle, ...props }) => {
     let AvatarArtComponent;
     switch (variant) {
         case AvatarAccount_types_1.AvatarAccountVariant.Blockies:

package/dist/components/AvatarAccount/AvatarAccount.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarAccount.js","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.tsx"],"names":[],"mappings":";;;;;AAAA,iEAAiE;AACjE,kDAA0B;AAE1B,6EAAqD;AACrD,yEAAiD;AACjD,yEAAiD;AACjD,uEAAwE;AAExE,+DAA6D;AAE7D,MAAM,aAAa,GAAG,CAAC,EACrB,OAAO,EACP,OAAO,GAAG,qDAA2B,CAAC,OAAO,EAC7C,IAAI,GAAG,qDAA2B,CAAC,IAAI,EACvC,KAAK,GAAG,qDAA2B,CAAC,KAAK,EACzC,GAAG,KAAK,EACW,EAAE,EAAE;IACvB,IAAI,kBAAkB,CAAC;IAEvB,QAAQ,OAAO,EAAE;QACf,KAAK,0CAAoB,CAAC,QAAQ;YAChC,kBAAkB,GAAG,CACnB,CAAC,kBAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,EAAG,CACrE,CAAC;YACF,MAAM;QACR,KAAK,0CAAoB,CAAC,QAAQ,CAAC;QACnC;YACE,kBAAkB,GAAG,CACnB,CAAC,kBAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,EAAG,CACrE,CAAC;YACF,MAAM;KACT;IAED,OAAO,CACL,CAAC,oBAAU,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,CACxE;MAAA,CAAC,kBAAkB,CACrB;IAAA,EAAE,oBAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC","sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport React from 'react';\n\nimport AvatarBase from '../../primitives/AvatarBase';\nimport Jazzicon from '../../primitives/Jazzicon';\nimport Blockies from '../../primitives/Blockies';\nimport { DEFAULT_AVATARACCOUNT_PROPS } from './AvatarAccount.constants';\nimport type { AvatarAccountProps } from './AvatarAccount.types';\nimport { AvatarAccountVariant } from './AvatarAccount.types';\n\nconst AvatarAccount = ({\n  address,\n  variant = DEFAULT_AVATARACCOUNT_PROPS.variant,\n  size = DEFAULT_AVATARACCOUNT_PROPS.size,\n  shape = DEFAULT_AVATARACCOUNT_PROPS.shape,\n  ...props\n}: AvatarAccountProps) => {\n  let AvatarArtComponent;\n\n  switch (variant) {\n    case AvatarAccountVariant.Blockies:\n      AvatarArtComponent = (\n        <Blockies address={address} size={Number(size)} testID=\"blockies\" />\n      );\n      break;\n    case AvatarAccountVariant.Jazzicon:\n    default:\n      AvatarArtComponent = (\n        <Jazzicon address={address} size={Number(size)} testID=\"jazzicon\" />\n      );\n      break;\n  }\n\n  return (\n    <AvatarBase size={size} shape={shape} accessibilityRole=\"image\" {...props}>\n      {AvatarArtComponent}\n    </AvatarBase>\n  );\n};\n\nexport default AvatarAccount;\n"]}
+{"version":3,"file":"AvatarAccount.js","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.tsx"],"names":[],"mappings":";;;;;AAAA,iEAAiE;AACjE,kDAA0B;AAE1B,6EAAqD;AACrD,8CAAwE;AACxE,yEAAiD;AACjD,yEAAiD;AAEjD,+DAA6D;AAE7D,MAAM,aAAa,GAAG,CAAC,EACrB,OAAO,EACP,OAAO,GAAG,0CAAoB,CAAC,QAAQ,EACvC,IAAI,GAAG,yBAAiB,CAAC,EAAE,EAC3B,KAAK,GAAG,uBAAe,CAAC,MAAM,EAC9B,GAAG,KAAK,EACW,EAAE,EAAE;IACvB,IAAI,kBAAkB,CAAC;IAEvB,QAAQ,OAAO,EAAE;QACf,KAAK,0CAAoB,CAAC,QAAQ;YAChC,kBAAkB,GAAG,CACnB,CAAC,kBAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,EAAG,CACrE,CAAC;YACF,MAAM;QACR,KAAK,0CAAoB,CAAC,QAAQ,CAAC;QACnC;YACE,kBAAkB,GAAG,CACnB,CAAC,kBAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,EAAG,CACrE,CAAC;YACF,MAAM;KACT;IAED,OAAO,CACL,CAAC,oBAAU,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,CACxE;MAAA,CAAC,kBAAkB,CACrB;IAAA,EAAE,oBAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC","sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport React from 'react';\n\nimport AvatarBase from '../../primitives/AvatarBase';\nimport { AvatarAccountSize, AvatarBaseShape } from '../../shared/enums';\nimport Jazzicon from '../../primitives/Jazzicon';\nimport Blockies from '../../primitives/Blockies';\nimport type { AvatarAccountProps } from './AvatarAccount.types';\nimport { AvatarAccountVariant } from './AvatarAccount.types';\n\nconst AvatarAccount = ({\n  address,\n  variant = AvatarAccountVariant.Jazzicon,\n  size = AvatarAccountSize.Md,\n  shape = AvatarBaseShape.Circle,\n  ...props\n}: AvatarAccountProps) => {\n  let AvatarArtComponent;\n\n  switch (variant) {\n    case AvatarAccountVariant.Blockies:\n      AvatarArtComponent = (\n        <Blockies address={address} size={Number(size)} testID=\"blockies\" />\n      );\n      break;\n    case AvatarAccountVariant.Jazzicon:\n    default:\n      AvatarArtComponent = (\n        <Jazzicon address={address} size={Number(size)} testID=\"jazzicon\" />\n      );\n      break;\n  }\n\n  return (\n    <AvatarBase size={size} shape={shape} accessibilityRole=\"image\" {...props}>\n      {AvatarArtComponent}\n    </AvatarBase>\n  );\n};\n\nexport default AvatarAccount;\n"]}

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

@@ -1,4 +1,2 @@
-import type { AvatarFaviconProps } from './AvatarFavicon.types';
-export declare const DEFAULT_AVATARFAVICON_PROPS: Required<Pick<AvatarFaviconProps, 'size' | 'shape' | 'width' | 'height'>>;
 export declare const SAMPLE_AVATARFAVICON_URIS: string[];
 //# sourceMappingURL=AvatarFavicon.constants.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarFavicon.constants.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarFavicon/AvatarFavicon.constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAIhE,eAAO,MAAM,2BAA2B,EAAE,QAAQ,CAChD,IAAI,CAAC,kBAAkB,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC,CAMhE,CAAC;AAGF,eAAO,MAAM,yBAAyB,UAQrC,CAAC"}
+{"version":3,"file":"AvatarFavicon.constants.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarFavicon/AvatarFavicon.constants.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,yBAAyB,UAQrC,CAAC"}

package/dist/components/AvatarFavicon/AvatarFavicon.constants.js

@@ -1,14 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SAMPLE_AVATARFAVICON_URIS = exports.DEFAULT_AVATARFAVICON_PROPS = void 0;
-const enums_1 = require("../../shared/enums");
-// Defaults
-exports.DEFAULT_AVATARFAVICON_PROPS = {
-    size: enums_1.AvatarSize.Md,
-    shape: enums_1.AvatarShape.Circle,
-    width: '100%',
-    height: '100%',
-};
+exports.SAMPLE_AVATARFAVICON_URIS = void 0;
 // Sample Favicon URIs
 exports.SAMPLE_AVATARFAVICON_URIS = [
     'https://metamask.github.io/test-dapp/metamask-fox.svg',

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarFavicon.constants.js","sourceRoot":"","sources":["../../../src/components/AvatarFavicon/AvatarFavicon.constants.ts"],"names":[],"mappings":";;;AACA,8CAA6D;AAE7D,WAAW;AACE,QAAA,2BAA2B,GAEpC;IACF,IAAI,EAAE,kBAAU,CAAC,EAAE;IACnB,KAAK,EAAE,mBAAW,CAAC,MAAM;IACzB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;CACf,CAAC;AAEF,sBAAsB;AACT,QAAA,yBAAyB,GAAG;IACvC,uDAAuD;IACvD,sCAAsC;IACtC,2CAA2C;IAC3C,+CAA+C;IAC/C,+BAA+B;IAC/B,kCAAkC;IAClC,oDAAoD;CACrD,CAAC","sourcesContent":["import type { AvatarFaviconProps } from './AvatarFavicon.types';\nimport { AvatarSize, AvatarShape } from '../../shared/enums';\n\n// Defaults\nexport const DEFAULT_AVATARFAVICON_PROPS: Required<\n  Pick<AvatarFaviconProps, 'size' | 'shape' | 'width' | 'height'>\n> = {\n  size: AvatarSize.Md,\n  shape: AvatarShape.Circle,\n  width: '100%',\n  height: '100%',\n};\n\n// Sample Favicon URIs\nexport const SAMPLE_AVATARFAVICON_URIS = [\n  'https://metamask.github.io/test-dapp/metamask-fox.svg',\n  'https://www.coinbase.com/favicon.ico',\n  'https://www.myetherwallet.com/favicon.ico',\n  'https://www.blockchain.com/static/favicon.ico',\n  'https://trezor.io/favicon.ico',\n  'https://electrum.org/favicon.ico',\n  'https://cryptologos.cc/logos/ethereum-eth-logo.svg',\n];\n"]}
+{"version":3,"file":"AvatarFavicon.constants.js","sourceRoot":"","sources":["../../../src/components/AvatarFavicon/AvatarFavicon.constants.ts"],"names":[],"mappings":";;;AAAA,sBAAsB;AACT,QAAA,yBAAyB,GAAG;IACvC,uDAAuD;IACvD,sCAAsC;IACtC,2CAA2C;IAC3C,+CAA+C;IAC/C,+BAA+B;IAC/B,kCAAkC;IAClC,oDAAoD;CACrD,CAAC","sourcesContent":["// Sample Favicon URIs\nexport const SAMPLE_AVATARFAVICON_URIS = [\n  'https://metamask.github.io/test-dapp/metamask-fox.svg',\n  'https://www.coinbase.com/favicon.ico',\n  'https://www.myetherwallet.com/favicon.ico',\n  'https://www.blockchain.com/static/favicon.ico',\n  'https://trezor.io/favicon.ico',\n  'https://electrum.org/favicon.ico',\n  'https://cryptologos.cc/logos/ethereum-eth-logo.svg',\n];\n"]}

package/dist/components/AvatarFavicon/AvatarFavicon.js

@@ -28,10 +28,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 /* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
 const react_1 = __importStar(require("react"));
+const enums_1 = require("../../shared/enums");
 const AvatarBase_1 = __importDefault(require("../../primitives/AvatarBase"));
 const ImageOrSvg_1 = __importDefault(require("../../primitives/ImageOrSvg"));
-const AvatarFavicon_constants_1 = require("./AvatarFavicon.constants");
-const AvatarFavicon = ({ size, shape = AvatarFavicon_constants_1.DEFAULT_AVATARFAVICON_PROPS.shape, fallbackText, fallbackTextProps, hasBorder, hasSolidBackgroundColor, twClassName, testID, style, width = AvatarFavicon_constants_1.DEFAULT_AVATARFAVICON_PROPS.width, height = AvatarFavicon_constants_1.DEFAULT_AVATARFAVICON_PROPS.height, name, imageProps, onImageError, onSvgError, ...restImageOrSvgProps }) => {
+const AvatarFavicon = ({ size = enums_1.AvatarFaviconSize.Md, shape = enums_1.AvatarBaseShape.Circle, fallbackText, fallbackTextProps, hasBorder, hasSolidBackgroundColor, twClassName, testID, style, width = '100%', height = '100%', name, imageProps, onImageError, onSvgError, ...restImageOrSvgProps }) => {
     const [finalFallbackText, setFallbackText] = (0, react_1.useState)('');
     const backupFallbackText = fallbackText || name?.[0] || '';
     const onImageErrorHandler = (e) => {

package/dist/components/AvatarFavicon/AvatarFavicon.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarFavicon.js","sourceRoot":"","sources":["../../../src/components/AvatarFavicon/AvatarFavicon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iEAAiE;AACjE,+CAAwC;AAGxC,6EAAqD;AACrD,6EAAqD;AACrD,uEAAwE;AAGxE,MAAM,aAAa,GAAG,CAAC,EACrB,IAAI,EACJ,KAAK,GAAG,qDAA2B,CAAC,KAAK,EACzC,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,uBAAuB,EACvB,WAAW,EACX,MAAM,EACN,KAAK,EACL,KAAK,GAAG,qDAA2B,CAAC,KAAK,EACzC,MAAM,GAAG,qDAA2B,CAAC,MAAM,EAC3C,IAAI,EACJ,UAAU,EACV,YAAY,EACZ,UAAU,EACV,GAAG,mBAAmB,EACH,EAAE,EAAE;IACvB,MAAM,CAAC,iBAAiB,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IAElE,MAAM,kBAAkB,GAAG,YAAY,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAC3D,MAAM,mBAAmB,GAAG,CAC1B,CAA4C,EAC5C,EAAE;QACF,eAAe,CAAC,kBAAkB,CAAC,CAAC;QACpC,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,CAAM,EAAE,EAAE;QACnC,eAAe,CAAC,kBAAkB,CAAC,CAAC;QACpC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,oBAAU,CACT,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,YAAY,CAAC,CAAC,iBAAiB,CAAC,CAChC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,uBAAuB,CAAC,CAAC,uBAAuB,CAAC,CACjD,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,KAAK,CAAC,CAEb;MAAA,CAAC,oBAAU,CACT,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,UAAU,CAAC,CAAC;YACV,UAAU,EAAE,SAAS;YACrB,GAAG,UAAU;SACd,CAAC,CACF,YAAY,CAAC,CAAC,mBAAmB,CAAC,CAClC,UAAU,CAAC,CAAC,iBAAiB,CAAC,CAC9B,IAAI,mBAAmB,CAAC,EAE5B;IAAA,EAAE,oBAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC","sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport React, { useState } from 'react';\nimport { ImageErrorEventData, NativeSyntheticEvent } from 'react-native';\n\nimport AvatarBase from '../../primitives/AvatarBase';\nimport ImageOrSvg from '../../primitives/ImageOrSvg';\nimport { DEFAULT_AVATARFAVICON_PROPS } from './AvatarFavicon.constants';\nimport type { AvatarFaviconProps } from './AvatarFavicon.types';\n\nconst AvatarFavicon = ({\n  size,\n  shape = DEFAULT_AVATARFAVICON_PROPS.shape,\n  fallbackText,\n  fallbackTextProps,\n  hasBorder,\n  hasSolidBackgroundColor,\n  twClassName,\n  testID,\n  style,\n  width = DEFAULT_AVATARFAVICON_PROPS.width,\n  height = DEFAULT_AVATARFAVICON_PROPS.height,\n  name,\n  imageProps,\n  onImageError,\n  onSvgError,\n  ...restImageOrSvgProps\n}: AvatarFaviconProps) => {\n  const [finalFallbackText, setFallbackText] = useState<string>('');\n\n  const backupFallbackText = fallbackText || name?.[0] || '';\n  const onImageErrorHandler = (\n    e: NativeSyntheticEvent<ImageErrorEventData>,\n  ) => {\n    setFallbackText(backupFallbackText);\n    onImageError?.(e);\n  };\n\n  const onSvgErrorHandler = (e: any) => {\n    setFallbackText(backupFallbackText);\n    onSvgError?.(e);\n  };\n\n  return (\n    <AvatarBase\n      size={size}\n      shape={shape}\n      fallbackText={finalFallbackText}\n      fallbackTextProps={fallbackTextProps}\n      twClassName={twClassName}\n      hasBorder={hasBorder}\n      hasSolidBackgroundColor={hasSolidBackgroundColor}\n      testID={testID}\n      style={style}\n    >\n      <ImageOrSvg\n        width={width}\n        height={height}\n        imageProps={{\n          resizeMode: 'contain',\n          ...imageProps,\n        }}\n        onImageError={onImageErrorHandler}\n        onSvgError={onSvgErrorHandler}\n        {...restImageOrSvgProps}\n      />\n    </AvatarBase>\n  );\n};\n\nexport default AvatarFavicon;\n"]}
+{"version":3,"file":"AvatarFavicon.js","sourceRoot":"","sources":["../../../src/components/AvatarFavicon/AvatarFavicon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iEAAiE;AACjE,+CAAwC;AAGxC,8CAAwE;AACxE,6EAAqD;AACrD,6EAAqD;AAGrD,MAAM,aAAa,GAAG,CAAC,EACrB,IAAI,GAAG,yBAAiB,CAAC,EAAE,EAC3B,KAAK,GAAG,uBAAe,CAAC,MAAM,EAC9B,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,uBAAuB,EACvB,WAAW,EACX,MAAM,EACN,KAAK,EACL,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,MAAM,EACf,IAAI,EACJ,UAAU,EACV,YAAY,EACZ,UAAU,EACV,GAAG,mBAAmB,EACH,EAAE,EAAE;IACvB,MAAM,CAAC,iBAAiB,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IAElE,MAAM,kBAAkB,GAAG,YAAY,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAC3D,MAAM,mBAAmB,GAAG,CAC1B,CAA4C,EAC5C,EAAE;QACF,eAAe,CAAC,kBAAkB,CAAC,CAAC;QACpC,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,CAAM,EAAE,EAAE;QACnC,eAAe,CAAC,kBAAkB,CAAC,CAAC;QACpC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,oBAAU,CACT,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,YAAY,CAAC,CAAC,iBAAiB,CAAC,CAChC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,uBAAuB,CAAC,CAAC,uBAAuB,CAAC,CACjD,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,KAAK,CAAC,CAEb;MAAA,CAAC,oBAAU,CACT,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,UAAU,CAAC,CAAC;YACV,UAAU,EAAE,SAAS;YACrB,GAAG,UAAU;SACd,CAAC,CACF,YAAY,CAAC,CAAC,mBAAmB,CAAC,CAClC,UAAU,CAAC,CAAC,iBAAiB,CAAC,CAC9B,IAAI,mBAAmB,CAAC,EAE5B;IAAA,EAAE,oBAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC","sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport React, { useState } from 'react';\nimport { ImageErrorEventData, NativeSyntheticEvent } from 'react-native';\n\nimport { AvatarFaviconSize, AvatarBaseShape } from '../../shared/enums';\nimport AvatarBase from '../../primitives/AvatarBase';\nimport ImageOrSvg from '../../primitives/ImageOrSvg';\nimport type { AvatarFaviconProps } from './AvatarFavicon.types';\n\nconst AvatarFavicon = ({\n  size = AvatarFaviconSize.Md,\n  shape = AvatarBaseShape.Circle,\n  fallbackText,\n  fallbackTextProps,\n  hasBorder,\n  hasSolidBackgroundColor,\n  twClassName,\n  testID,\n  style,\n  width = '100%',\n  height = '100%',\n  name,\n  imageProps,\n  onImageError,\n  onSvgError,\n  ...restImageOrSvgProps\n}: AvatarFaviconProps) => {\n  const [finalFallbackText, setFallbackText] = useState<string>('');\n\n  const backupFallbackText = fallbackText || name?.[0] || '';\n  const onImageErrorHandler = (\n    e: NativeSyntheticEvent<ImageErrorEventData>,\n  ) => {\n    setFallbackText(backupFallbackText);\n    onImageError?.(e);\n  };\n\n  const onSvgErrorHandler = (e: any) => {\n    setFallbackText(backupFallbackText);\n    onSvgError?.(e);\n  };\n\n  return (\n    <AvatarBase\n      size={size}\n      shape={shape}\n      fallbackText={finalFallbackText}\n      fallbackTextProps={fallbackTextProps}\n      twClassName={twClassName}\n      hasBorder={hasBorder}\n      hasSolidBackgroundColor={hasSolidBackgroundColor}\n      testID={testID}\n      style={style}\n    >\n      <ImageOrSvg\n        width={width}\n        height={height}\n        imageProps={{\n          resizeMode: 'contain',\n          ...imageProps,\n        }}\n        onImageError={onImageErrorHandler}\n        onSvgError={onSvgErrorHandler}\n        {...restImageOrSvgProps}\n      />\n    </AvatarBase>\n  );\n};\n\nexport default AvatarFavicon;\n"]}

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

@@ -4,10 +4,8 @@ import { AvatarAccountProps } from '../AvatarAccount';
 import { AvatarFaviconProps } from '../AvatarFavicon';
 import { AvatarNetworkProps } from '../AvatarNetwork';
 import { AvatarTokenProps } from '../AvatarToken';
-import type { AvatarGroupProps } from './AvatarGroup.types';
 export declare const MAP_AVATARGROUP_SIZE_SPACEBETWEENAVATARS: Record<AvatarGroupSize, number>;
 export declare const MAP_AVATARGROUP_SIZE_OVERFLOWTEXT_TEXTVARIANT: Record<AvatarGroupSize, TextVariant>;
-export declare const DEFAULT_AVATARGROUP_PROPS: Required<Pick<AvatarGroupProps, 'size' | 'max' | 'isReverse'>>;
 export declare const SAMPLE_AVATARGROUP_AVATARACCOUNTPROPSARR: AvatarAccountProps[];
 export declare const SAMPLE_AVATARGROUP_AVATARFAVICONPROPSARR: AvatarFaviconProps[];
 export declare const SAMPLE_AVATARGROUP_AVATARNETWORKPROPSARR: AvatarNetworkProps[];

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;AAElD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAG5D,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,yBAAyB,EAAE,QAAQ,CAC9C,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,KAAK,GAAG,WAAW,CAAC,CAKrD,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,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"}

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

@@ -1,6 +1,6 @@
 "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.DEFAULT_AVATARGROUP_PROPS = exports.MAP_AVATARGROUP_SIZE_OVERFLOWTEXT_TEXTVARIANT = exports.MAP_AVATARGROUP_SIZE_SPACEBETWEENAVATARS = void 0;
+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");
 const Text_1 = require("../Text");
 const AvatarAccount_1 = require("../AvatarAccount");
@@ -23,12 +23,6 @@ exports.MAP_AVATARGROUP_SIZE_OVERFLOWTEXT_TEXTVARIANT = {
     [enums_1.AvatarGroupSize.Lg]: Text_1.TextVariant.HeadingMd,
     [enums_1.AvatarGroupSize.Xl]: Text_1.TextVariant.HeadingMd,
 };
-// Defaults
-exports.DEFAULT_AVATARGROUP_PROPS = {
-    size: enums_1.AvatarGroupSize.Md,
-    max: 4,
-    isReverse: false,
-};
 // Sample consts
 exports.SAMPLE_AVATARGROUP_AVATARACCOUNTPROPSARR = [
     {

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';\nimport type { AvatarGroupProps } from './AvatarGroup.types';\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// Defaults\nexport const DEFAULT_AVATARGROUP_PROPS: Required<\n  Pick<AvatarGroupProps, 'size' | 'max' | 'isReverse'>\n> = {\n  size: AvatarGroupSize.Md,\n  max: 4,\n  isReverse: false,\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":"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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"]}

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;AAapD,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":"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"}

package/dist/components/AvatarGroup/AvatarGroup.js

@@ -29,6 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 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"));
@@ -37,7 +38,7 @@ const Text_1 = __importStar(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 = AvatarGroup_constants_1.DEFAULT_AVATARGROUP_PROPS.size, max = AvatarGroup_constants_1.DEFAULT_AVATARGROUP_PROPS.max, isReverse = AvatarGroup_constants_1.DEFAULT_AVATARGROUP_PROPS.isReverse, style, twClassName, ...props }) => {
+const AvatarGroup = ({ variant, avatarPropsArr, size = enums_1.AvatarGroupSize.Md, max = 4, isReverse = false, style, twClassName, ...props }) => {
     const tw = (0, design_system_twrnc_preset_1.useTailwind)();
     const overflowCounter = avatarPropsArr.length - max;
     const shouldRenderOverflowCounter = overflowCounter > 0;

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 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 {\n  MAP_AVATARGROUP_SIZE_OVERFLOWTEXT_TEXTVARIANT,\n  DEFAULT_AVATARGROUP_PROPS,\n} 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 = DEFAULT_AVATARGROUP_PROPS.size,\n  max = DEFAULT_AVATARGROUP_PROPS.max,\n  isReverse = DEFAULT_AVATARGROUP_PROPS.isReverse,\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 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"]}

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.utilities.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarGroup/AvatarGroup.utilities.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAO5D;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,sCAAsC,sCAIhD,QAAQ,gBAAgB,CAAC,KAAG,MAK9B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,kDAAkD,uBAG5D,QAAQ,gBAAgB,CAAC,KAAG,MAY9B,CAAC"}
+{"version":3,"file":"AvatarGroup.utilities.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarGroup/AvatarGroup.utilities.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAO5D;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,sCAAsC,sCAIhD,QAAQ,gBAAgB,CAAC,KAAG,MAK9B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,kDAAkD,uBAG5D,QAAQ,gBAAgB,CAAC,KAAG,MAY9B,CAAC"}

package/dist/components/AvatarGroup/AvatarGroup.utilities.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateAvatarGroupOverflowTextContainerClassNames = exports.generateAvatarGroupContainerClassNames = void 0;
 /* eslint-disable jsdoc/check-param-names */
 /* eslint-disable jsdoc/require-param */
+const enums_1 = require("../../shared/enums");
 const AvatarGroup_constants_1 = require("./AvatarGroup.constants");
 const AvatarGroup_types_1 = require("./AvatarGroup.types");
 const AvatarBase_constants_1 = require("../../primitives/AvatarBase/AvatarBase.constants");
@@ -29,7 +30,7 @@ const AvatarBase_constants_1 = require("../../primitives/AvatarBase/AvatarBase.c
  * // Output: "flex-row-reverse gap-[8px] justify-center"
  * ```
  */
-const generateAvatarGroupContainerClassNames = ({ size = AvatarGroup_constants_1.DEFAULT_AVATARGROUP_PROPS.size, isReverse = AvatarGroup_constants_1.DEFAULT_AVATARGROUP_PROPS.isReverse, twClassName = '', }) => {
+const generateAvatarGroupContainerClassNames = ({ size = enums_1.AvatarGroupSize.Md, isReverse = false, twClassName = '', }) => {
     const rowStyle = isReverse ? 'flex-row-reverse' : 'flex-row';
     const gapStyle = `gap-[${AvatarGroup_constants_1.MAP_AVATARGROUP_SIZE_SPACEBETWEENAVATARS[size]}px]`;
     return `${rowStyle} ${gapStyle} ${twClassName}`.trim();
@@ -56,7 +57,7 @@ exports.generateAvatarGroupContainerClassNames = generateAvatarGroupContainerCla
  * // Output: "bg-icon-default items-center justify-center overflow-hidden w-[52px] h-[52px] rounded-md border-background-default border-[2px]"
  * ```
  */
-const generateAvatarGroupOverflowTextContainerClassNames = ({ size = AvatarGroup_constants_1.DEFAULT_AVATARGROUP_PROPS.size, variant, }) => {
+const generateAvatarGroupOverflowTextContainerClassNames = ({ size = enums_1.AvatarGroupSize.Md, variant, }) => {
     const baseStyle = 'bg-icon-default items-center justify-center overflow-hidden';
     const totalSize = Number(size) + AvatarBase_constants_1.MAP_AVATARBASE_SIZE_BORDERWIDTH[size] * 2;
     const sizeStyle = `w-[${totalSize}px] h-[${totalSize}px]`;

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.utilities.js","sourceRoot":"","sources":["../../../src/components/AvatarGroup/AvatarGroup.utilities.ts"],"names":[],"mappings":";;;AAAA,4CAA4C;AAC5C,wCAAwC;AACxC,mEAGiC;AAEjC,2DAAyD;AACzD,2FAG0D;AAE1D;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACI,MAAM,sCAAsC,GAAG,CAAC,EACrD,IAAI,GAAG,iDAAyB,CAAC,IAAI,EACrC,SAAS,GAAG,iDAAyB,CAAC,SAAS,EAC/C,WAAW,GAAG,EAAE,GACU,EAAU,EAAE;IACtC,MAAM,QAAQ,GAAG,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,UAAU,CAAC;IAC7D,MAAM,QAAQ,GAAG,QAAQ,gEAAwC,CAAC,IAAI,CAAC,KAAK,CAAC;IAE7E,OAAO,GAAG,QAAQ,IAAI,QAAQ,IAAI,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC;AACzD,CAAC,CAAC;AATW,QAAA,sCAAsC,0CASjD;AAEF;;;;;;;;;;;;;;;;;;;;GAoBG;AACI,MAAM,kDAAkD,GAAG,CAAC,EACjE,IAAI,GAAG,iDAAyB,CAAC,IAAI,EACrC,OAAO,GACmB,EAAU,EAAE;IACtC,MAAM,SAAS,GACb,6DAA6D,CAAC;IAChE,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,sDAA+B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC3E,MAAM,SAAS,GAAG,MAAM,SAAS,UAAU,SAAS,KAAK,CAAC;IAC1D,MAAM,gBAAgB,GAAG,2BAA2B,CAAC;IACrD,MAAM,gBAAgB,GAAG,WAAW,sDAA+B,CAAC,IAAI,CAAC,KAAK,CAAC;IAC/E,MAAM,iBAAiB,GACrB,OAAO,KAAK,sCAAkB,CAAC,OAAO;QACpC,CAAC,CAAC,uDAAgC,CAAC,IAAI,CAAC;QACxC,CAAC,CAAC,cAAc,CAAC;IACrB,OAAO,GAAG,SAAS,IAAI,SAAS,IAAI,iBAAiB,IAAI,gBAAgB,IAAI,gBAAgB,EAAE,CAAC;AAClG,CAAC,CAAC;AAfW,QAAA,kDAAkD,sDAe7D","sourcesContent":["/* eslint-disable jsdoc/check-param-names */\n/* eslint-disable jsdoc/require-param */\nimport {\n  DEFAULT_AVATARGROUP_PROPS,\n  MAP_AVATARGROUP_SIZE_SPACEBETWEENAVATARS,\n} from './AvatarGroup.constants';\nimport type { AvatarGroupProps } from './AvatarGroup.types';\nimport { AvatarGroupVariant } from './AvatarGroup.types';\nimport {\n  TWCLASSMAP_AVATARBASE_SIZE_SHAPE,\n  MAP_AVATARBASE_SIZE_BORDERWIDTH,\n} from '../../primitives/AvatarBase/AvatarBase.constants';\n\n/**\n * Generates a Tailwind class name string for the container of an avatar group.\n *\n * This function constructs a class name string based on the avatar group's `size`,\n * `isReverse`, and optional additional Tailwind class names.\n *\n * @param size - The size of the avatar group, determining spacing between avatars.\n * @param isReverse - A boolean indicating whether the avatar group should be reversed in order.\n * @param twClassName - Additional Tailwind class names for customization.\n * @returns A string of Tailwind class names representing the avatar group's container styles.\n *\n * Example:\n * ```\n * const classNames = generateAvatarGroupContainerClassNames({\n *   size: 'md',\n *   isReverse: true,\n *   twClassName: 'justify-center',\n * });\n *\n * console.log(classNames);\n * // Output: \"flex-row-reverse gap-[8px] justify-center\"\n * ```\n */\nexport const generateAvatarGroupContainerClassNames = ({\n  size = DEFAULT_AVATARGROUP_PROPS.size,\n  isReverse = DEFAULT_AVATARGROUP_PROPS.isReverse,\n  twClassName = '',\n}: Partial<AvatarGroupProps>): string => {\n  const rowStyle = isReverse ? 'flex-row-reverse' : 'flex-row';\n  const gapStyle = `gap-[${MAP_AVATARGROUP_SIZE_SPACEBETWEENAVATARS[size]}px]`;\n\n  return `${rowStyle} ${gapStyle} ${twClassName}`.trim();\n};\n\n/**\n * Generates a Tailwind class name string for the overflow text container in an avatar group.\n *\n * This function constructs a class name string based on the avatar group's `size`,\n * `variant`, and default styling rules.\n *\n * @param size - The size of the avatar group, determining dimensions and border width.\n * @param variant - The variant of the avatar group, affecting border radius.\n * @returns A string of Tailwind class names representing the avatar group's overflow text container styles.\n *\n * Example:\n * ```\n * const classNames = generateAvatarGroupOverflowTextContainerClassNames({\n *   size: 48,\n *   variant: 'network',\n * });\n *\n * console.log(classNames);\n * // Output: \"bg-icon-default items-center justify-center overflow-hidden w-[52px] h-[52px] rounded-md border-background-default border-[2px]\"\n * ```\n */\nexport const generateAvatarGroupOverflowTextContainerClassNames = ({\n  size = DEFAULT_AVATARGROUP_PROPS.size,\n  variant,\n}: Partial<AvatarGroupProps>): string => {\n  const baseStyle =\n    'bg-icon-default items-center justify-center overflow-hidden';\n  const totalSize = Number(size) + MAP_AVATARBASE_SIZE_BORDERWIDTH[size] * 2;\n  const sizeStyle = `w-[${totalSize}px] h-[${totalSize}px]`;\n  const borderColorStyle = 'border-background-default';\n  const borderWidthStyle = `border-[${MAP_AVATARBASE_SIZE_BORDERWIDTH[size]}px]`;\n  const borderRadiusStyle =\n    variant === AvatarGroupVariant.Network\n      ? TWCLASSMAP_AVATARBASE_SIZE_SHAPE[size]\n      : 'rounded-full';\n  return `${baseStyle} ${sizeStyle} ${borderRadiusStyle} ${borderColorStyle} ${borderWidthStyle}`;\n};\n"]}
+{"version":3,"file":"AvatarGroup.utilities.js","sourceRoot":"","sources":["../../../src/components/AvatarGroup/AvatarGroup.utilities.ts"],"names":[],"mappings":";;;AAAA,4CAA4C;AAC5C,wCAAwC;AACxC,8CAAqD;AACrD,mEAAmF;AAEnF,2DAAyD;AACzD,2FAG0D;AAE1D;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACI,MAAM,sCAAsC,GAAG,CAAC,EACrD,IAAI,GAAG,uBAAe,CAAC,EAAE,EACzB,SAAS,GAAG,KAAK,EACjB,WAAW,GAAG,EAAE,GACU,EAAU,EAAE;IACtC,MAAM,QAAQ,GAAG,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,UAAU,CAAC;IAC7D,MAAM,QAAQ,GAAG,QAAQ,gEAAwC,CAAC,IAAI,CAAC,KAAK,CAAC;IAE7E,OAAO,GAAG,QAAQ,IAAI,QAAQ,IAAI,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC;AACzD,CAAC,CAAC;AATW,QAAA,sCAAsC,0CASjD;AAEF;;;;;;;;;;;;;;;;;;;;GAoBG;AACI,MAAM,kDAAkD,GAAG,CAAC,EACjE,IAAI,GAAG,uBAAe,CAAC,EAAE,EACzB,OAAO,GACmB,EAAU,EAAE;IACtC,MAAM,SAAS,GACb,6DAA6D,CAAC;IAChE,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,sDAA+B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC3E,MAAM,SAAS,GAAG,MAAM,SAAS,UAAU,SAAS,KAAK,CAAC;IAC1D,MAAM,gBAAgB,GAAG,2BAA2B,CAAC;IACrD,MAAM,gBAAgB,GAAG,WAAW,sDAA+B,CAAC,IAAI,CAAC,KAAK,CAAC;IAC/E,MAAM,iBAAiB,GACrB,OAAO,KAAK,sCAAkB,CAAC,OAAO;QACpC,CAAC,CAAC,uDAAgC,CAAC,IAAI,CAAC;QACxC,CAAC,CAAC,cAAc,CAAC;IACrB,OAAO,GAAG,SAAS,IAAI,SAAS,IAAI,iBAAiB,IAAI,gBAAgB,IAAI,gBAAgB,EAAE,CAAC;AAClG,CAAC,CAAC;AAfW,QAAA,kDAAkD,sDAe7D","sourcesContent":["/* eslint-disable jsdoc/check-param-names */\n/* eslint-disable jsdoc/require-param */\nimport { AvatarGroupSize } from '../../shared/enums';\nimport { MAP_AVATARGROUP_SIZE_SPACEBETWEENAVATARS } from './AvatarGroup.constants';\nimport type { AvatarGroupProps } from './AvatarGroup.types';\nimport { AvatarGroupVariant } from './AvatarGroup.types';\nimport {\n  TWCLASSMAP_AVATARBASE_SIZE_SHAPE,\n  MAP_AVATARBASE_SIZE_BORDERWIDTH,\n} from '../../primitives/AvatarBase/AvatarBase.constants';\n\n/**\n * Generates a Tailwind class name string for the container of an avatar group.\n *\n * This function constructs a class name string based on the avatar group's `size`,\n * `isReverse`, and optional additional Tailwind class names.\n *\n * @param size - The size of the avatar group, determining spacing between avatars.\n * @param isReverse - A boolean indicating whether the avatar group should be reversed in order.\n * @param twClassName - Additional Tailwind class names for customization.\n * @returns A string of Tailwind class names representing the avatar group's container styles.\n *\n * Example:\n * ```\n * const classNames = generateAvatarGroupContainerClassNames({\n *   size: 'md',\n *   isReverse: true,\n *   twClassName: 'justify-center',\n * });\n *\n * console.log(classNames);\n * // Output: \"flex-row-reverse gap-[8px] justify-center\"\n * ```\n */\nexport const generateAvatarGroupContainerClassNames = ({\n  size = AvatarGroupSize.Md,\n  isReverse = false,\n  twClassName = '',\n}: Partial<AvatarGroupProps>): string => {\n  const rowStyle = isReverse ? 'flex-row-reverse' : 'flex-row';\n  const gapStyle = `gap-[${MAP_AVATARGROUP_SIZE_SPACEBETWEENAVATARS[size]}px]`;\n\n  return `${rowStyle} ${gapStyle} ${twClassName}`.trim();\n};\n\n/**\n * Generates a Tailwind class name string for the overflow text container in an avatar group.\n *\n * This function constructs a class name string based on the avatar group's `size`,\n * `variant`, and default styling rules.\n *\n * @param size - The size of the avatar group, determining dimensions and border width.\n * @param variant - The variant of the avatar group, affecting border radius.\n * @returns A string of Tailwind class names representing the avatar group's overflow text container styles.\n *\n * Example:\n * ```\n * const classNames = generateAvatarGroupOverflowTextContainerClassNames({\n *   size: 48,\n *   variant: 'network',\n * });\n *\n * console.log(classNames);\n * // Output: \"bg-icon-default items-center justify-center overflow-hidden w-[52px] h-[52px] rounded-md border-background-default border-[2px]\"\n * ```\n */\nexport const generateAvatarGroupOverflowTextContainerClassNames = ({\n  size = AvatarGroupSize.Md,\n  variant,\n}: Partial<AvatarGroupProps>): string => {\n  const baseStyle =\n    'bg-icon-default items-center justify-center overflow-hidden';\n  const totalSize = Number(size) + MAP_AVATARBASE_SIZE_BORDERWIDTH[size] * 2;\n  const sizeStyle = `w-[${totalSize}px] h-[${totalSize}px]`;\n  const borderColorStyle = 'border-background-default';\n  const borderWidthStyle = `border-[${MAP_AVATARBASE_SIZE_BORDERWIDTH[size]}px]`;\n  const borderRadiusStyle =\n    variant === AvatarGroupVariant.Network\n      ? TWCLASSMAP_AVATARBASE_SIZE_SHAPE[size]\n      : 'rounded-full';\n  return `${baseStyle} ${sizeStyle} ${borderRadiusStyle} ${borderColorStyle} ${borderWidthStyle}`;\n};\n"]}

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

@@ -1,9 +1,7 @@
-import type { AvatarIconProps } from './AvatarIcon.types';
 import { AvatarIconSeverity } from './AvatarIcon.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>;
-export declare const DEFAULT_AVATARICON_PROPS: Required<Pick<AvatarIconProps, 'size' | 'shape' | 'severity'>>;
 //# sourceMappingURL=AvatarIcon.constants.d.ts.map

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,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAmB,MAAM,oBAAoB,CAAC;AAGrE,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;AAGF,eAAO,MAAM,wBAAwB,EAAE,QAAQ,CAC7C,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC,CAKrD,CAAC"}
+{"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"}

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_AVATARICON_PROPS = exports.MAP_AVATARICON_SEVERITY_ICONCOLOR = exports.MAP_AVATARICON_SIZE_ICONSIZE = exports.TWCLASSMAP_AVATARICON_SEVERITY_BACKGROUNDCOLOR = void 0;
+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 Icon_1 = require("../Icon");
 const enums_1 = require("../../shared/enums");
@@ -26,10 +26,4 @@ exports.MAP_AVATARICON_SEVERITY_ICONCOLOR = {
     [AvatarIcon_types_1.AvatarIconSeverity.Error]: Icon_1.IconColor.ErrorDefault,
     [AvatarIcon_types_1.AvatarIconSeverity.Warning]: Icon_1.IconColor.WarningDefault,
 };
-// Defaults
-exports.DEFAULT_AVATARICON_PROPS = {
-    size: enums_1.AvatarIconSize.Md,
-    shape: enums_1.AvatarBaseShape.Circle,
-    severity: AvatarIcon_types_1.AvatarIconSeverity.Default,
-};
 //# 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":";;;AACA,yDAAwD;AACxD,kCAA8C;AAC9C,8CAAqE;AAErE,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;AAEF,WAAW;AACE,QAAA,wBAAwB,GAEjC;IACF,IAAI,EAAE,sBAAc,CAAC,EAAE;IACvB,KAAK,EAAE,uBAAe,CAAC,MAAM;IAC7B,QAAQ,EAAE,qCAAkB,CAAC,OAAO;CACrC,CAAC","sourcesContent":["import type { AvatarIconProps } from './AvatarIcon.types';\nimport { AvatarIconSeverity } from './AvatarIcon.types';\nimport { IconSize, IconColor } from '../Icon';\nimport { AvatarIconSize, AvatarBaseShape } 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\n// Defaults\nexport const DEFAULT_AVATARICON_PROPS: Required<\n  Pick<AvatarIconProps, 'size' | 'shape' | 'severity'>\n> = {\n  size: AvatarIconSize.Md,\n  shape: AvatarBaseShape.Circle,\n  severity: AvatarIconSeverity.Default,\n};\n"]}
+{"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"]}

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;AAOvC,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":"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"}

package/dist/components/AvatarIcon/AvatarIcon.js

@@ -29,11 +29,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 /* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
 const design_system_twrnc_preset_1 = require("@metamask-previews/design-system-twrnc-preset");
 const react_1 = __importStar(require("react"));
+const AvatarBase_1 = __importDefault(require("../../primitives/AvatarBase"));
+const enums_1 = require("../../shared/enums");
 const AvatarIcon_constants_1 = require("./AvatarIcon.constants");
 const AvatarIcon_utilities_1 = require("./AvatarIcon.utilities");
 const Icon_1 = __importDefault(require("../Icon"));
-const AvatarBase_1 = __importDefault(require("../../primitives/AvatarBase"));
-const AvatarIcon = ({ size = AvatarIcon_constants_1.DEFAULT_AVATARICON_PROPS.size, shape = AvatarIcon_constants_1.DEFAULT_AVATARICON_PROPS.shape, severity = AvatarIcon_constants_1.DEFAULT_AVATARICON_PROPS.severity, iconName, iconProps, twClassName = '', style, ...props }) => {
+const AvatarIcon_types_1 = require("./AvatarIcon.types");
+const AvatarIcon = ({ size = enums_1.AvatarIconSize.Md, shape = enums_1.AvatarBaseShape.Circle, severity = AvatarIcon_types_1.AvatarIconSeverity.Default, iconName, iconProps, twClassName = '', style, ...props }) => {
     const tw = (0, design_system_twrnc_preset_1.useTailwind)();
     const twContainerClassNames = (0, react_1.useMemo)(() => {
         return (0, AvatarIcon_utilities_1.generateAvatarIconContainerClassNames)({

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarIcon.js","sourceRoot":"","sources":["../../../src/components/AvatarIcon/AvatarIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iEAAiE;AACjE,8FAA4E;AAC5E,+CAAuC;AAEvC,iEAIgC;AAEhC,iEAA+E;AAC/E,mDAA2B;AAC3B,6EAAqD;AAErD,MAAM,UAAU,GAAG,CAAC,EAClB,IAAI,GAAG,+CAAwB,CAAC,IAAI,EACpC,KAAK,GAAG,+CAAwB,CAAC,KAAK,EACtC,QAAQ,GAAG,+CAAwB,CAAC,QAAQ,EAC5C,QAAQ,EACR,SAAS,EACT,WAAW,GAAG,EAAE,EAChB,KAAK,EACL,GAAG,KAAK,EACQ,EAAE,EAAE;IACpB,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IACzB,MAAM,qBAAqB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzC,OAAO,IAAA,4DAAqC,EAAC;YAC3C,QAAQ;YACR,WAAW;SACZ,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAE5B,OAAO,CACL,CAAC,oBAAU,CACT,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA,GAAG,qBAAqB,EAAE,EAAE,KAAK,CAAC,CAAC,CAC7C,iBAAiB,CAAC,OAAO,CACzB,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,cAAI,CACH,IAAI,CAAC,CAAC,QAAQ,CAAC,CACf,IAAI,CAAC,CAAC,mDAA4B,CAAC,IAAI,CAAC,CAAC,CACzC,KAAK,CAAC,CAAC,wDAAiC,CAAC,QAAQ,CAAC,CAAC,CACnD,IAAI,SAAS,CAAC,EAElB;IAAA,EAAE,oBAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC","sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, { useMemo } from 'react';\n\nimport {\n  DEFAULT_AVATARICON_PROPS,\n  MAP_AVATARICON_SIZE_ICONSIZE,\n  MAP_AVATARICON_SEVERITY_ICONCOLOR,\n} from './AvatarIcon.constants';\nimport type { AvatarIconProps } from './AvatarIcon.types';\nimport { generateAvatarIconContainerClassNames } from './AvatarIcon.utilities';\nimport Icon from '../Icon';\nimport AvatarBase from '../../primitives/AvatarBase';\n\nconst AvatarIcon = ({\n  size = DEFAULT_AVATARICON_PROPS.size,\n  shape = DEFAULT_AVATARICON_PROPS.shape,\n  severity = DEFAULT_AVATARICON_PROPS.severity,\n  iconName,\n  iconProps,\n  twClassName = '',\n  style,\n  ...props\n}: AvatarIconProps) => {\n  const tw = useTailwind();\n  const twContainerClassNames = useMemo(() => {\n    return generateAvatarIconContainerClassNames({\n      severity,\n      twClassName,\n    });\n  }, [severity, twClassName]);\n\n  return (\n    <AvatarBase\n      size={size}\n      shape={shape}\n      style={[tw`${twContainerClassNames}`, style]}\n      accessibilityRole=\"image\"\n      {...props}\n    >\n      <Icon\n        name={iconName}\n        size={MAP_AVATARICON_SIZE_ICONSIZE[size]}\n        color={MAP_AVATARICON_SEVERITY_ICONCOLOR[severity]}\n        {...iconProps}\n      />\n    </AvatarBase>\n  );\n};\n\nexport default AvatarIcon;\n"]}
+{"version":3,"file":"AvatarIcon.js","sourceRoot":"","sources":["../../../src/components/AvatarIcon/AvatarIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iEAAiE;AACjE,8FAA4E;AAC5E,+CAAuC;AAEvC,6EAAqD;AACrD,8CAAqE;AACrE,iEAGgC;AAEhC,iEAA+E;AAC/E,mDAA2B;AAC3B,yDAAwD;AAExD,MAAM,UAAU,GAAG,CAAC,EAClB,IAAI,GAAG,sBAAc,CAAC,EAAE,EACxB,KAAK,GAAG,uBAAe,CAAC,MAAM,EAC9B,QAAQ,GAAG,qCAAkB,CAAC,OAAO,EACrC,QAAQ,EACR,SAAS,EACT,WAAW,GAAG,EAAE,EAChB,KAAK,EACL,GAAG,KAAK,EACQ,EAAE,EAAE;IACpB,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IACzB,MAAM,qBAAqB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzC,OAAO,IAAA,4DAAqC,EAAC;YAC3C,QAAQ;YACR,WAAW;SACZ,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAE5B,OAAO,CACL,CAAC,oBAAU,CACT,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA,GAAG,qBAAqB,EAAE,EAAE,KAAK,CAAC,CAAC,CAC7C,iBAAiB,CAAC,OAAO,CACzB,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,cAAI,CACH,IAAI,CAAC,CAAC,QAAQ,CAAC,CACf,IAAI,CAAC,CAAC,mDAA4B,CAAC,IAAI,CAAC,CAAC,CACzC,KAAK,CAAC,CAAC,wDAAiC,CAAC,QAAQ,CAAC,CAAC,CACnD,IAAI,SAAS,CAAC,EAElB;IAAA,EAAE,oBAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC","sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, { useMemo } from 'react';\n\nimport AvatarBase from '../../primitives/AvatarBase';\nimport { AvatarIconSize, AvatarBaseShape } from '../../shared/enums';\nimport {\n  MAP_AVATARICON_SIZE_ICONSIZE,\n  MAP_AVATARICON_SEVERITY_ICONCOLOR,\n} from './AvatarIcon.constants';\nimport type { AvatarIconProps } from './AvatarIcon.types';\nimport { generateAvatarIconContainerClassNames } from './AvatarIcon.utilities';\nimport Icon from '../Icon';\nimport { AvatarIconSeverity } from './AvatarIcon.types';\n\nconst AvatarIcon = ({\n  size = AvatarIconSize.Md,\n  shape = AvatarBaseShape.Circle,\n  severity = AvatarIconSeverity.Default,\n  iconName,\n  iconProps,\n  twClassName = '',\n  style,\n  ...props\n}: AvatarIconProps) => {\n  const tw = useTailwind();\n  const twContainerClassNames = useMemo(() => {\n    return generateAvatarIconContainerClassNames({\n      severity,\n      twClassName,\n    });\n  }, [severity, twClassName]);\n\n  return (\n    <AvatarBase\n      size={size}\n      shape={shape}\n      style={[tw`${twContainerClassNames}`, style]}\n      accessibilityRole=\"image\"\n      {...props}\n    >\n      <Icon\n        name={iconName}\n        size={MAP_AVATARICON_SIZE_ICONSIZE[size]}\n        color={MAP_AVATARICON_SEVERITY_ICONCOLOR[severity]}\n        {...iconProps}\n      />\n    </AvatarBase>\n  );\n};\n\nexport default AvatarIcon;\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarIcon.utilities.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarIcon/AvatarIcon.utilities.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAM1D;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,qCAAqC,+BAG/C,QAAQ,eAAe,CAAC,KAAG,MAE7B,CAAC"}
+{"version":3,"file":"AvatarIcon.utilities.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarIcon/AvatarIcon.utilities.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAI1D;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,qCAAqC,+BAG/C,QAAQ,eAAe,CAAC,KAAG,MAE7B,CAAC"}

package/dist/components/AvatarIcon/AvatarIcon.utilities.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateAvatarIconContainerClassNames = void 0;
+const AvatarIcon_types_1 = require("./AvatarIcon.types");
 const AvatarIcon_constants_1 = require("./AvatarIcon.constants");
 /**
  * Generates a Tailwind class name string for the background color of an avatar icon.
@@ -23,7 +24,7 @@ const AvatarIcon_constants_1 = require("./AvatarIcon.constants");
  * // Output: "bg-error border border-red-500"
  * ```
  */
-const generateAvatarIconContainerClassNames = ({ severity = AvatarIcon_constants_1.DEFAULT_AVATARICON_PROPS.severity, twClassName = '', }) => {
+const generateAvatarIconContainerClassNames = ({ severity = AvatarIcon_types_1.AvatarIconSeverity.Default, twClassName = '', }) => {
     return `${AvatarIcon_constants_1.TWCLASSMAP_AVATARICON_SEVERITY_BACKGROUNDCOLOR[severity]} ${twClassName}`.trim();
 };
 exports.generateAvatarIconContainerClassNames = generateAvatarIconContainerClassNames;

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarIcon.utilities.js","sourceRoot":"","sources":["../../../src/components/AvatarIcon/AvatarIcon.utilities.ts"],"names":[],"mappings":";;;AAGA,iEAGgC;AAEhC;;;;;;;;;;;;;;;;;;;;GAoBG;AACI,MAAM,qCAAqC,GAAG,CAAC,EACpD,QAAQ,GAAG,+CAAwB,CAAC,QAAQ,EAC5C,WAAW,GAAG,EAAE,GACS,EAAU,EAAE;IACrC,OAAO,GAAG,qEAA8C,CAAC,QAAQ,CAAC,IAAI,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC;AAC7F,CAAC,CAAC;AALW,QAAA,qCAAqC,yCAKhD","sourcesContent":["/* eslint-disable jsdoc/check-param-names */\n/* eslint-disable jsdoc/require-param */\nimport type { AvatarIconProps } from './AvatarIcon.types';\nimport {\n  TWCLASSMAP_AVATARICON_SEVERITY_BACKGROUNDCOLOR,\n  DEFAULT_AVATARICON_PROPS,\n} from './AvatarIcon.constants';\n\n/**\n * Generates a Tailwind class name string for the background color of an avatar icon.\n *\n * This function constructs a class name string based on the icon's `severity`\n * and optional additional Tailwind class names.\n *\n * @param severity - The severity level of the avatar icon, affecting background color.\n * @param twClassName - Additional Tailwind class names for customization.\n * @returns A string of Tailwind class names representing the avatar icon's container styles.\n *\n * Example:\n * ```\n * const classNames = generateAvatarIconContainerClassNames({\n *   severity: 'error',\n *   twClassName: 'border border-red-500',\n * });\n *\n * console.log(classNames);\n * // Output: \"bg-error border border-red-500\"\n * ```\n */\nexport const generateAvatarIconContainerClassNames = ({\n  severity = DEFAULT_AVATARICON_PROPS.severity,\n  twClassName = '',\n}: Partial<AvatarIconProps>): string => {\n  return `${TWCLASSMAP_AVATARICON_SEVERITY_BACKGROUNDCOLOR[severity]} ${twClassName}`.trim();\n};\n"]}
+{"version":3,"file":"AvatarIcon.utilities.js","sourceRoot":"","sources":["../../../src/components/AvatarIcon/AvatarIcon.utilities.ts"],"names":[],"mappings":";;;AAGA,yDAAwD;AACxD,iEAAwF;AAExF;;;;;;;;;;;;;;;;;;;;GAoBG;AACI,MAAM,qCAAqC,GAAG,CAAC,EACpD,QAAQ,GAAG,qCAAkB,CAAC,OAAO,EACrC,WAAW,GAAG,EAAE,GACS,EAAU,EAAE;IACrC,OAAO,GAAG,qEAA8C,CAAC,QAAQ,CAAC,IAAI,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC;AAC7F,CAAC,CAAC;AALW,QAAA,qCAAqC,yCAKhD","sourcesContent":["/* eslint-disable jsdoc/check-param-names */\n/* eslint-disable jsdoc/require-param */\nimport type { AvatarIconProps } from './AvatarIcon.types';\nimport { AvatarIconSeverity } from './AvatarIcon.types';\nimport { TWCLASSMAP_AVATARICON_SEVERITY_BACKGROUNDCOLOR } from './AvatarIcon.constants';\n\n/**\n * Generates a Tailwind class name string for the background color of an avatar icon.\n *\n * This function constructs a class name string based on the icon's `severity`\n * and optional additional Tailwind class names.\n *\n * @param severity - The severity level of the avatar icon, affecting background color.\n * @param twClassName - Additional Tailwind class names for customization.\n * @returns A string of Tailwind class names representing the avatar icon's container styles.\n *\n * Example:\n * ```\n * const classNames = generateAvatarIconContainerClassNames({\n *   severity: 'error',\n *   twClassName: 'border border-red-500',\n * });\n *\n * console.log(classNames);\n * // Output: \"bg-error border border-red-500\"\n * ```\n */\nexport const generateAvatarIconContainerClassNames = ({\n  severity = AvatarIconSeverity.Default,\n  twClassName = '',\n}: Partial<AvatarIconProps>): string => {\n  return `${TWCLASSMAP_AVATARICON_SEVERITY_BACKGROUNDCOLOR[severity]} ${twClassName}`.trim();\n};\n"]}

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

@@ -1,4 +1,2 @@
-import type { AvatarNetworkProps } from './AvatarNetwork.types';
-export declare const DEFAULT_AVATARNETWORK_PROPS: Required<Pick<AvatarNetworkProps, 'size' | 'shape' | 'width' | 'height'>>;
 export declare const SAMPLE_AVATARNETWORK_URIS: string[];
 //# sourceMappingURL=AvatarNetwork.constants.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarNetwork.constants.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarNetwork/AvatarNetwork.constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAIhE,eAAO,MAAM,2BAA2B,EAAE,QAAQ,CAChD,IAAI,CAAC,kBAAkB,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC,CAMhE,CAAC;AAGF,eAAO,MAAM,yBAAyB,UAQrC,CAAC"}
+{"version":3,"file":"AvatarNetwork.constants.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarNetwork/AvatarNetwork.constants.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,yBAAyB,UAQrC,CAAC"}

package/dist/components/AvatarNetwork/AvatarNetwork.constants.js

@@ -1,14 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SAMPLE_AVATARNETWORK_URIS = exports.DEFAULT_AVATARNETWORK_PROPS = void 0;
-const enums_1 = require("../../shared/enums");
-// Defaults
-exports.DEFAULT_AVATARNETWORK_PROPS = {
-    size: enums_1.AvatarSize.Md,
-    shape: enums_1.AvatarShape.Square,
-    width: '100%',
-    height: '100%',
-};
+exports.SAMPLE_AVATARNETWORK_URIS = void 0;
 // Sample Network URIs
 exports.SAMPLE_AVATARNETWORK_URIS = [
     'https://cryptologos.cc/logos/cardano-ada-logo.svg',

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarNetwork.constants.js","sourceRoot":"","sources":["../../../src/components/AvatarNetwork/AvatarNetwork.constants.ts"],"names":[],"mappings":";;;AACA,8CAA6D;AAE7D,WAAW;AACE,QAAA,2BAA2B,GAEpC;IACF,IAAI,EAAE,kBAAU,CAAC,EAAE;IACnB,KAAK,EAAE,mBAAW,CAAC,MAAM;IACzB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;CACf,CAAC;AAEF,sBAAsB;AACT,QAAA,yBAAyB,GAAG;IACvC,mDAAmD;IACnD,sDAAsD;IACtD,mDAAmD;IACnD,iDAAiD;IACjD,oDAAoD;IACpD,kDAAkD;IAClD,mDAAmD;CACpD,CAAC","sourcesContent":["import type { AvatarNetworkProps } from './AvatarNetwork.types';\nimport { AvatarSize, AvatarShape } from '../../shared/enums';\n\n// Defaults\nexport const DEFAULT_AVATARNETWORK_PROPS: Required<\n  Pick<AvatarNetworkProps, 'size' | 'shape' | 'width' | 'height'>\n> = {\n  size: AvatarSize.Md,\n  shape: AvatarShape.Square,\n  width: '100%',\n  height: '100%',\n};\n\n// Sample Network URIs\nexport const SAMPLE_AVATARNETWORK_URIS = [\n  'https://cryptologos.cc/logos/cardano-ada-logo.svg',\n  'https://cryptologos.cc/logos/chainlink-link-logo.svg',\n  'https://cryptologos.cc/logos/uniswap-uni-logo.svg',\n  'https://cryptologos.cc/logos/flare-flr-logo.svg',\n  'https://cryptologos.cc/logos/ethereum-eth-logo.svg',\n  'https://cryptologos.cc/logos/solana-sol-logo.svg',\n  'https://cryptologos.cc/logos/tether-usdt-logo.svg',\n];\n"]}
+{"version":3,"file":"AvatarNetwork.constants.js","sourceRoot":"","sources":["../../../src/components/AvatarNetwork/AvatarNetwork.constants.ts"],"names":[],"mappings":";;;AAAA,sBAAsB;AACT,QAAA,yBAAyB,GAAG;IACvC,mDAAmD;IACnD,sDAAsD;IACtD,mDAAmD;IACnD,iDAAiD;IACjD,oDAAoD;IACpD,kDAAkD;IAClD,mDAAmD;CACpD,CAAC","sourcesContent":["// Sample Network URIs\nexport const SAMPLE_AVATARNETWORK_URIS = [\n  'https://cryptologos.cc/logos/cardano-ada-logo.svg',\n  'https://cryptologos.cc/logos/chainlink-link-logo.svg',\n  'https://cryptologos.cc/logos/uniswap-uni-logo.svg',\n  'https://cryptologos.cc/logos/flare-flr-logo.svg',\n  'https://cryptologos.cc/logos/ethereum-eth-logo.svg',\n  'https://cryptologos.cc/logos/solana-sol-logo.svg',\n  'https://cryptologos.cc/logos/tether-usdt-logo.svg',\n];\n"]}

package/dist/components/AvatarNetwork/AvatarNetwork.js

@@ -28,10 +28,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 /* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
 const react_1 = __importStar(require("react"));
+const enums_1 = require("../../shared/enums");
 const AvatarBase_1 = __importDefault(require("../../primitives/AvatarBase"));
 const ImageOrSvg_1 = __importDefault(require("../../primitives/ImageOrSvg"));
-const AvatarNetwork_constants_1 = require("./AvatarNetwork.constants");
-const AvatarNetwork = ({ size, shape = AvatarNetwork_constants_1.DEFAULT_AVATARNETWORK_PROPS.shape, fallbackText, fallbackTextProps, hasBorder, hasSolidBackgroundColor, twClassName, testID, style, width = AvatarNetwork_constants_1.DEFAULT_AVATARNETWORK_PROPS.width, height = AvatarNetwork_constants_1.DEFAULT_AVATARNETWORK_PROPS.height, name, imageProps, onImageError, onSvgError, ...restImageOrSvgProps }) => {
+const AvatarNetwork = ({ size, shape = enums_1.AvatarBaseShape.Square, fallbackText, fallbackTextProps, hasBorder, hasSolidBackgroundColor, twClassName, testID, style, width = '100%', height = '100%', name, imageProps, onImageError, onSvgError, ...restImageOrSvgProps }) => {
     const [finalFallbackText, setFallbackText] = (0, react_1.useState)('');
     const backupFallbackText = fallbackText || name?.[0] || '';
     const onImageErrorHandler = (e) => {

package/dist/components/AvatarNetwork/AvatarNetwork.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarNetwork.js","sourceRoot":"","sources":["../../../src/components/AvatarNetwork/AvatarNetwork.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iEAAiE;AACjE,+CAAwC;AAGxC,6EAAqD;AACrD,6EAAqD;AACrD,uEAAwE;AAGxE,MAAM,aAAa,GAAG,CAAC,EACrB,IAAI,EACJ,KAAK,GAAG,qDAA2B,CAAC,KAAK,EACzC,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,uBAAuB,EACvB,WAAW,EACX,MAAM,EACN,KAAK,EACL,KAAK,GAAG,qDAA2B,CAAC,KAAK,EACzC,MAAM,GAAG,qDAA2B,CAAC,MAAM,EAC3C,IAAI,EACJ,UAAU,EACV,YAAY,EACZ,UAAU,EACV,GAAG,mBAAmB,EACH,EAAE,EAAE;IACvB,MAAM,CAAC,iBAAiB,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IAElE,MAAM,kBAAkB,GAAG,YAAY,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAC3D,MAAM,mBAAmB,GAAG,CAC1B,CAA4C,EAC5C,EAAE;QACF,eAAe,CAAC,kBAAkB,CAAC,CAAC;QACpC,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,CAAM,EAAE,EAAE;QACnC,eAAe,CAAC,kBAAkB,CAAC,CAAC;QACpC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,oBAAU,CACT,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,YAAY,CAAC,CAAC,iBAAiB,CAAC,CAChC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,uBAAuB,CAAC,CAAC,uBAAuB,CAAC,CACjD,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,KAAK,CAAC,CAEb;MAAA,CAAC,oBAAU,CACT,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,UAAU,CAAC,CAAC;YACV,UAAU,EAAE,SAAS;YACrB,GAAG,UAAU;SACd,CAAC,CACF,YAAY,CAAC,CAAC,mBAAmB,CAAC,CAClC,UAAU,CAAC,CAAC,iBAAiB,CAAC,CAC9B,IAAI,mBAAmB,CAAC,EAE5B;IAAA,EAAE,oBAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC","sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport React, { useState } from 'react';\nimport { ImageErrorEventData, NativeSyntheticEvent } from 'react-native';\n\nimport AvatarBase from '../../primitives/AvatarBase';\nimport ImageOrSvg from '../../primitives/ImageOrSvg';\nimport { DEFAULT_AVATARNETWORK_PROPS } from './AvatarNetwork.constants';\nimport type { AvatarNetworkProps } from './AvatarNetwork.types';\n\nconst AvatarNetwork = ({\n  size,\n  shape = DEFAULT_AVATARNETWORK_PROPS.shape,\n  fallbackText,\n  fallbackTextProps,\n  hasBorder,\n  hasSolidBackgroundColor,\n  twClassName,\n  testID,\n  style,\n  width = DEFAULT_AVATARNETWORK_PROPS.width,\n  height = DEFAULT_AVATARNETWORK_PROPS.height,\n  name,\n  imageProps,\n  onImageError,\n  onSvgError,\n  ...restImageOrSvgProps\n}: AvatarNetworkProps) => {\n  const [finalFallbackText, setFallbackText] = useState<string>('');\n\n  const backupFallbackText = fallbackText || name?.[0] || '';\n  const onImageErrorHandler = (\n    e: NativeSyntheticEvent<ImageErrorEventData>,\n  ) => {\n    setFallbackText(backupFallbackText);\n    onImageError?.(e);\n  };\n\n  const onSvgErrorHandler = (e: any) => {\n    setFallbackText(backupFallbackText);\n    onSvgError?.(e);\n  };\n\n  return (\n    <AvatarBase\n      size={size}\n      shape={shape}\n      fallbackText={finalFallbackText}\n      fallbackTextProps={fallbackTextProps}\n      hasBorder={hasBorder}\n      hasSolidBackgroundColor={hasSolidBackgroundColor}\n      twClassName={twClassName}\n      testID={testID}\n      style={style}\n    >\n      <ImageOrSvg\n        width={width}\n        height={height}\n        imageProps={{\n          resizeMode: 'contain',\n          ...imageProps,\n        }}\n        onImageError={onImageErrorHandler}\n        onSvgError={onSvgErrorHandler}\n        {...restImageOrSvgProps}\n      />\n    </AvatarBase>\n  );\n};\n\nexport default AvatarNetwork;\n"]}
+{"version":3,"file":"AvatarNetwork.js","sourceRoot":"","sources":["../../../src/components/AvatarNetwork/AvatarNetwork.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iEAAiE;AACjE,+CAAwC;AAGxC,8CAAqD;AACrD,6EAAqD;AACrD,6EAAqD;AAGrD,MAAM,aAAa,GAAG,CAAC,EACrB,IAAI,EACJ,KAAK,GAAG,uBAAe,CAAC,MAAM,EAC9B,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,uBAAuB,EACvB,WAAW,EACX,MAAM,EACN,KAAK,EACL,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,MAAM,EACf,IAAI,EACJ,UAAU,EACV,YAAY,EACZ,UAAU,EACV,GAAG,mBAAmB,EACH,EAAE,EAAE;IACvB,MAAM,CAAC,iBAAiB,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IAElE,MAAM,kBAAkB,GAAG,YAAY,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAC3D,MAAM,mBAAmB,GAAG,CAC1B,CAA4C,EAC5C,EAAE;QACF,eAAe,CAAC,kBAAkB,CAAC,CAAC;QACpC,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,CAAM,EAAE,EAAE;QACnC,eAAe,CAAC,kBAAkB,CAAC,CAAC;QACpC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,oBAAU,CACT,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,YAAY,CAAC,CAAC,iBAAiB,CAAC,CAChC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,uBAAuB,CAAC,CAAC,uBAAuB,CAAC,CACjD,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,KAAK,CAAC,CAEb;MAAA,CAAC,oBAAU,CACT,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,UAAU,CAAC,CAAC;YACV,UAAU,EAAE,SAAS;YACrB,GAAG,UAAU;SACd,CAAC,CACF,YAAY,CAAC,CAAC,mBAAmB,CAAC,CAClC,UAAU,CAAC,CAAC,iBAAiB,CAAC,CAC9B,IAAI,mBAAmB,CAAC,EAE5B;IAAA,EAAE,oBAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC","sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport React, { useState } from 'react';\nimport { ImageErrorEventData, NativeSyntheticEvent } from 'react-native';\n\nimport { AvatarBaseShape } from '../../shared/enums';\nimport AvatarBase from '../../primitives/AvatarBase';\nimport ImageOrSvg from '../../primitives/ImageOrSvg';\nimport type { AvatarNetworkProps } from './AvatarNetwork.types';\n\nconst AvatarNetwork = ({\n  size,\n  shape = AvatarBaseShape.Square,\n  fallbackText,\n  fallbackTextProps,\n  hasBorder,\n  hasSolidBackgroundColor,\n  twClassName,\n  testID,\n  style,\n  width = '100%',\n  height = '100%',\n  name,\n  imageProps,\n  onImageError,\n  onSvgError,\n  ...restImageOrSvgProps\n}: AvatarNetworkProps) => {\n  const [finalFallbackText, setFallbackText] = useState<string>('');\n\n  const backupFallbackText = fallbackText || name?.[0] || '';\n  const onImageErrorHandler = (\n    e: NativeSyntheticEvent<ImageErrorEventData>,\n  ) => {\n    setFallbackText(backupFallbackText);\n    onImageError?.(e);\n  };\n\n  const onSvgErrorHandler = (e: any) => {\n    setFallbackText(backupFallbackText);\n    onSvgError?.(e);\n  };\n\n  return (\n    <AvatarBase\n      size={size}\n      shape={shape}\n      fallbackText={finalFallbackText}\n      fallbackTextProps={fallbackTextProps}\n      hasBorder={hasBorder}\n      hasSolidBackgroundColor={hasSolidBackgroundColor}\n      twClassName={twClassName}\n      testID={testID}\n      style={style}\n    >\n      <ImageOrSvg\n        width={width}\n        height={height}\n        imageProps={{\n          resizeMode: 'contain',\n          ...imageProps,\n        }}\n        onImageError={onImageErrorHandler}\n        onSvgError={onSvgErrorHandler}\n        {...restImageOrSvgProps}\n      />\n    </AvatarBase>\n  );\n};\n\nexport default AvatarNetwork;\n"]}

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

@@ -1,4 +1,2 @@
-import type { AvatarTokenProps } from './AvatarToken.types';
-export declare const DEFAULT_AVATARTOKEN_PROPS: Required<Pick<AvatarTokenProps, 'size' | 'shape' | 'width' | 'height'>>;
 export declare const SAMPLE_AVATARTOKEN_URIS: string[];
 //# sourceMappingURL=AvatarToken.constants.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarToken.constants.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarToken/AvatarToken.constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAI5D,eAAO,MAAM,yBAAyB,EAAE,QAAQ,CAC9C,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC,CAM9D,CAAC;AAGF,eAAO,MAAM,uBAAuB,UAQnC,CAAC"}
+{"version":3,"file":"AvatarToken.constants.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarToken/AvatarToken.constants.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,uBAAuB,UAQnC,CAAC"}

package/dist/components/AvatarToken/AvatarToken.constants.js

@@ -1,14 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SAMPLE_AVATARTOKEN_URIS = exports.DEFAULT_AVATARTOKEN_PROPS = void 0;
-const enums_1 = require("../../shared/enums");
-// Defaults
-exports.DEFAULT_AVATARTOKEN_PROPS = {
-    size: enums_1.AvatarSize.Md,
-    shape: enums_1.AvatarShape.Circle,
-    width: '100%',
-    height: '100%',
-};
+exports.SAMPLE_AVATARTOKEN_URIS = void 0;
 // Sample Token URIs
 exports.SAMPLE_AVATARTOKEN_URIS = [
     'https://cryptologos.cc/logos/ethereum-eth-logo.svg',

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarToken.constants.js","sourceRoot":"","sources":["../../../src/components/AvatarToken/AvatarToken.constants.ts"],"names":[],"mappings":";;;AACA,8CAA6D;AAE7D,WAAW;AACE,QAAA,yBAAyB,GAElC;IACF,IAAI,EAAE,kBAAU,CAAC,EAAE;IACnB,KAAK,EAAE,mBAAW,CAAC,MAAM;IACzB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;CACf,CAAC;AAEF,oBAAoB;AACP,QAAA,uBAAuB,GAAG;IACrC,oDAAoD;IACpD,kDAAkD;IAClD,mDAAmD;IACnD,mDAAmD;IACnD,sDAAsD;IACtD,mDAAmD;IACnD,iDAAiD;CAClD,CAAC","sourcesContent":["import type { AvatarTokenProps } from './AvatarToken.types';\nimport { AvatarSize, AvatarShape } from '../../shared/enums';\n\n// Defaults\nexport const DEFAULT_AVATARTOKEN_PROPS: Required<\n  Pick<AvatarTokenProps, 'size' | 'shape' | 'width' | 'height'>\n> = {\n  size: AvatarSize.Md,\n  shape: AvatarShape.Circle,\n  width: '100%',\n  height: '100%',\n};\n\n// Sample Token URIs\nexport const SAMPLE_AVATARTOKEN_URIS = [\n  'https://cryptologos.cc/logos/ethereum-eth-logo.svg',\n  'https://cryptologos.cc/logos/solana-sol-logo.svg',\n  'https://cryptologos.cc/logos/tether-usdt-logo.svg',\n  'https://cryptologos.cc/logos/cardano-ada-logo.svg',\n  'https://cryptologos.cc/logos/chainlink-link-logo.svg',\n  'https://cryptologos.cc/logos/uniswap-uni-logo.svg',\n  'https://cryptologos.cc/logos/flare-flr-logo.svg',\n];\n"]}
+{"version":3,"file":"AvatarToken.constants.js","sourceRoot":"","sources":["../../../src/components/AvatarToken/AvatarToken.constants.ts"],"names":[],"mappings":";;;AAAA,oBAAoB;AACP,QAAA,uBAAuB,GAAG;IACrC,oDAAoD;IACpD,kDAAkD;IAClD,mDAAmD;IACnD,mDAAmD;IACnD,sDAAsD;IACtD,mDAAmD;IACnD,iDAAiD;CAClD,CAAC","sourcesContent":["// Sample Token URIs\nexport const SAMPLE_AVATARTOKEN_URIS = [\n  'https://cryptologos.cc/logos/ethereum-eth-logo.svg',\n  'https://cryptologos.cc/logos/solana-sol-logo.svg',\n  'https://cryptologos.cc/logos/tether-usdt-logo.svg',\n  'https://cryptologos.cc/logos/cardano-ada-logo.svg',\n  'https://cryptologos.cc/logos/chainlink-link-logo.svg',\n  'https://cryptologos.cc/logos/uniswap-uni-logo.svg',\n  'https://cryptologos.cc/logos/flare-flr-logo.svg',\n];\n"]}

package/dist/components/AvatarToken/AvatarToken.js

@@ -28,10 +28,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 /* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
 const react_1 = __importStar(require("react"));
+const enums_1 = require("../../shared/enums");
 const AvatarBase_1 = __importDefault(require("../../primitives/AvatarBase"));
 const ImageOrSvg_1 = __importDefault(require("../../primitives/ImageOrSvg"));
-const AvatarToken_constants_1 = require("./AvatarToken.constants");
-const AvatarToken = ({ size, shape = AvatarToken_constants_1.DEFAULT_AVATARTOKEN_PROPS.shape, fallbackText, fallbackTextProps, hasBorder, hasSolidBackgroundColor, twClassName, testID, style, width = AvatarToken_constants_1.DEFAULT_AVATARTOKEN_PROPS.width, height = AvatarToken_constants_1.DEFAULT_AVATARTOKEN_PROPS.height, name, imageProps, onImageError, onSvgError, ...restImageOrSvgProps }) => {
+const AvatarToken = ({ size, shape = enums_1.AvatarBaseShape.Circle, fallbackText, fallbackTextProps, hasBorder, hasSolidBackgroundColor, twClassName, testID, style, width = '100%', height = '100%', name, imageProps, onImageError, onSvgError, ...restImageOrSvgProps }) => {
     const [finalFallbackText, setFallbackText] = (0, react_1.useState)('');
     const backupFallbackText = fallbackText || name?.[0] || '';
     const onImageErrorHandler = (e) => {

package/dist/components/AvatarToken/AvatarToken.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarToken.js","sourceRoot":"","sources":["../../../src/components/AvatarToken/AvatarToken.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iEAAiE;AACjE,+CAAwC;AAGxC,6EAAqD;AACrD,6EAAqD;AACrD,mEAAoE;AAGpE,MAAM,WAAW,GAAG,CAAC,EACnB,IAAI,EACJ,KAAK,GAAG,iDAAyB,CAAC,KAAK,EACvC,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,uBAAuB,EACvB,WAAW,EACX,MAAM,EACN,KAAK,EACL,KAAK,GAAG,iDAAyB,CAAC,KAAK,EACvC,MAAM,GAAG,iDAAyB,CAAC,MAAM,EACzC,IAAI,EACJ,UAAU,EACV,YAAY,EACZ,UAAU,EACV,GAAG,mBAAmB,EACL,EAAE,EAAE;IACrB,MAAM,CAAC,iBAAiB,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IAElE,MAAM,kBAAkB,GAAG,YAAY,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAC3D,MAAM,mBAAmB,GAAG,CAC1B,CAA4C,EAC5C,EAAE;QACF,eAAe,CAAC,kBAAkB,CAAC,CAAC;QACpC,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,CAAM,EAAE,EAAE;QACnC,eAAe,CAAC,kBAAkB,CAAC,CAAC;QACpC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,oBAAU,CACT,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,YAAY,CAAC,CAAC,iBAAiB,CAAC,CAChC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,uBAAuB,CAAC,CAAC,uBAAuB,CAAC,CACjD,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,KAAK,CAAC,CAEb;MAAA,CAAC,oBAAU,CACT,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,UAAU,CAAC,CAAC;YACV,UAAU,EAAE,SAAS;YACrB,GAAG,UAAU;SACd,CAAC,CACF,YAAY,CAAC,CAAC,mBAAmB,CAAC,CAClC,UAAU,CAAC,CAAC,iBAAiB,CAAC,CAC9B,IAAI,mBAAmB,CAAC,EAE5B;IAAA,EAAE,oBAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC","sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport React, { useState } from 'react';\nimport { ImageErrorEventData, NativeSyntheticEvent } from 'react-native';\n\nimport AvatarBase from '../../primitives/AvatarBase';\nimport ImageOrSvg from '../../primitives/ImageOrSvg';\nimport { DEFAULT_AVATARTOKEN_PROPS } from './AvatarToken.constants';\nimport type { AvatarTokenProps } from './AvatarToken.types';\n\nconst AvatarToken = ({\n  size,\n  shape = DEFAULT_AVATARTOKEN_PROPS.shape,\n  fallbackText,\n  fallbackTextProps,\n  hasBorder,\n  hasSolidBackgroundColor,\n  twClassName,\n  testID,\n  style,\n  width = DEFAULT_AVATARTOKEN_PROPS.width,\n  height = DEFAULT_AVATARTOKEN_PROPS.height,\n  name,\n  imageProps,\n  onImageError,\n  onSvgError,\n  ...restImageOrSvgProps\n}: AvatarTokenProps) => {\n  const [finalFallbackText, setFallbackText] = useState<string>('');\n\n  const backupFallbackText = fallbackText || name?.[0] || '';\n  const onImageErrorHandler = (\n    e: NativeSyntheticEvent<ImageErrorEventData>,\n  ) => {\n    setFallbackText(backupFallbackText);\n    onImageError?.(e);\n  };\n\n  const onSvgErrorHandler = (e: any) => {\n    setFallbackText(backupFallbackText);\n    onSvgError?.(e);\n  };\n\n  return (\n    <AvatarBase\n      size={size}\n      shape={shape}\n      fallbackText={finalFallbackText}\n      fallbackTextProps={fallbackTextProps}\n      hasBorder={hasBorder}\n      hasSolidBackgroundColor={hasSolidBackgroundColor}\n      twClassName={twClassName}\n      testID={testID}\n      style={style}\n    >\n      <ImageOrSvg\n        width={width}\n        height={height}\n        imageProps={{\n          resizeMode: 'contain',\n          ...imageProps,\n        }}\n        onImageError={onImageErrorHandler}\n        onSvgError={onSvgErrorHandler}\n        {...restImageOrSvgProps}\n      />\n    </AvatarBase>\n  );\n};\n\nexport default AvatarToken;\n"]}
+{"version":3,"file":"AvatarToken.js","sourceRoot":"","sources":["../../../src/components/AvatarToken/AvatarToken.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iEAAiE;AACjE,+CAAwC;AAGxC,8CAAqD;AACrD,6EAAqD;AACrD,6EAAqD;AAGrD,MAAM,WAAW,GAAG,CAAC,EACnB,IAAI,EACJ,KAAK,GAAG,uBAAe,CAAC,MAAM,EAC9B,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,uBAAuB,EACvB,WAAW,EACX,MAAM,EACN,KAAK,EACL,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,MAAM,EACf,IAAI,EACJ,UAAU,EACV,YAAY,EACZ,UAAU,EACV,GAAG,mBAAmB,EACL,EAAE,EAAE;IACrB,MAAM,CAAC,iBAAiB,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IAElE,MAAM,kBAAkB,GAAG,YAAY,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAC3D,MAAM,mBAAmB,GAAG,CAC1B,CAA4C,EAC5C,EAAE;QACF,eAAe,CAAC,kBAAkB,CAAC,CAAC;QACpC,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,CAAM,EAAE,EAAE;QACnC,eAAe,CAAC,kBAAkB,CAAC,CAAC;QACpC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,oBAAU,CACT,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,YAAY,CAAC,CAAC,iBAAiB,CAAC,CAChC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,uBAAuB,CAAC,CAAC,uBAAuB,CAAC,CACjD,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,KAAK,CAAC,CAEb;MAAA,CAAC,oBAAU,CACT,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,UAAU,CAAC,CAAC;YACV,UAAU,EAAE,SAAS;YACrB,GAAG,UAAU;SACd,CAAC,CACF,YAAY,CAAC,CAAC,mBAAmB,CAAC,CAClC,UAAU,CAAC,CAAC,iBAAiB,CAAC,CAC9B,IAAI,mBAAmB,CAAC,EAE5B;IAAA,EAAE,oBAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC","sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport React, { useState } from 'react';\nimport { ImageErrorEventData, NativeSyntheticEvent } from 'react-native';\n\nimport { AvatarBaseShape } from '../../shared/enums';\nimport AvatarBase from '../../primitives/AvatarBase';\nimport ImageOrSvg from '../../primitives/ImageOrSvg';\nimport type { AvatarTokenProps } from './AvatarToken.types';\n\nconst AvatarToken = ({\n  size,\n  shape = AvatarBaseShape.Circle,\n  fallbackText,\n  fallbackTextProps,\n  hasBorder,\n  hasSolidBackgroundColor,\n  twClassName,\n  testID,\n  style,\n  width = '100%',\n  height = '100%',\n  name,\n  imageProps,\n  onImageError,\n  onSvgError,\n  ...restImageOrSvgProps\n}: AvatarTokenProps) => {\n  const [finalFallbackText, setFallbackText] = useState<string>('');\n\n  const backupFallbackText = fallbackText || name?.[0] || '';\n  const onImageErrorHandler = (\n    e: NativeSyntheticEvent<ImageErrorEventData>,\n  ) => {\n    setFallbackText(backupFallbackText);\n    onImageError?.(e);\n  };\n\n  const onSvgErrorHandler = (e: any) => {\n    setFallbackText(backupFallbackText);\n    onSvgError?.(e);\n  };\n\n  return (\n    <AvatarBase\n      size={size}\n      shape={shape}\n      fallbackText={finalFallbackText}\n      fallbackTextProps={fallbackTextProps}\n      hasBorder={hasBorder}\n      hasSolidBackgroundColor={hasSolidBackgroundColor}\n      twClassName={twClassName}\n      testID={testID}\n      style={style}\n    >\n      <ImageOrSvg\n        width={width}\n        height={height}\n        imageProps={{\n          resizeMode: 'contain',\n          ...imageProps,\n        }}\n        onImageError={onImageErrorHandler}\n        onSvgError={onSvgErrorHandler}\n        {...restImageOrSvgProps}\n      />\n    </AvatarBase>\n  );\n};\n\nexport default AvatarToken;\n"]}

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

@@ -5,7 +5,7 @@ import { IconName, IconProps } from '../Icon';
  */
 export type BadgeIconProps = {
     /**
-     * Required prop to specify an icon to show when BadgeIconVariant is Custom.
+     * Required prop to specify an icon to show
      */
     iconName: IconName;
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"BadgeIcon.types.js","sourceRoot":"","sources":["../../../src/components/BadgeIcon/BadgeIcon.types.ts"],"names":[],"mappings":"","sourcesContent":["import { ViewProps } from 'react-native';\nimport { IconName, IconProps } from '../Icon';\n\n/**\n * BadgeIcon component props.\n */\nexport type BadgeIconProps = {\n  /**\n   * Required prop to specify an icon to show when BadgeIconVariant is Custom.\n   */\n  iconName: IconName;\n  /**\n   * Optional prop to pass additional properties to the icon\n   */\n  iconProps?: Omit<IconProps, 'name'>;\n  /**\n   * Optional prop to add twrnc overriding classNames.\n   */\n  twClassName?: string;\n} & Omit<ViewProps, 'children'>;\n"]}
+{"version":3,"file":"BadgeIcon.types.js","sourceRoot":"","sources":["../../../src/components/BadgeIcon/BadgeIcon.types.ts"],"names":[],"mappings":"","sourcesContent":["import { ViewProps } from 'react-native';\nimport { IconName, IconProps } from '../Icon';\n\n/**\n * BadgeIcon component props.\n */\nexport type BadgeIconProps = {\n  /**\n   * Required prop to specify an icon to show\n   */\n  iconName: IconName;\n  /**\n   * Optional prop to pass additional properties to the icon\n   */\n  iconProps?: Omit<IconProps, 'name'>;\n  /**\n   * Optional prop to add twrnc overriding classNames.\n   */\n  twClassName?: string;\n} & Omit<ViewProps, 'children'>;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@metamask-previews/design-system-react-native",
-  "version": "0.0.0-preview.e1b50dd",
+  "version": "0.0.0-preview.e6fc4b7",
   "description": "Design System React Native",
   "keywords": [
     "MetaMask",
@@ -43,7 +43,7 @@
     "test:watch": "NODE_OPTIONS=--experimental-vm-modules jest --watch"
   },
   "dependencies": {
-    "@metamask-previews/design-system-twrnc-preset": "0.0.0-preview.e1b50dd",
+    "@metamask-previews/design-system-twrnc-preset": "0.0.0-preview.e6fc4b7",
     "react": "^18.2.0",
     "react-native": "^0.72.15",
     "react-native-jazzicon": "^0.1.2",