@metamask-previews/design-system-react-native 0.0.0-preview.6fee845 → 0.0.0-preview.8561168

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

@@ -0,0 +1,3 @@
+import type { AvatarAccountProps } from './AvatarAccount.types';
+export declare const DEFAULT_AVATARACCOUNT_PROPS: Required<Pick<AvatarAccountProps, 'size' | 'shape' | 'variant'>>;
+//# 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":"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"}

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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,
+};
+//# 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":";;;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","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"]}

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 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 }) => {
+    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,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"]}

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,3 @@
+import type { AvatarFaviconProps } from './AvatarFavicon.types';
+export declare const DEFAULT_AVATARFAVICON_PROPS: Required<Pick<AvatarFaviconProps, 'size' | 'shape' | 'width' | 'height'>>;
+//# 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":"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"}

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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%',
+};
+//# 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":";;;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","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"]}

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, 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,oKAehB,kBAAkB,sBAuCpB,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 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, 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 [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} 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,6EAAqD;AACrD,6EAAqD;AACrD,uEAAwE;AAGxE,MAAM,aAAa,GAAG,CAAC,EACrB,IAAI,EACJ,KAAK,GAAG,qDAA2B,CAAC,KAAK,EACzC,YAAY,EACZ,iBAAiB,EACjB,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,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  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      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/AvatarIcon/AvatarIcon.constants.d.ts

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

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

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

@@ -0,0 +1,35 @@
+"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;
+const AvatarIcon_types_1 = require("./AvatarIcon.types");
+const Icon_1 = require("../Icon");
+const enums_1 = require("../../shared/enums");
+// Mappings
+exports.TWCLASSMAP_AVATARICON_SEVERITY_BACKGROUNDCOLOR = {
+    [AvatarIcon_types_1.AvatarIconSeverity.Default]: 'bg-background-muted',
+    [AvatarIcon_types_1.AvatarIconSeverity.Info]: 'bg-info-muted',
+    [AvatarIcon_types_1.AvatarIconSeverity.Success]: 'bg-success-muted',
+    [AvatarIcon_types_1.AvatarIconSeverity.Error]: 'bg-error-muted',
+    [AvatarIcon_types_1.AvatarIconSeverity.Warning]: 'bg-warning-muted',
+};
+exports.MAP_AVATARICON_SIZE_ICONSIZE = {
+    [enums_1.AvatarIconSize.Xs]: Icon_1.IconSize.Xs,
+    [enums_1.AvatarIconSize.Sm]: Icon_1.IconSize.Sm,
+    [enums_1.AvatarIconSize.Md]: Icon_1.IconSize.Md,
+    [enums_1.AvatarIconSize.Lg]: Icon_1.IconSize.Lg,
+    [enums_1.AvatarIconSize.Xl]: Icon_1.IconSize.Xl, // 48px avatar -> 32px icon
+};
+exports.MAP_AVATARICON_SEVERITY_ICONCOLOR = {
+    [AvatarIcon_types_1.AvatarIconSeverity.Default]: Icon_1.IconColor.IconAlternative,
+    [AvatarIcon_types_1.AvatarIconSeverity.Info]: Icon_1.IconColor.InfoDefault,
+    [AvatarIcon_types_1.AvatarIconSeverity.Success]: Icon_1.IconColor.SuccessDefault,
+    [AvatarIcon_types_1.AvatarIconSeverity.Error]: Icon_1.IconColor.ErrorDefault,
+    [AvatarIcon_types_1.AvatarIconSeverity.Warning]: Icon_1.IconColor.WarningDefault,
+};
+// 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

@@ -0,0 +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"]}

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

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

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

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

package/dist/components/AvatarIcon/AvatarIcon.js

@@ -0,0 +1,49 @@
+"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 design_system_twrnc_preset_1 = require("@metamask-previews/design-system-twrnc-preset");
+const react_1 = __importStar(require("react"));
+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 tw = (0, design_system_twrnc_preset_1.useTailwind)();
+    const twContainerClassNames = (0, react_1.useMemo)(() => {
+        return (0, AvatarIcon_utilities_1.generateAvatarIconContainerClassNames)({
+            severity,
+            twClassName,
+        });
+    }, [severity, twClassName]);
+    return (<AvatarBase_1.default size={size} shape={shape} style={[tw `${twContainerClassNames}`, style]} accessibilityRole="image" {...props}>
+      <Icon_1.default name={iconName} size={AvatarIcon_constants_1.MAP_AVATARICON_SIZE_ICONSIZE[size]} color={AvatarIcon_constants_1.MAP_AVATARICON_SEVERITY_ICONCOLOR[severity]} {...iconProps}/>
+    </AvatarBase_1.default>);
+};
+exports.default = AvatarIcon;
+//# sourceMappingURL=AvatarIcon.js.map

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

@@ -0,0 +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,mDAA0C;AAC1C,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, { IconProps } 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"]}

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

@@ -0,0 +1,28 @@
+import { AvatarBaseProps } from '../../primitives/AvatarBase';
+import { IconName, IconProps } from '../Icon';
+export declare enum AvatarIconSeverity {
+    Default = "default",
+    Info = "info",
+    Success = "success",
+    Error = "error",
+    Warning = "warning"
+}
+/**
+ * AvatarIcon component props.
+ */
+export type AvatarIconProps = {
+    /**
+     * Optional prop to control the severity of the avatar
+     * @default AvatarIconSeverity.Default
+     */
+    severity?: AvatarIconSeverity;
+    /**
+     * Optional prop to specify an icon to show
+     */
+    iconName: IconName;
+    /**
+     * Optional prop to pass additional properties to the icon
+     */
+    iconProps?: Omit<IconProps, 'name'>;
+} & Omit<AvatarBaseProps, 'children' | 'fallbackText' | 'fallbackTextProps'>;
+//# sourceMappingURL=AvatarIcon.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarIcon.types.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarIcon/AvatarIcon.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAE9C,oBAAY,kBAAkB;IAC5B,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,OAAO,YAAY;CACpB;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B;;OAEG;IACH,QAAQ,EAAE,QAAQ,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;CACrC,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,cAAc,GAAG,mBAAmB,CAAC,CAAC"}

package/dist/components/AvatarIcon/AvatarIcon.types.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AvatarIconSeverity = void 0;
+var AvatarIconSeverity;
+(function (AvatarIconSeverity) {
+    AvatarIconSeverity["Default"] = "default";
+    AvatarIconSeverity["Info"] = "info";
+    AvatarIconSeverity["Success"] = "success";
+    AvatarIconSeverity["Error"] = "error";
+    AvatarIconSeverity["Warning"] = "warning";
+})(AvatarIconSeverity || (exports.AvatarIconSeverity = AvatarIconSeverity = {}));
+//# sourceMappingURL=AvatarIcon.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarIcon.types.js","sourceRoot":"","sources":["../../../src/components/AvatarIcon/AvatarIcon.types.ts"],"names":[],"mappings":";;;AAGA,IAAY,kBAMX;AAND,WAAY,kBAAkB;IAC5B,yCAAmB,CAAA;IACnB,mCAAa,CAAA;IACb,yCAAmB,CAAA;IACnB,qCAAe,CAAA;IACf,yCAAmB,CAAA;AACrB,CAAC,EANW,kBAAkB,kCAAlB,kBAAkB,QAM7B","sourcesContent":["import { AvatarBaseProps } from '../../primitives/AvatarBase';\nimport { IconName, IconProps } from '../Icon';\n\nexport enum AvatarIconSeverity {\n  Default = 'default',\n  Info = 'info',\n  Success = 'success',\n  Error = 'error',\n  Warning = 'warning',\n}\n\n/**\n * AvatarIcon component props.\n */\nexport type AvatarIconProps = {\n  /**\n   * Optional prop to control the severity of the avatar\n   * @default AvatarIconSeverity.Default\n   */\n  severity?: AvatarIconSeverity;\n  /**\n   * Optional 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} & Omit<AvatarBaseProps, 'children' | 'fallbackText' | 'fallbackTextProps'>;\n"]}

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

@@ -0,0 +1,24 @@
+import type { AvatarIconProps } from './AvatarIcon.types';
+/**
+ * Generates a Tailwind class name string for the background color of an avatar icon.
+ *
+ * This function constructs a class name string based on the icon's `severity`
+ * and optional additional Tailwind class names.
+ *
+ * @param severity - The severity level of the avatar icon, affecting background color.
+ * @param twClassName - Additional Tailwind class names for customization.
+ * @returns A string of Tailwind class names representing the avatar icon's container styles.
+ *
+ * Example:
+ * ```
+ * const classNames = generateAvatarIconContainerClassNames({
+ *   severity: 'error',
+ *   twClassName: 'border border-red-500',
+ * });
+ *
+ * console.log(classNames);
+ * // Output: "bg-error border border-red-500"
+ * ```
+ */
+export declare const generateAvatarIconContainerClassNames: ({ severity, twClassName, }: Partial<AvatarIconProps>) => string;
+//# sourceMappingURL=AvatarIcon.utilities.d.ts.map

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

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

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

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateAvatarIconContainerClassNames = void 0;
+const AvatarIcon_constants_1 = require("./AvatarIcon.constants");
+/**
+ * Generates a Tailwind class name string for the background color of an avatar icon.
+ *
+ * This function constructs a class name string based on the icon's `severity`
+ * and optional additional Tailwind class names.
+ *
+ * @param severity - The severity level of the avatar icon, affecting background color.
+ * @param twClassName - Additional Tailwind class names for customization.
+ * @returns A string of Tailwind class names representing the avatar icon's container styles.
+ *
+ * Example:
+ * ```
+ * const classNames = generateAvatarIconContainerClassNames({
+ *   severity: 'error',
+ *   twClassName: 'border border-red-500',
+ * });
+ *
+ * console.log(classNames);
+ * // Output: "bg-error border border-red-500"
+ * ```
+ */
+const generateAvatarIconContainerClassNames = ({ severity = AvatarIcon_constants_1.DEFAULT_AVATARICON_PROPS.severity, twClassName = '', }) => {
+    return `${AvatarIcon_constants_1.TWCLASSMAP_AVATARICON_SEVERITY_BACKGROUNDCOLOR[severity]} ${twClassName}`.trim();
+};
+exports.generateAvatarIconContainerClassNames = generateAvatarIconContainerClassNames;
+//# sourceMappingURL=AvatarIcon.utilities.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,5 @@
+export { default } from './AvatarIcon';
+export type { AvatarIconProps } from './AvatarIcon.types';
+export { AvatarIconSize } from '../../shared/enums';
+export { AvatarIconSeverity } from './AvatarIcon.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/AvatarIcon/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.AvatarIconSeverity = exports.AvatarIconSize = exports.default = void 0;
+var AvatarIcon_1 = require("./AvatarIcon");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AvatarIcon_1).default; } });
+var enums_1 = require("../../shared/enums");
+Object.defineProperty(exports, "AvatarIconSize", { enumerable: true, get: function () { return enums_1.AvatarIconSize; } });
+var AvatarIcon_types_1 = require("./AvatarIcon.types");
+Object.defineProperty(exports, "AvatarIconSeverity", { enumerable: true, get: function () { return AvatarIcon_types_1.AvatarIconSeverity; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AvatarIcon/index.ts"],"names":[],"mappings":";;;;;;AAAA,2CAAuC;AAA9B,sHAAA,OAAO,OAAA;AAEhB,4CAAoD;AAA3C,uGAAA,cAAc,OAAA;AACvB,uDAAwD;AAA/C,sHAAA,kBAAkB,OAAA","sourcesContent":["export { default } from './AvatarIcon';\nexport type { AvatarIconProps } from './AvatarIcon.types';\nexport { AvatarIconSize } from '../../shared/enums';\nexport { AvatarIconSeverity } from './AvatarIcon.types';\n"]}

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

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

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

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