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

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

@@ -0,0 +1,2 @@
+export declare const SAMPLE_AVATARACCOUNT_ADDRESSES: string[];
+//# sourceMappingURL=AvatarAccount.constants.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SAMPLE_AVATARACCOUNT_ADDRESSES = void 0;
+// Sample account addresses
+exports.SAMPLE_AVATARACCOUNT_ADDRESSES = [
+    '0x9Cbf7c41B7787F6c621115010D3B044029FE2Ce8',
+    '0xb9b81f6bd23B953c5257C3b5E2F0c03B07E944eB',
+    '0x360507dfEC4Bf0c03495f91154A78C672599F308',
+    '0x50cA820Ff810F7687E7d0aDb23A830e3ac6032C3',
+    '0x840C9Eb73729E626673714D6E4dA8afc8Ccc90d3',
+    '0xCA0361BE89B7d47a6233d1875F0727ddeAB23377',
+    '0xD78CBcA88eCd65c6128511e46a518CDc6c66fC74',
+    '0xCFc8b1d1031ef2ecce3a98d5D79ce4D75Edb06bA',
+    '0xDe53fa2E659b6134991bB56F64B691990e5C44E7',
+    '0x8AceA3A9748294d1B5C25a08EFE37b756AafDFdd',
+    '0xEC5CE72f2e18B0017C88F7B12d3308119C5Cf129',
+    '0xeC56Da21c90Af6b50E4Ba5ec252bD97e735290fc',
+];
+//# sourceMappingURL=AvatarAccount.constants.js.map

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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { AvatarAccountProps } from './AvatarAccount.types';
+declare const AvatarAccount: ({ address, variant, size, shape, ...props }: AvatarAccountProps) => React.JSX.Element;
+export default AvatarAccount;
+//# sourceMappingURL=AvatarAccount.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarAccount.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAGhE,QAAA,MAAM,aAAa,gDAMhB,kBAAkB,sBAsBpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/AvatarAccount/AvatarAccount.js

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+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_types_1 = require("./AvatarAccount.types");
+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:
+            AvatarArtComponent = (<Blockies_1.default address={address} size={Number(size)} testID="blockies"/>);
+            break;
+        case AvatarAccount_types_1.AvatarAccountVariant.Jazzicon:
+        default:
+            AvatarArtComponent = (<Jazzicon_1.default address={address} size={Number(size)} testID="jazzicon"/>);
+            break;
+    }
+    return (<AvatarBase_1.default size={size} shape={shape} accessibilityRole="image" {...props}>
+      {AvatarArtComponent}
+    </AvatarBase_1.default>);
+};
+exports.default = AvatarAccount;
+//# sourceMappingURL=AvatarAccount.js.map

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

@@ -0,0 +1 @@
+{"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/AvatarAccount/AvatarAccount.types.d.ts

@@ -0,0 +1,20 @@
+import { AvatarBaseProps } from '../../primitives/AvatarBase';
+export declare enum AvatarAccountVariant {
+    Jazzicon = "jazzicon",
+    Blockies = "blockies"
+}
+/**
+ * AvatarAccount component props.
+ */
+export type AvatarAccountProps = {
+    /**
+     * Required address used as a unique identifier to generate the AvatarAccount art.
+     */
+    address: string;
+    /**
+     * Optional prop to control the variant of the avatar account
+     * @default AvatarAccountVariant.Jazzicon
+     */
+    variant?: AvatarAccountVariant;
+} & Omit<AvatarBaseProps, 'children' | 'fallbackText' | 'fallbackTextProps'>;
+//# sourceMappingURL=AvatarAccount.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarAccount.types.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,oBAAY,oBAAoB;IAC9B,QAAQ,aAAa;IACrB,QAAQ,aAAa;CACtB;AAED;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC;CAChC,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,cAAc,GAAG,mBAAmB,CAAC,CAAC"}

package/dist/components/AvatarAccount/AvatarAccount.types.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AvatarAccountVariant = void 0;
+var AvatarAccountVariant;
+(function (AvatarAccountVariant) {
+    AvatarAccountVariant["Jazzicon"] = "jazzicon";
+    AvatarAccountVariant["Blockies"] = "blockies";
+})(AvatarAccountVariant || (exports.AvatarAccountVariant = AvatarAccountVariant = {}));
+//# sourceMappingURL=AvatarAccount.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarAccount.types.js","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.types.ts"],"names":[],"mappings":";;;AAEA,IAAY,oBAGX;AAHD,WAAY,oBAAoB;IAC9B,6CAAqB,CAAA;IACrB,6CAAqB,CAAA;AACvB,CAAC,EAHW,oBAAoB,oCAApB,oBAAoB,QAG/B","sourcesContent":["import { AvatarBaseProps } from '../../primitives/AvatarBase';\n\nexport enum AvatarAccountVariant {\n  Jazzicon = 'jazzicon',\n  Blockies = 'blockies',\n}\n\n/**\n * AvatarAccount component props.\n */\nexport type AvatarAccountProps = {\n  /**\n   * Required address used as a unique identifier to generate the AvatarAccount art.\n   */\n  address: string;\n  /**\n   * Optional prop to control the variant of the avatar account\n   * @default AvatarAccountVariant.Jazzicon\n   */\n  variant?: AvatarAccountVariant;\n} & Omit<AvatarBaseProps, 'children' | 'fallbackText' | 'fallbackTextProps'>;\n"]}

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

@@ -0,0 +1,5 @@
+export { default } from './AvatarAccount';
+export type { AvatarAccountProps } from './AvatarAccount.types';
+export { AvatarAccountSize } from '../../shared/enums';
+export { AvatarAccountVariant } from './AvatarAccount.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarAccount/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/components/AvatarAccount/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AvatarAccount/index.ts"],"names":[],"mappings":";;;;;;AAAA,iDAA0C;AAAjC,yHAAA,OAAO,OAAA;AAEhB,4CAAuD;AAA9C,0GAAA,iBAAiB,OAAA;AAC1B,6DAA6D;AAApD,2HAAA,oBAAoB,OAAA","sourcesContent":["export { default } from './AvatarAccount';\nexport type { AvatarAccountProps } from './AvatarAccount.types';\nexport { AvatarAccountSize } from '../../shared/enums';\nexport { AvatarAccountVariant } from './AvatarAccount.types';\n"]}

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

@@ -0,0 +1,2 @@
+export declare const SAMPLE_AVATARFAVICON_URIS: string[];
+//# sourceMappingURL=AvatarFavicon.constants.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SAMPLE_AVATARFAVICON_URIS = void 0;
+// Sample Favicon URIs
+exports.SAMPLE_AVATARFAVICON_URIS = [
+    'https://metamask.github.io/test-dapp/metamask-fox.svg',
+    'https://www.coinbase.com/favicon.ico',
+    'https://www.myetherwallet.com/favicon.ico',
+    'https://www.blockchain.com/static/favicon.ico',
+    'https://trezor.io/favicon.ico',
+    'https://electrum.org/favicon.ico',
+    'https://cryptologos.cc/logos/ethereum-eth-logo.svg',
+];
+//# sourceMappingURL=AvatarFavicon.constants.js.map

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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { AvatarFaviconProps } from './AvatarFavicon.types';
+declare const AvatarFavicon: ({ size, shape, fallbackText, fallbackTextProps, hasBorder, hasSolidBackgroundColor, twClassName, testID, style, width, height, name, imageProps, onImageError, onSvgError, ...restImageOrSvgProps }: AvatarFaviconProps) => React.JSX.Element;
+export default AvatarFavicon;
+//# sourceMappingURL=AvatarFavicon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarFavicon.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarFavicon/AvatarFavicon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAMxC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,QAAA,MAAM,aAAa,wMAiBhB,kBAAkB,sBAyCpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/AvatarFavicon/AvatarFavicon.js

@@ -0,0 +1,53 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/* 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 = ({ 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) => {
+        setFallbackText(backupFallbackText);
+        onImageError?.(e);
+    };
+    const onSvgErrorHandler = (e) => {
+        setFallbackText(backupFallbackText);
+        onSvgError?.(e);
+    };
+    return (<AvatarBase_1.default size={size} shape={shape} fallbackText={finalFallbackText} fallbackTextProps={fallbackTextProps} twClassName={twClassName} hasBorder={hasBorder} hasSolidBackgroundColor={hasSolidBackgroundColor} testID={testID} style={style}>
+      <ImageOrSvg_1.default width={width} height={height} imageProps={{
+            resizeMode: 'contain',
+            ...imageProps,
+        }} onImageError={onImageErrorHandler} onSvgError={onSvgErrorHandler} {...restImageOrSvgProps}/>
+    </AvatarBase_1.default>);
+};
+exports.default = AvatarFavicon;
+//# sourceMappingURL=AvatarFavicon.js.map

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

@@ -0,0 +1 @@
+{"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/AvatarFavicon/AvatarFavicon.types.d.ts

@@ -0,0 +1,12 @@
+import { AvatarBaseProps } from '../../primitives/AvatarBase';
+import { ImageOrSvgProps } from '../../primitives/ImageOrSvg';
+/**
+ * AvatarFavicon component props.
+ */
+export type AvatarFaviconProps = {
+    /**
+     * Optional props for favicon name, to be used to calculate the fallbackText.
+     */
+    name?: string;
+} & Omit<AvatarBaseProps, 'children'> & ImageOrSvgProps;
+//# sourceMappingURL=AvatarFavicon.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarFavicon.types.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarFavicon/AvatarFavicon.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,GACnC,eAAe,CAAC"}

package/dist/components/AvatarFavicon/AvatarFavicon.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=AvatarFavicon.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarFavicon.types.js","sourceRoot":"","sources":["../../../src/components/AvatarFavicon/AvatarFavicon.types.ts"],"names":[],"mappings":"","sourcesContent":["import { AvatarBaseProps } from '../../primitives/AvatarBase';\nimport { ImageOrSvgProps } from '../../primitives/ImageOrSvg';\n\n/**\n * AvatarFavicon component props.\n */\nexport type AvatarFaviconProps = {\n  /**\n   * Optional props for favicon name, to be used to calculate the fallbackText.\n   */\n  name?: string;\n} & Omit<AvatarBaseProps, 'children'> &\n  ImageOrSvgProps;\n"]}

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

@@ -0,0 +1,4 @@
+export { default } from './AvatarFavicon';
+export type { AvatarFaviconProps } from './AvatarFavicon.types';
+export { AvatarFaviconSize } from '../../shared/enums';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarFavicon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/AvatarFavicon/index.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AvatarFaviconSize = exports.default = void 0;
+var AvatarFavicon_1 = require("./AvatarFavicon");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AvatarFavicon_1).default; } });
+var enums_1 = require("../../shared/enums");
+Object.defineProperty(exports, "AvatarFaviconSize", { enumerable: true, get: function () { return enums_1.AvatarFaviconSize; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AvatarFavicon/index.ts"],"names":[],"mappings":";;;;;;AAAA,iDAA0C;AAAjC,yHAAA,OAAO,OAAA;AAEhB,4CAAuD;AAA9C,0GAAA,iBAAiB,OAAA","sourcesContent":["export { default } from './AvatarFavicon';\nexport type { AvatarFaviconProps } from './AvatarFavicon.types';\nexport { AvatarFaviconSize } from '../../shared/enums';\n"]}

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

@@ -0,0 +1,13 @@
+import { AvatarGroupSize } from '../../shared/enums';
+import { TextVariant } from '../Text';
+import { AvatarAccountProps } from '../AvatarAccount';
+import { AvatarFaviconProps } from '../AvatarFavicon';
+import { AvatarNetworkProps } from '../AvatarNetwork';
+import { AvatarTokenProps } from '../AvatarToken';
+export declare const MAP_AVATARGROUP_SIZE_SPACEBETWEENAVATARS: Record<AvatarGroupSize, number>;
+export declare const MAP_AVATARGROUP_SIZE_OVERFLOWTEXT_TEXTVARIANT: Record<AvatarGroupSize, TextVariant>;
+export declare const SAMPLE_AVATARGROUP_AVATARACCOUNTPROPSARR: AvatarAccountProps[];
+export declare const SAMPLE_AVATARGROUP_AVATARFAVICONPROPSARR: AvatarFaviconProps[];
+export declare const SAMPLE_AVATARGROUP_AVATARNETWORKPROPSARR: AvatarNetworkProps[];
+export declare const SAMPLE_AVATARGROUP_AVATARTOKENPROPSARR: AvatarTokenProps[];
+//# sourceMappingURL=AvatarGroup.constants.d.ts.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.constants.js","sourceRoot":"","sources":["../../../src/components/AvatarGroup/AvatarGroup.constants.ts"],"names":[],"mappings":"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","sourcesContent":["import { AvatarGroupSize } from '../../shared/enums';\nimport { TextVariant } from '../Text';\nimport { AvatarAccountProps, AvatarAccountVariant } from '../AvatarAccount';\nimport { SAMPLE_AVATARACCOUNT_ADDRESSES } from '../AvatarAccount/AvatarAccount.constants';\nimport { AvatarFaviconProps } from '../AvatarFavicon';\nimport { SAMPLE_AVATARFAVICON_URIS } from '../AvatarFavicon/AvatarFavicon.constants';\nimport { AvatarNetworkProps } from '../AvatarNetwork';\nimport { SAMPLE_AVATARNETWORK_URIS } from '../AvatarNetwork/AvatarNetwork.constants';\nimport { AvatarTokenProps } from '../AvatarToken';\nimport { SAMPLE_AVATARTOKEN_URIS } from '../AvatarToken/AvatarToken.constants';\n\n// Mappings\nexport const MAP_AVATARGROUP_SIZE_SPACEBETWEENAVATARS: Record<\n  AvatarGroupSize,\n  number\n> = {\n  [AvatarGroupSize.Xs]: -6,\n  [AvatarGroupSize.Sm]: -10,\n  [AvatarGroupSize.Md]: -14,\n  [AvatarGroupSize.Lg]: -18,\n  [AvatarGroupSize.Xl]: -22,\n};\n\nexport const MAP_AVATARGROUP_SIZE_OVERFLOWTEXT_TEXTVARIANT: Record<\n  AvatarGroupSize,\n  TextVariant\n> = {\n  [AvatarGroupSize.Xs]: TextVariant.BodyXs,\n  [AvatarGroupSize.Sm]: TextVariant.BodySm,\n  [AvatarGroupSize.Md]: TextVariant.BodyMd,\n  [AvatarGroupSize.Lg]: TextVariant.HeadingMd,\n  [AvatarGroupSize.Xl]: TextVariant.HeadingMd,\n};\n\n// Sample consts\nexport const SAMPLE_AVATARGROUP_AVATARACCOUNTPROPSARR: AvatarAccountProps[] = [\n  {\n    variant: AvatarAccountVariant.Jazzicon,\n    address: SAMPLE_AVATARACCOUNT_ADDRESSES[0],\n  },\n  {\n    variant: AvatarAccountVariant.Blockies,\n    address: SAMPLE_AVATARACCOUNT_ADDRESSES[1],\n  },\n  {\n    variant: AvatarAccountVariant.Jazzicon,\n    address: SAMPLE_AVATARACCOUNT_ADDRESSES[2],\n  },\n  {\n    variant: AvatarAccountVariant.Jazzicon,\n    address: SAMPLE_AVATARACCOUNT_ADDRESSES[3],\n  },\n  {\n    variant: AvatarAccountVariant.Jazzicon,\n    address: SAMPLE_AVATARACCOUNT_ADDRESSES[4],\n  },\n  {\n    variant: AvatarAccountVariant.Blockies,\n    address: SAMPLE_AVATARACCOUNT_ADDRESSES[5],\n  },\n  {\n    variant: AvatarAccountVariant.Blockies,\n    address: SAMPLE_AVATARACCOUNT_ADDRESSES[6],\n  },\n];\nexport const SAMPLE_AVATARGROUP_AVATARFAVICONPROPSARR: AvatarFaviconProps[] = [\n  {\n    src: {\n      uri: SAMPLE_AVATARFAVICON_URIS[0],\n    },\n  },\n  {\n    src: {\n      uri: SAMPLE_AVATARFAVICON_URIS[1],\n    },\n  },\n  {\n    src: {\n      uri: SAMPLE_AVATARFAVICON_URIS[2],\n    },\n  },\n  {\n    src: {\n      uri: SAMPLE_AVATARFAVICON_URIS[3],\n    },\n  },\n  {\n    src: {\n      uri: SAMPLE_AVATARFAVICON_URIS[4],\n    },\n  },\n  {\n    src: {\n      uri: SAMPLE_AVATARFAVICON_URIS[5],\n    },\n  },\n  {\n    src: {\n      uri: SAMPLE_AVATARFAVICON_URIS[6],\n    },\n  },\n];\n\nexport const SAMPLE_AVATARGROUP_AVATARNETWORKPROPSARR: AvatarNetworkProps[] = [\n  {\n    src: {\n      uri: SAMPLE_AVATARNETWORK_URIS[0],\n    },\n  },\n  {\n    src: {\n      uri: SAMPLE_AVATARNETWORK_URIS[1],\n    },\n  },\n  {\n    src: {\n      uri: SAMPLE_AVATARNETWORK_URIS[2],\n    },\n  },\n  {\n    src: {\n      uri: SAMPLE_AVATARNETWORK_URIS[3],\n    },\n  },\n  {\n    src: {\n      uri: SAMPLE_AVATARNETWORK_URIS[4],\n    },\n  },\n  {\n    src: {\n      uri: SAMPLE_AVATARNETWORK_URIS[5],\n    },\n  },\n  {\n    src: {\n      uri: SAMPLE_AVATARNETWORK_URIS[6],\n    },\n  },\n];\n\nexport const SAMPLE_AVATARGROUP_AVATARTOKENPROPSARR: AvatarTokenProps[] = [\n  {\n    src: {\n      uri: SAMPLE_AVATARTOKEN_URIS[0],\n    },\n  },\n  {\n    src: {\n      uri: SAMPLE_AVATARTOKEN_URIS[1],\n    },\n  },\n  {\n    src: {\n      uri: SAMPLE_AVATARTOKEN_URIS[2],\n    },\n  },\n  {\n    src: {\n      uri: SAMPLE_AVATARTOKEN_URIS[3],\n    },\n  },\n  {\n    src: {\n      uri: SAMPLE_AVATARTOKEN_URIS[4],\n    },\n  },\n  {\n    src: {\n      uri: SAMPLE_AVATARTOKEN_URIS[5],\n    },\n  },\n  {\n    src: {\n      uri: SAMPLE_AVATARTOKEN_URIS[6],\n    },\n  },\n];\n"]}

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

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

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

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

package/dist/components/AvatarGroup/AvatarGroup.js

@@ -0,0 +1,80 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const design_system_twrnc_preset_1 = require("@metamask-previews/design-system-twrnc-preset");
+const enums_1 = require("../../shared/enums");
+const AvatarAccount_1 = __importDefault(require("../AvatarAccount"));
+const AvatarFavicon_1 = __importDefault(require("../AvatarFavicon"));
+const AvatarNetwork_1 = __importDefault(require("../AvatarNetwork"));
+const AvatarToken_1 = __importDefault(require("../AvatarToken"));
+const Text_1 = __importStar(require("../Text"));
+const AvatarGroup_constants_1 = require("./AvatarGroup.constants");
+const AvatarGroup_types_1 = require("./AvatarGroup.types");
+const AvatarGroup_utilities_1 = require("./AvatarGroup.utilities");
+const AvatarGroup = ({ variant, avatarPropsArr, size = enums_1.AvatarGroupSize.Md, max = 4, isReverse = false, style, twClassName, ...props }) => {
+    const tw = (0, design_system_twrnc_preset_1.useTailwind)();
+    const overflowCounter = avatarPropsArr.length - max;
+    const shouldRenderOverflowCounter = overflowCounter > 0;
+    const twContainerClassNames = (0, react_1.useMemo)(() => {
+        return (0, AvatarGroup_utilities_1.generateAvatarGroupContainerClassNames)({
+            size,
+            isReverse,
+            twClassName,
+        });
+    }, [size, isReverse, twClassName]);
+    const twOverflowTextContainerClassNames = (0, react_1.useMemo)(() => {
+        return (0, AvatarGroup_utilities_1.generateAvatarGroupOverflowTextContainerClassNames)({
+            size,
+            variant,
+        });
+    }, [size, variant]);
+    const renderAvatarList = (0, react_1.useCallback)(() => avatarPropsArr.slice(0, max).map((avatarProps, index) => {
+        switch (variant) {
+            case AvatarGroup_types_1.AvatarGroupVariant.Account:
+                return (<AvatarAccount_1.default key={`avatar-${index}`} {...avatarProps} size={size} testID={`avatar-${variant}`} hasBorder hasSolidBackgroundColor/>);
+            case AvatarGroup_types_1.AvatarGroupVariant.Favicon:
+                return (<AvatarFavicon_1.default key={`avatar-${index}`} {...avatarProps} size={size} testID={`avatar-${variant}`} hasBorder hasSolidBackgroundColor/>);
+            case AvatarGroup_types_1.AvatarGroupVariant.Network:
+                return (<AvatarNetwork_1.default key={`avatar-${index}`} {...avatarProps} size={size} testID={`avatar-${variant}`} hasBorder hasSolidBackgroundColor/>);
+            case AvatarGroup_types_1.AvatarGroupVariant.Token:
+                return (<AvatarToken_1.default key={`avatar-${index}`} {...avatarProps} size={size} testID={`avatar-${variant}`} hasBorder hasSolidBackgroundColor/>);
+            default:
+                throw new Error(`Invalid Avatar Variant: ${variant}. Expected one of: ${Object.values(AvatarGroup_types_1.AvatarGroupVariant).join(', ')}`);
+        }
+    }), [avatarPropsArr, max, size, tw]);
+    return (<react_native_1.View style={[tw `${twContainerClassNames}`, style]} {...props}>
+      {renderAvatarList()}
+      {shouldRenderOverflowCounter && (<react_native_1.View style={tw `${twOverflowTextContainerClassNames}`}>
+          <Text_1.default variant={AvatarGroup_constants_1.MAP_AVATARGROUP_SIZE_OVERFLOWTEXT_TEXTVARIANT[size]} color={Text_1.TextColor.PrimaryInverse} testID="avatar-overflow-text">{`+${overflowCounter}`}</Text_1.default>
+        </react_native_1.View>)}
+    </react_native_1.View>);
+};
+exports.default = AvatarGroup;
+//# sourceMappingURL=AvatarGroup.js.map