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

package/dist/components/AvatarNetwork/AvatarNetwork.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 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) => {
+        setFallbackText(backupFallbackText);
+        onImageError?.(e);
+    };
+    const onSvgErrorHandler = (e) => {
+        setFallbackText(backupFallbackText);
+        onSvgError?.(e);
+    };
+    return (<AvatarBase_1.default size={size} shape={shape} fallbackText={finalFallbackText} fallbackTextProps={fallbackTextProps} hasBorder={hasBorder} hasSolidBackgroundColor={hasSolidBackgroundColor} 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 = AvatarNetwork;
+//# sourceMappingURL=AvatarNetwork.js.map

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarNetwork.types.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarNetwork/AvatarNetwork.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/AvatarNetwork/AvatarNetwork.types.js

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarNetwork/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/AvatarNetwork/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.AvatarNetworkSize = exports.default = void 0;
+var AvatarNetwork_1 = require("./AvatarNetwork");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AvatarNetwork_1).default; } });
+var enums_1 = require("../../shared/enums");
+Object.defineProperty(exports, "AvatarNetworkSize", { enumerable: true, get: function () { return enums_1.AvatarNetworkSize; } });
+//# sourceMappingURL=index.js.map

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

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

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

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

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

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SAMPLE_AVATARTOKEN_URIS = void 0;
+// Sample Token URIs
+exports.SAMPLE_AVATARTOKEN_URIS = [
+    'https://cryptologos.cc/logos/ethereum-eth-logo.svg',
+    'https://cryptologos.cc/logos/solana-sol-logo.svg',
+    'https://cryptologos.cc/logos/tether-usdt-logo.svg',
+    'https://cryptologos.cc/logos/cardano-ada-logo.svg',
+    'https://cryptologos.cc/logos/chainlink-link-logo.svg',
+    'https://cryptologos.cc/logos/uniswap-uni-logo.svg',
+    'https://cryptologos.cc/logos/flare-flr-logo.svg',
+];
+//# sourceMappingURL=AvatarToken.constants.js.map

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarToken.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarToken/AvatarToken.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAMxC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,QAAA,MAAM,WAAW,wMAiBd,gBAAgB,sBAyClB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/AvatarToken/AvatarToken.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 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) => {
+        setFallbackText(backupFallbackText);
+        onImageError?.(e);
+    };
+    const onSvgErrorHandler = (e) => {
+        setFallbackText(backupFallbackText);
+        onSvgError?.(e);
+    };
+    return (<AvatarBase_1.default size={size} shape={shape} fallbackText={finalFallbackText} fallbackTextProps={fallbackTextProps} hasBorder={hasBorder} hasSolidBackgroundColor={hasSolidBackgroundColor} 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 = AvatarToken;
+//# sourceMappingURL=AvatarToken.js.map

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarToken.types.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarToken/AvatarToken.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,gBAAgB,GAAG;IAC7B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,GACnC,eAAe,CAAC"}

package/dist/components/AvatarToken/AvatarToken.types.js

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AvatarToken/index.ts"],"names":[],"mappings":";;;;;;AAAA,6CAAwC;AAA/B,uHAAA,OAAO,OAAA;AAEhB,4CAAqD;AAA5C,wGAAA,eAAe,OAAA","sourcesContent":["export { default } from './AvatarToken';\nexport type { AvatarTokenProps } from './AvatarToken.types';\nexport { AvatarTokenSize } from '../../shared/enums';\n"]}

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

@@ -0,0 +1,6 @@
+import { TextVariant } from '../Text';
+import { BadgeCountSize } from './BadgeCount.types';
+export declare const MAP_BADGECOUNT_SIZE_TEXTVARIANT: Record<BadgeCountSize, TextVariant>;
+export declare const MAP_BADGECOUNT_SIZE_LINEHEIGHT: Record<BadgeCountSize, string>;
+export declare const TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER: Record<BadgeCountSize, string>;
+//# sourceMappingURL=BadgeCount.constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeCount.constants.d.ts","sourceRoot":"","sources":["../../../src/components/BadgeCount/BadgeCount.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGpD,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAClD,cAAc,EACd,WAAW,CAIZ,CAAC;AACF,eAAO,MAAM,8BAA8B,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAGzE,CAAC;AAEF,eAAO,MAAM,oCAAoC,EAAE,MAAM,CACvD,cAAc,EACd,MAAM,CAIP,CAAC"}

package/dist/components/BadgeCount/BadgeCount.constants.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER = exports.MAP_BADGECOUNT_SIZE_LINEHEIGHT = exports.MAP_BADGECOUNT_SIZE_TEXTVARIANT = void 0;
+const Text_1 = require("../Text");
+const BadgeCount_types_1 = require("./BadgeCount.types");
+// Mappings
+exports.MAP_BADGECOUNT_SIZE_TEXTVARIANT = {
+    [BadgeCount_types_1.BadgeCountSize.Md]: Text_1.TextVariant.BodyXs,
+    [BadgeCount_types_1.BadgeCountSize.Lg]: Text_1.TextVariant.BodySm,
+};
+exports.MAP_BADGECOUNT_SIZE_LINEHEIGHT = {
+    [BadgeCount_types_1.BadgeCountSize.Md]: 'leading-[14px]',
+    [BadgeCount_types_1.BadgeCountSize.Lg]: 'leading-4', // line-height 16px
+};
+exports.TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER = {
+    [BadgeCount_types_1.BadgeCountSize.Md]: 'min-w-4 h-3.5 py-0 px-1',
+    [BadgeCount_types_1.BadgeCountSize.Lg]: 'min-w-6 h-5 py-0.5 px-1.5', // min-width 24px, height 20px, padding-vertical 2, padding-horizontal 6
+};
+//# sourceMappingURL=BadgeCount.constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeCount.constants.js","sourceRoot":"","sources":["../../../src/components/BadgeCount/BadgeCount.constants.ts"],"names":[],"mappings":";;;AAAA,kCAAsC;AACtC,yDAAoD;AAEpD,WAAW;AACE,QAAA,+BAA+B,GAGxC;IACF,CAAC,iCAAc,CAAC,EAAE,CAAC,EAAE,kBAAW,CAAC,MAAM;IACvC,CAAC,iCAAc,CAAC,EAAE,CAAC,EAAE,kBAAW,CAAC,MAAM;CACxC,CAAC;AACW,QAAA,8BAA8B,GAAmC;IAC5E,CAAC,iCAAc,CAAC,EAAE,CAAC,EAAE,gBAAgB;IACrC,CAAC,iCAAc,CAAC,EAAE,CAAC,EAAE,WAAW,EAAE,mBAAmB;CACtD,CAAC;AAEW,QAAA,oCAAoC,GAG7C;IACF,CAAC,iCAAc,CAAC,EAAE,CAAC,EAAE,yBAAyB;IAC9C,CAAC,iCAAc,CAAC,EAAE,CAAC,EAAE,2BAA2B,EAAE,wEAAwE;CAC3H,CAAC","sourcesContent":["import { TextVariant } from '../Text';\nimport { BadgeCountSize } from './BadgeCount.types';\n\n// Mappings\nexport const MAP_BADGECOUNT_SIZE_TEXTVARIANT: Record<\n  BadgeCountSize,\n  TextVariant\n> = {\n  [BadgeCountSize.Md]: TextVariant.BodyXs,\n  [BadgeCountSize.Lg]: TextVariant.BodySm,\n};\nexport const MAP_BADGECOUNT_SIZE_LINEHEIGHT: Record<BadgeCountSize, string> = {\n  [BadgeCountSize.Md]: 'leading-[14px]', // line-height 14px\n  [BadgeCountSize.Lg]: 'leading-4', // line-height 16px\n};\n\nexport const TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER: Record<\n  BadgeCountSize,\n  string\n> = {\n  [BadgeCountSize.Md]: 'min-w-4 h-3.5 py-0 px-1', // min-width 16px, height 14px, padding-vertical 0, padding-horizontal 4\n  [BadgeCountSize.Lg]: 'min-w-6 h-5 py-0.5 px-1.5', // min-width 24px, height 20px, padding-vertical 2, padding-horizontal 6\n};\n"]}

package/dist/components/BadgeCount/BadgeCount.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { BadgeCountProps } from './BadgeCount.types';
+declare const BadgeCount: ({ size, count, max, textProps, twClassName, style, ...props }: BadgeCountProps) => React.JSX.Element;
+export default BadgeCount;
+//# sourceMappingURL=BadgeCount.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeCount.d.ts","sourceRoot":"","sources":["../../../src/components/BadgeCount/BadgeCount.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,QAAA,MAAM,UAAU,kEAQb,eAAe,sBAwBjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/BadgeCount/BadgeCount.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 design_system_twrnc_preset_1 = require("@metamask-previews/design-system-twrnc-preset");
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const Text_1 = __importStar(require("../Text"));
+const BadgeCount_constants_1 = require("./BadgeCount.constants");
+const BadgeCount_types_1 = require("./BadgeCount.types");
+const BadgeCount = ({ size = BadgeCount_types_1.BadgeCountSize.Md, count, max = 99, textProps, twClassName = '', style, ...props }) => {
+    const tw = (0, design_system_twrnc_preset_1.useTailwind)();
+    const twContainerClassNames = `
+    bg-error-default
+    rounded-lg
+    items-center
+    justify-center
+    self-start
+    ${BadgeCount_constants_1.TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER[size]}
+    ${twClassName}`;
+    return (<react_native_1.View style={[tw `${twContainerClassNames}`, style]} {...props}>
+      <Text_1.default variant={BadgeCount_constants_1.MAP_BADGECOUNT_SIZE_TEXTVARIANT[size]} color={Text_1.TextColor.ErrorInverse} fontWeight={Text_1.FontWeight.Medium} {...textProps} twClassName={`${BadgeCount_constants_1.MAP_BADGECOUNT_SIZE_LINEHEIGHT[size]} ${textProps?.twClassName || ''}`}>
+        {count > max ? `${max}+` : `${count}`}
+      </Text_1.default>
+    </react_native_1.View>);
+};
+exports.default = BadgeCount;
+//# sourceMappingURL=BadgeCount.js.map

package/dist/components/BadgeCount/BadgeCount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeCount.js","sourceRoot":"","sources":["../../../src/components/BadgeCount/BadgeCount.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iEAAiE;AACjE,8FAA4E;AAC5E,kDAA0B;AAC1B,+CAAoC;AAEpC,gDAAsD;AACtD,iEAIgC;AAEhC,yDAAoD;AAEpD,MAAM,UAAU,GAAG,CAAC,EAClB,IAAI,GAAG,iCAAc,CAAC,EAAE,EACxB,KAAK,EACL,GAAG,GAAG,EAAE,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;;;;;;MAM1B,2DAAoC,CAAC,IAAI,CAAC;MAC1C,WAAW,EAAE,CAAC;IAElB,OAAO,CACL,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA,GAAG,qBAAqB,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAC5D;MAAA,CAAC,cAAI,CACH,OAAO,CAAC,CAAC,sDAA+B,CAAC,IAAsB,CAAC,CAAC,CACjE,KAAK,CAAC,CAAC,gBAAS,CAAC,YAAY,CAAC,CAC9B,UAAU,CAAC,CAAC,iBAAU,CAAC,MAAM,CAAC,CAC9B,IAAI,SAAS,CAAC,CACd,WAAW,CAAC,CAAC,GAAG,qDAA8B,CAAC,IAAI,CAAC,IAAI,SAAS,EAAE,WAAW,IAAI,EAAE,EAAE,CAAC,CAEvF;QAAA,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,CACvC;MAAA,EAAE,cAAI,CACR;IAAA,EAAE,mBAAI,CAAC,CACR,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 from 'react';\nimport { View } from 'react-native';\n\nimport Text, { TextColor, FontWeight } from '../Text';\nimport {\n  MAP_BADGECOUNT_SIZE_TEXTVARIANT,\n  TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER,\n  MAP_BADGECOUNT_SIZE_LINEHEIGHT,\n} from './BadgeCount.constants';\nimport type { BadgeCountProps } from './BadgeCount.types';\nimport { BadgeCountSize } from './BadgeCount.types';\n\nconst BadgeCount = ({\n  size = BadgeCountSize.Md,\n  count,\n  max = 99,\n  textProps,\n  twClassName = '',\n  style,\n  ...props\n}: BadgeCountProps) => {\n  const tw = useTailwind();\n  const twContainerClassNames = `\n    bg-error-default\n    rounded-lg\n    items-center\n    justify-center\n    self-start\n    ${TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER[size]}\n    ${twClassName}`;\n\n  return (\n    <View style={[tw`${twContainerClassNames}`, style]} {...props}>\n      <Text\n        variant={MAP_BADGECOUNT_SIZE_TEXTVARIANT[size as BadgeCountSize]}\n        color={TextColor.ErrorInverse}\n        fontWeight={FontWeight.Medium}\n        {...textProps}\n        twClassName={`${MAP_BADGECOUNT_SIZE_LINEHEIGHT[size]} ${textProps?.twClassName || ''}`}\n      >\n        {count > max ? `${max}+` : `${count}`}\n      </Text>\n    </View>\n  );\n};\n\nexport default BadgeCount;\n"]}

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

@@ -0,0 +1,46 @@
+import type { ViewProps, StyleProp, ViewStyle } from 'react-native';
+import type { TextProps } from '../Text';
+export declare enum BadgeCountSize {
+    /**
+     * Represents a medium badge count (14px height).
+     */
+    Md = "Md",
+    /**
+     * Represents a large badge count (20px height).
+     */
+    Lg = "Lg"
+}
+/**
+ * BadgeCount component props.
+ */
+export type BadgeCountProps = {
+    /**
+     * Optional prop to control the size of the BadgeCount
+     * Different sizes map to specific height
+     * @default IconSize.Md
+     */
+    size?: BadgeCountSize;
+    /**
+     * Required prop to show the count number
+     */
+    count: number;
+    /**
+     * Optional prop to determine the max the count can go up to.
+     * If count > max, the count will be shown as "max+"
+     * @default 99
+     */
+    max?: number;
+    /**
+     * Optional props to be passed to the Text component used by count
+     */
+    textProps?: Partial<TextProps>;
+    /**
+     * Optional prop to add twrnc overriding classNames.
+     */
+    twClassName?: string;
+    /**
+     * Optional prop to control the style.
+     */
+    style?: StyleProp<ViewStyle>;
+} & Omit<ViewProps, 'children'>;
+//# sourceMappingURL=BadgeCount.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeCount.types.d.ts","sourceRoot":"","sources":["../../../src/components/BadgeCount/BadgeCount.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,oBAAY,cAAc;IACxB;;OAEG;IACH,EAAE,OAAO;IACT;;OAEG;IACH,EAAE,OAAO;CACV;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B;;;;OAIG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAC/B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC"}

package/dist/components/BadgeCount/BadgeCount.types.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BadgeCountSize = void 0;
+var BadgeCountSize;
+(function (BadgeCountSize) {
+    /**
+     * Represents a medium badge count (14px height).
+     */
+    BadgeCountSize["Md"] = "Md";
+    /**
+     * Represents a large badge count (20px height).
+     */
+    BadgeCountSize["Lg"] = "Lg";
+})(BadgeCountSize || (exports.BadgeCountSize = BadgeCountSize = {}));
+//# sourceMappingURL=BadgeCount.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeCount.types.js","sourceRoot":"","sources":["../../../src/components/BadgeCount/BadgeCount.types.ts"],"names":[],"mappings":";;;AAIA,IAAY,cASX;AATD,WAAY,cAAc;IACxB;;OAEG;IACH,2BAAS,CAAA;IACT;;OAEG;IACH,2BAAS,CAAA;AACX,CAAC,EATW,cAAc,8BAAd,cAAc,QASzB","sourcesContent":["import type { ViewProps, StyleProp, ViewStyle } from 'react-native';\n\nimport type { TextProps } from '../Text';\n\nexport enum BadgeCountSize {\n  /**\n   * Represents a medium badge count (14px height).\n   */\n  Md = 'Md',\n  /**\n   * Represents a large badge count (20px height).\n   */\n  Lg = 'Lg',\n}\n\n/**\n * BadgeCount component props.\n */\nexport type BadgeCountProps = {\n  /**\n   * Optional prop to control the size of the BadgeCount\n   * Different sizes map to specific height\n   * @default IconSize.Md\n   */\n  size?: BadgeCountSize;\n  /**\n   * Required prop to show the count number\n   */\n  count: number;\n  /**\n   * Optional prop to determine the max the count can go up to.\n   * If count > max, the count will be shown as \"max+\"\n   * @default 99\n   */\n  max?: number;\n  /**\n   * Optional props to be passed to the Text component used by count\n   */\n  textProps?: Partial<TextProps>;\n  /**\n   * Optional prop to add twrnc overriding classNames.\n   */\n  twClassName?: string;\n  /**\n   * Optional prop to control the style.\n   */\n  style?: StyleProp<ViewStyle>;\n} & Omit<ViewProps, 'children'>;\n"]}

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

@@ -0,0 +1,4 @@
+export { default } from './BadgeCount';
+export type { BadgeCountProps } from './BadgeCount.types';
+export { BadgeCountSize } from './BadgeCount.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BadgeCount/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"}

package/dist/components/BadgeCount/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.BadgeCountSize = exports.default = void 0;
+var BadgeCount_1 = require("./BadgeCount");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(BadgeCount_1).default; } });
+var BadgeCount_types_1 = require("./BadgeCount.types");
+Object.defineProperty(exports, "BadgeCountSize", { enumerable: true, get: function () { return BadgeCount_types_1.BadgeCountSize; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/BadgeCount/index.ts"],"names":[],"mappings":";;;;;;AAAA,2CAAuC;AAA9B,sHAAA,OAAO,OAAA;AAEhB,uDAAoD;AAA3C,kHAAA,cAAc,OAAA","sourcesContent":["export { default } from './BadgeCount';\nexport type { BadgeCountProps } from './BadgeCount.types';\nexport { BadgeCountSize } from './BadgeCount.types';\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeIcon.d.ts","sourceRoot":"","sources":["../../../src/components/BadgeIcon/BadgeIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,QAAA,MAAM,SAAS,0DAMZ,cAAc,sBAyBhB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/BadgeIcon/BadgeIcon.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 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const Icon_1 = __importStar(require("../Icon"));
+const BadgeIcon = ({ iconName, iconProps, twClassName = '', style, ...props }) => {
+    const tw = (0, design_system_twrnc_preset_1.useTailwind)();
+    const twContainerClassNames = `
+    h-4 w-4 
+    bg-icon-default 
+    rounded-full 
+    items-center 
+    justify-center 
+    ${twClassName}
+  `.trim();
+    return (<react_native_1.View style={[tw `${twContainerClassNames}`, style]} accessibilityRole="image" {...props}>
+      <Icon_1.default color={Icon_1.IconColor.PrimaryInverse} {...iconProps} size={Icon_1.IconSize.Xs} name={iconName}/>
+    </react_native_1.View>);
+};
+exports.default = BadgeIcon;
+//# sourceMappingURL=BadgeIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeIcon.js","sourceRoot":"","sources":["../../../src/components/BadgeIcon/BadgeIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iEAAiE;AACjE,8FAA4E;AAC5E,kDAA0B;AAC1B,+CAAoC;AAEpC,gDAAoD;AAGpD,MAAM,SAAS,GAAG,CAAC,EACjB,QAAQ,EACR,SAAS,EACT,WAAW,GAAG,EAAE,EAChB,KAAK,EACL,GAAG,KAAK,EACO,EAAE,EAAE;IACnB,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IACzB,MAAM,qBAAqB,GAAG;;;;;;MAM1B,WAAW;GACd,CAAC,IAAI,EAAE,CAAC;IAET,OAAO,CACL,CAAC,mBAAI,CACH,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,KAAK,CAAC,CAAC,gBAAS,CAAC,cAAc,CAAC,CAChC,IAAI,SAAS,CAAC,CACd,IAAI,CAAC,CAAC,eAAQ,CAAC,EAAE,CAAC,CAClB,IAAI,CAAC,CAAC,QAAQ,CAAC,EAEnB;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport Icon, { IconSize, IconColor } from '../Icon';\nimport type { BadgeIconProps } from './BadgeIcon.types';\n\nconst BadgeIcon = ({\n  iconName,\n  iconProps,\n  twClassName = '',\n  style,\n  ...props\n}: BadgeIconProps) => {\n  const tw = useTailwind();\n  const twContainerClassNames = `\n    h-4 w-4 \n    bg-icon-default \n    rounded-full \n    items-center \n    justify-center \n    ${twClassName}\n  `.trim();\n\n  return (\n    <View\n      style={[tw`${twContainerClassNames}`, style]}\n      accessibilityRole=\"image\"\n      {...props}\n    >\n      <Icon\n        color={IconColor.PrimaryInverse}\n        {...iconProps}\n        size={IconSize.Xs}\n        name={iconName}\n      />\n    </View>\n  );\n};\n\nexport default BadgeIcon;\n"]}

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

@@ -0,0 +1,20 @@
+import { ViewProps } from 'react-native';
+import { IconName, IconProps } from '../Icon';
+/**
+ * BadgeIcon component props.
+ */
+export type BadgeIconProps = {
+    /**
+     * Required prop to specify an icon to show
+     */
+    iconName: IconName;
+    /**
+     * Optional prop to pass additional properties to the icon
+     */
+    iconProps?: Omit<IconProps, 'name'>;
+    /**
+     * Optional prop to add twrnc overriding classNames.
+     */
+    twClassName?: string;
+} & Omit<ViewProps, 'children'>;
+//# sourceMappingURL=BadgeIcon.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeIcon.types.d.ts","sourceRoot":"","sources":["../../../src/components/BadgeIcon/BadgeIcon.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAE9C;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,QAAQ,EAAE,QAAQ,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IACpC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC"}

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

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

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

@@ -0,0 +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\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/dist/components/BadgeIcon/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './BadgeIcon';
+export type { BadgeIconProps } from './BadgeIcon.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BadgeIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}