@metamask-previews/design-system-react-native 0.11.0-preview.3aca0bd → 0.11.0-preview.96aaa54

package/dist/components/AvatarAccount/AvatarAccount.cjs

@@ -10,18 +10,19 @@ const AvatarBase_1 = require("../AvatarBase/index.cjs");
 const Blockies_1 = require("../temp-components/Blockies/index.cjs");
 const Jazzicon_1 = require("../temp-components/Jazzicon/index.cjs");
 const Maskicon_1 = require("../temp-components/Maskicon/index.cjs");
+const AvatarAccount_constants_1 = require("./AvatarAccount.constants.cjs");
 const AvatarAccount = ({ address, variant = types_1.AvatarAccountVariant.Jazzicon, size = types_1.AvatarAccountSize.Md, blockiesProps, jazziconProps, maskiconProps, ...props }) => {
     let AvatarArtComponent;
     switch (variant) {
         case types_1.AvatarAccountVariant.Blockies:
-            AvatarArtComponent = (<Blockies_1.Blockies address={address} size={Number(size)} {...blockiesProps}/>);
+            AvatarArtComponent = (<Blockies_1.Blockies address={address} size={AvatarAccount_constants_1.MAP_AVATARACCOUNT_SIZE_SIZENUMBER[size]} {...blockiesProps}/>);
             break;
         case types_1.AvatarAccountVariant.Maskicon:
-            AvatarArtComponent = (<Maskicon_1.Maskicon address={address} size={Number(size)} {...maskiconProps}/>);
+            AvatarArtComponent = (<Maskicon_1.Maskicon address={address} size={AvatarAccount_constants_1.MAP_AVATARACCOUNT_SIZE_SIZENUMBER[size]} {...maskiconProps}/>);
             break;
         case types_1.AvatarAccountVariant.Jazzicon:
         default:
-            AvatarArtComponent = (<Jazzicon_1.Jazzicon address={address} size={Number(size)} {...jazziconProps}/>);
+            AvatarArtComponent = (<Jazzicon_1.Jazzicon address={address} size={AvatarAccount_constants_1.MAP_AVATARACCOUNT_SIZE_SIZENUMBER[size]} {...jazziconProps}/>);
             break;
     }
     return (<AvatarBase_1.AvatarBase size={size} shape={types_1.AvatarBaseShape.Square} accessibilityRole="image" {...props}>

package/dist/components/AvatarAccount/AvatarAccount.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarAccount.cjs","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,iDAIqB;AACrB,wDAA2C;AAC3C,oEAAuD;AACvD,oEAAuD;AACvD,oEAAuD;AAIhD,MAAM,aAAa,GAAG,CAAC,EAC5B,OAAO,EACP,OAAO,GAAG,4BAAoB,CAAC,QAAQ,EACvC,IAAI,GAAG,yBAAiB,CAAC,EAAE,EAC3B,aAAa,EACb,aAAa,EACb,aAAa,EACb,GAAG,KAAK,EACW,EAAE,EAAE;IACvB,IAAI,kBAAkB,CAAC;IAEvB,QAAQ,OAAO,EAAE;QACf,KAAK,4BAAoB,CAAC,QAAQ;YAChC,kBAAkB,GAAG,CACnB,CAAC,mBAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,aAAa,CAAC,EAAG,CACtE,CAAC;YACF,MAAM;QACR,KAAK,4BAAoB,CAAC,QAAQ;YAChC,kBAAkB,GAAG,CACnB,CAAC,mBAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,aAAa,CAAC,EAAG,CACtE,CAAC;YACF,MAAM;QACR,KAAK,4BAAoB,CAAC,QAAQ,CAAC;QACnC;YACE,kBAAkB,GAAG,CACnB,CAAC,mBAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,aAAa,CAAC,EAAG,CACtE,CAAC;YACF,MAAM;KACT;IAED,OAAO,CACL,CAAC,uBAAU,CACT,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,KAAK,CAAC,CAAC,uBAAe,CAAC,MAAM,CAAC,CAC9B,iBAAiB,CAAC,OAAO,CACzB,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,kBAAkB,CACrB;IAAA,EAAE,uBAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC;AAxCW,QAAA,aAAa,iBAwCxB","sourcesContent":["import React from 'react';\n\nimport {\n  AvatarAccountSize,\n  AvatarBaseShape,\n  AvatarAccountVariant,\n} from '../../types';\nimport { AvatarBase } from '../AvatarBase';\nimport { Blockies } from '../temp-components/Blockies';\nimport { Jazzicon } from '../temp-components/Jazzicon';\nimport { Maskicon } from '../temp-components/Maskicon';\n\nimport type { AvatarAccountProps } from './AvatarAccount.types';\n\nexport const AvatarAccount = ({\n  address,\n  variant = AvatarAccountVariant.Jazzicon,\n  size = AvatarAccountSize.Md,\n  blockiesProps,\n  jazziconProps,\n  maskiconProps,\n  ...props\n}: AvatarAccountProps) => {\n  let AvatarArtComponent;\n\n  switch (variant) {\n    case AvatarAccountVariant.Blockies:\n      AvatarArtComponent = (\n        <Blockies address={address} size={Number(size)} {...blockiesProps} />\n      );\n      break;\n    case AvatarAccountVariant.Maskicon:\n      AvatarArtComponent = (\n        <Maskicon address={address} size={Number(size)} {...maskiconProps} />\n      );\n      break;\n    case AvatarAccountVariant.Jazzicon:\n    default:\n      AvatarArtComponent = (\n        <Jazzicon address={address} size={Number(size)} {...jazziconProps} />\n      );\n      break;\n  }\n\n  return (\n    <AvatarBase\n      size={size}\n      shape={AvatarBaseShape.Square}\n      accessibilityRole=\"image\"\n      {...props}\n    >\n      {AvatarArtComponent}\n    </AvatarBase>\n  );\n};\n"]}
+{"version":3,"file":"AvatarAccount.cjs","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,iDAIqB;AACrB,wDAA2C;AAC3C,oEAAuD;AACvD,oEAAuD;AACvD,oEAAuD;AAEvD,2EAA8E;AAGvE,MAAM,aAAa,GAAG,CAAC,EAC5B,OAAO,EACP,OAAO,GAAG,4BAAoB,CAAC,QAAQ,EACvC,IAAI,GAAG,yBAAiB,CAAC,EAAE,EAC3B,aAAa,EACb,aAAa,EACb,aAAa,EACb,GAAG,KAAK,EACW,EAAE,EAAE;IACvB,IAAI,kBAAkB,CAAC;IAEvB,QAAQ,OAAO,EAAE;QACf,KAAK,4BAAoB,CAAC,QAAQ;YAChC,kBAAkB,GAAG,CACnB,CAAC,mBAAQ,CACP,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,IAAI,CAAC,CAAC,2DAAiC,CAAC,IAAI,CAAC,CAAC,CAC9C,IAAI,aAAa,CAAC,EAClB,CACH,CAAC;YACF,MAAM;QACR,KAAK,4BAAoB,CAAC,QAAQ;YAChC,kBAAkB,GAAG,CACnB,CAAC,mBAAQ,CACP,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,IAAI,CAAC,CAAC,2DAAiC,CAAC,IAAI,CAAC,CAAC,CAC9C,IAAI,aAAa,CAAC,EAClB,CACH,CAAC;YACF,MAAM;QACR,KAAK,4BAAoB,CAAC,QAAQ,CAAC;QACnC;YACE,kBAAkB,GAAG,CACnB,CAAC,mBAAQ,CACP,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,IAAI,CAAC,CAAC,2DAAiC,CAAC,IAAI,CAAC,CAAC,CAC9C,IAAI,aAAa,CAAC,EAClB,CACH,CAAC;YACF,MAAM;KACT;IAED,OAAO,CACL,CAAC,uBAAU,CACT,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,KAAK,CAAC,CAAC,uBAAe,CAAC,MAAM,CAAC,CAC9B,iBAAiB,CAAC,OAAO,CACzB,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,kBAAkB,CACrB;IAAA,EAAE,uBAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC;AApDW,QAAA,aAAa,iBAoDxB","sourcesContent":["import React from 'react';\n\nimport {\n  AvatarAccountSize,\n  AvatarBaseShape,\n  AvatarAccountVariant,\n} from '../../types';\nimport { AvatarBase } from '../AvatarBase';\nimport { Blockies } from '../temp-components/Blockies';\nimport { Jazzicon } from '../temp-components/Jazzicon';\nimport { Maskicon } from '../temp-components/Maskicon';\n\nimport { MAP_AVATARACCOUNT_SIZE_SIZENUMBER } from './AvatarAccount.constants';\nimport type { AvatarAccountProps } from './AvatarAccount.types';\n\nexport const AvatarAccount = ({\n  address,\n  variant = AvatarAccountVariant.Jazzicon,\n  size = AvatarAccountSize.Md,\n  blockiesProps,\n  jazziconProps,\n  maskiconProps,\n  ...props\n}: AvatarAccountProps) => {\n  let AvatarArtComponent;\n\n  switch (variant) {\n    case AvatarAccountVariant.Blockies:\n      AvatarArtComponent = (\n        <Blockies\n          address={address}\n          size={MAP_AVATARACCOUNT_SIZE_SIZENUMBER[size]}\n          {...blockiesProps}\n        />\n      );\n      break;\n    case AvatarAccountVariant.Maskicon:\n      AvatarArtComponent = (\n        <Maskicon\n          address={address}\n          size={MAP_AVATARACCOUNT_SIZE_SIZENUMBER[size]}\n          {...maskiconProps}\n        />\n      );\n      break;\n    case AvatarAccountVariant.Jazzicon:\n    default:\n      AvatarArtComponent = (\n        <Jazzicon\n          address={address}\n          size={MAP_AVATARACCOUNT_SIZE_SIZENUMBER[size]}\n          {...jazziconProps}\n        />\n      );\n      break;\n  }\n\n  return (\n    <AvatarBase\n      size={size}\n      shape={AvatarBaseShape.Square}\n      accessibilityRole=\"image\"\n      {...props}\n    >\n      {AvatarArtComponent}\n    </AvatarBase>\n  );\n};\n"]}

package/dist/components/AvatarAccount/AvatarAccount.constants.cjs

@@ -1,6 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SAMPLE_AVATARACCOUNT_ADDRESSES = void 0;
+exports.SAMPLE_AVATARACCOUNT_ADDRESSES = exports.MAP_AVATARACCOUNT_SIZE_SIZENUMBER = void 0;
+const types_1 = require("../../types/index.cjs");
+exports.MAP_AVATARACCOUNT_SIZE_SIZENUMBER = {
+    [types_1.AvatarAccountSize.Xs]: 16,
+    [types_1.AvatarAccountSize.Sm]: 24,
+    [types_1.AvatarAccountSize.Md]: 32,
+    [types_1.AvatarAccountSize.Lg]: 40,
+    [types_1.AvatarAccountSize.Xl]: 48,
+};
 // Sample account addresses
 exports.SAMPLE_AVATARACCOUNT_ADDRESSES = [
     '0x9Cbf7c41B7787F6c621115010D3B044029FE2Ce8',

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarAccount.constants.cjs","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.constants.ts"],"names":[],"mappings":";;;AAAA,2BAA2B;AACd,QAAA,8BAA8B,GAAG;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;CAC7C,CAAC","sourcesContent":["// Sample account addresses\nexport const SAMPLE_AVATARACCOUNT_ADDRESSES = [\n  '0x9Cbf7c41B7787F6c621115010D3B044029FE2Ce8',\n  '0xb9b81f6bd23B953c5257C3b5E2F0c03B07E944eB',\n  '0x360507dfEC4Bf0c03495f91154A78C672599F308',\n  '0x50cA820Ff810F7687E7d0aDb23A830e3ac6032C3',\n  '0x840C9Eb73729E626673714D6E4dA8afc8Ccc90d3',\n  '0xCA0361BE89B7d47a6233d1875F0727ddeAB23377',\n  '0xD78CBcA88eCd65c6128511e46a518CDc6c66fC74',\n  '0xCFc8b1d1031ef2ecce3a98d5D79ce4D75Edb06bA',\n  '0xDe53fa2E659b6134991bB56F64B691990e5C44E7',\n  '0x8AceA3A9748294d1B5C25a08EFE37b756AafDFdd',\n  '0xEC5CE72f2e18B0017C88F7B12d3308119C5Cf129',\n  '0xeC56Da21c90Af6b50E4Ba5ec252bD97e735290fc',\n];\n"]}
+{"version":3,"file":"AvatarAccount.constants.cjs","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.constants.ts"],"names":[],"mappings":";;;AAAA,iDAAgD;AAEnC,QAAA,iCAAiC,GAG1C;IACF,CAAC,yBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE;IAC1B,CAAC,yBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE;IAC1B,CAAC,yBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE;IAC1B,CAAC,yBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE;IAC1B,CAAC,yBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE;CAC3B,CAAC;AAEF,2BAA2B;AACd,QAAA,8BAA8B,GAAG;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;CAC7C,CAAC","sourcesContent":["import { AvatarAccountSize } from '../../types';\n\nexport const MAP_AVATARACCOUNT_SIZE_SIZENUMBER: Record<\n  AvatarAccountSize,\n  number\n> = {\n  [AvatarAccountSize.Xs]: 16,\n  [AvatarAccountSize.Sm]: 24,\n  [AvatarAccountSize.Md]: 32,\n  [AvatarAccountSize.Lg]: 40,\n  [AvatarAccountSize.Xl]: 48,\n};\n\n// Sample account addresses\nexport const SAMPLE_AVATARACCOUNT_ADDRESSES = [\n  '0x9Cbf7c41B7787F6c621115010D3B044029FE2Ce8',\n  '0xb9b81f6bd23B953c5257C3b5E2F0c03B07E944eB',\n  '0x360507dfEC4Bf0c03495f91154A78C672599F308',\n  '0x50cA820Ff810F7687E7d0aDb23A830e3ac6032C3',\n  '0x840C9Eb73729E626673714D6E4dA8afc8Ccc90d3',\n  '0xCA0361BE89B7d47a6233d1875F0727ddeAB23377',\n  '0xD78CBcA88eCd65c6128511e46a518CDc6c66fC74',\n  '0xCFc8b1d1031ef2ecce3a98d5D79ce4D75Edb06bA',\n  '0xDe53fa2E659b6134991bB56F64B691990e5C44E7',\n  '0x8AceA3A9748294d1B5C25a08EFE37b756AafDFdd',\n  '0xEC5CE72f2e18B0017C88F7B12d3308119C5Cf129',\n  '0xeC56Da21c90Af6b50E4Ba5ec252bD97e735290fc',\n];\n"]}

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

@@ -1,2 +1,4 @@
+import { AvatarAccountSize } from "../../types/index.cjs";
+export declare const MAP_AVATARACCOUNT_SIZE_SIZENUMBER: Record<AvatarAccountSize, number>;
 export declare const SAMPLE_AVATARACCOUNT_ADDRESSES: string[];
 //# sourceMappingURL=AvatarAccount.constants.d.cts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarAccount.constants.d.cts","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.constants.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,8BAA8B,UAa1C,CAAC"}
+{"version":3,"file":"AvatarAccount.constants.d.cts","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,8BAAoB;AAEhD,eAAO,MAAM,iCAAiC,EAAE,MAAM,CACpD,iBAAiB,EACjB,MAAM,CAOP,CAAC;AAGF,eAAO,MAAM,8BAA8B,UAa1C,CAAC"}

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

@@ -1,2 +1,4 @@
+import { AvatarAccountSize } from "../../types/index.mjs";
+export declare const MAP_AVATARACCOUNT_SIZE_SIZENUMBER: Record<AvatarAccountSize, number>;
 export declare const SAMPLE_AVATARACCOUNT_ADDRESSES: string[];
 //# sourceMappingURL=AvatarAccount.constants.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarAccount.constants.d.mts","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.constants.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,8BAA8B,UAa1C,CAAC"}
+{"version":3,"file":"AvatarAccount.constants.d.mts","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,8BAAoB;AAEhD,eAAO,MAAM,iCAAiC,EAAE,MAAM,CACpD,iBAAiB,EACjB,MAAM,CAOP,CAAC;AAGF,eAAO,MAAM,8BAA8B,UAa1C,CAAC"}

package/dist/components/AvatarAccount/AvatarAccount.constants.mjs

@@ -1,3 +1,11 @@
+import { AvatarAccountSize } from "../../types/index.mjs";
+export const MAP_AVATARACCOUNT_SIZE_SIZENUMBER = {
+    [AvatarAccountSize.Xs]: 16,
+    [AvatarAccountSize.Sm]: 24,
+    [AvatarAccountSize.Md]: 32,
+    [AvatarAccountSize.Lg]: 40,
+    [AvatarAccountSize.Xl]: 48,
+};
 // Sample account addresses
 export const SAMPLE_AVATARACCOUNT_ADDRESSES = [
     '0x9Cbf7c41B7787F6c621115010D3B044029FE2Ce8',

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarAccount.constants.mjs","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.constants.ts"],"names":[],"mappings":"AAAA,2BAA2B;AAC3B,MAAM,CAAC,MAAM,8BAA8B,GAAG;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;CAC7C,CAAC","sourcesContent":["// Sample account addresses\nexport const SAMPLE_AVATARACCOUNT_ADDRESSES = [\n  '0x9Cbf7c41B7787F6c621115010D3B044029FE2Ce8',\n  '0xb9b81f6bd23B953c5257C3b5E2F0c03B07E944eB',\n  '0x360507dfEC4Bf0c03495f91154A78C672599F308',\n  '0x50cA820Ff810F7687E7d0aDb23A830e3ac6032C3',\n  '0x840C9Eb73729E626673714D6E4dA8afc8Ccc90d3',\n  '0xCA0361BE89B7d47a6233d1875F0727ddeAB23377',\n  '0xD78CBcA88eCd65c6128511e46a518CDc6c66fC74',\n  '0xCFc8b1d1031ef2ecce3a98d5D79ce4D75Edb06bA',\n  '0xDe53fa2E659b6134991bB56F64B691990e5C44E7',\n  '0x8AceA3A9748294d1B5C25a08EFE37b756AafDFdd',\n  '0xEC5CE72f2e18B0017C88F7B12d3308119C5Cf129',\n  '0xeC56Da21c90Af6b50E4Ba5ec252bD97e735290fc',\n];\n"]}
+{"version":3,"file":"AvatarAccount.constants.mjs","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,8BAAoB;AAEhD,MAAM,CAAC,MAAM,iCAAiC,GAG1C;IACF,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE;IAC1B,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE;IAC1B,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE;IAC1B,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE;IAC1B,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE;CAC3B,CAAC;AAEF,2BAA2B;AAC3B,MAAM,CAAC,MAAM,8BAA8B,GAAG;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;IAC5C,4CAA4C;CAC7C,CAAC","sourcesContent":["import { AvatarAccountSize } from '../../types';\n\nexport const MAP_AVATARACCOUNT_SIZE_SIZENUMBER: Record<\n  AvatarAccountSize,\n  number\n> = {\n  [AvatarAccountSize.Xs]: 16,\n  [AvatarAccountSize.Sm]: 24,\n  [AvatarAccountSize.Md]: 32,\n  [AvatarAccountSize.Lg]: 40,\n  [AvatarAccountSize.Xl]: 48,\n};\n\n// Sample account addresses\nexport const SAMPLE_AVATARACCOUNT_ADDRESSES = [\n  '0x9Cbf7c41B7787F6c621115010D3B044029FE2Ce8',\n  '0xb9b81f6bd23B953c5257C3b5E2F0c03B07E944eB',\n  '0x360507dfEC4Bf0c03495f91154A78C672599F308',\n  '0x50cA820Ff810F7687E7d0aDb23A830e3ac6032C3',\n  '0x840C9Eb73729E626673714D6E4dA8afc8Ccc90d3',\n  '0xCA0361BE89B7d47a6233d1875F0727ddeAB23377',\n  '0xD78CBcA88eCd65c6128511e46a518CDc6c66fC74',\n  '0xCFc8b1d1031ef2ecce3a98d5D79ce4D75Edb06bA',\n  '0xDe53fa2E659b6134991bB56F64B691990e5C44E7',\n  '0x8AceA3A9748294d1B5C25a08EFE37b756AafDFdd',\n  '0xEC5CE72f2e18B0017C88F7B12d3308119C5Cf129',\n  '0xeC56Da21c90Af6b50E4Ba5ec252bD97e735290fc',\n];\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarAccount.d.cts","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAY1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,kCAA8B;AAEhE,eAAO,MAAM,aAAa,sFAQvB,kBAAkB,sBAgCpB,CAAC"}
+{"version":3,"file":"AvatarAccount.d.cts","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAa1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,kCAA8B;AAEhE,eAAO,MAAM,aAAa,sFAQvB,kBAAkB,sBA4CpB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarAccount.d.mts","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAY1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,kCAA8B;AAEhE,eAAO,MAAM,aAAa,sFAQvB,kBAAkB,sBAgCpB,CAAC"}
+{"version":3,"file":"AvatarAccount.d.mts","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAa1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,kCAA8B;AAEhE,eAAO,MAAM,aAAa,sFAQvB,kBAAkB,sBA4CpB,CAAC"}

package/dist/components/AvatarAccount/AvatarAccount.mjs

@@ -11,18 +11,19 @@ import { AvatarBase } from "../AvatarBase/index.mjs";
 import { Blockies } from "../temp-components/Blockies/index.mjs";
 import { Jazzicon } from "../temp-components/Jazzicon/index.mjs";
 import { Maskicon } from "../temp-components/Maskicon/index.mjs";
+import { MAP_AVATARACCOUNT_SIZE_SIZENUMBER } from "./AvatarAccount.constants.mjs";
 export const AvatarAccount = ({ address, variant = AvatarAccountVariant.Jazzicon, size = AvatarAccountSize.Md, blockiesProps, jazziconProps, maskiconProps, ...props }) => {
     let AvatarArtComponent;
     switch (variant) {
         case AvatarAccountVariant.Blockies:
-            AvatarArtComponent = (<Blockies address={address} size={Number(size)} {...blockiesProps}/>);
+            AvatarArtComponent = (<Blockies address={address} size={MAP_AVATARACCOUNT_SIZE_SIZENUMBER[size]} {...blockiesProps}/>);
             break;
         case AvatarAccountVariant.Maskicon:
-            AvatarArtComponent = (<Maskicon address={address} size={Number(size)} {...maskiconProps}/>);
+            AvatarArtComponent = (<Maskicon address={address} size={MAP_AVATARACCOUNT_SIZE_SIZENUMBER[size]} {...maskiconProps}/>);
             break;
         case AvatarAccountVariant.Jazzicon:
         default:
-            AvatarArtComponent = (<Jazzicon address={address} size={Number(size)} {...jazziconProps}/>);
+            AvatarArtComponent = (<Jazzicon address={address} size={MAP_AVATARACCOUNT_SIZE_SIZENUMBER[size]} {...jazziconProps}/>);
             break;
     }
     return (<AvatarBase size={size} shape={AvatarBaseShape.Square} accessibilityRole="image" {...props}>

package/dist/components/AvatarAccount/AvatarAccount.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarAccount.mjs","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,MAAK,cAAc;;AAE1B,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,oBAAoB,EACrB,8BAAoB;AACrB,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAC3C,OAAO,EAAE,QAAQ,EAAE,8CAAoC;AACvD,OAAO,EAAE,QAAQ,EAAE,8CAAoC;AACvD,OAAO,EAAE,QAAQ,EAAE,8CAAoC;AAIvD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,OAAO,EACP,OAAO,GAAG,oBAAoB,CAAC,QAAQ,EACvC,IAAI,GAAG,iBAAiB,CAAC,EAAE,EAC3B,aAAa,EACb,aAAa,EACb,aAAa,EACb,GAAG,KAAK,EACW,EAAE,EAAE;IACvB,IAAI,kBAAkB,CAAC;IAEvB,QAAQ,OAAO,EAAE;QACf,KAAK,oBAAoB,CAAC,QAAQ;YAChC,kBAAkB,GAAG,CACnB,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,aAAa,CAAC,EAAG,CACtE,CAAC;YACF,MAAM;QACR,KAAK,oBAAoB,CAAC,QAAQ;YAChC,kBAAkB,GAAG,CACnB,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,aAAa,CAAC,EAAG,CACtE,CAAC;YACF,MAAM;QACR,KAAK,oBAAoB,CAAC,QAAQ,CAAC;QACnC;YACE,kBAAkB,GAAG,CACnB,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,aAAa,CAAC,EAAG,CACtE,CAAC;YACF,MAAM;KACT;IAED,OAAO,CACL,CAAC,UAAU,CACT,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,KAAK,CAAC,CAAC,eAAe,CAAC,MAAM,CAAC,CAC9B,iBAAiB,CAAC,OAAO,CACzB,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,kBAAkB,CACrB;IAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport {\n  AvatarAccountSize,\n  AvatarBaseShape,\n  AvatarAccountVariant,\n} from '../../types';\nimport { AvatarBase } from '../AvatarBase';\nimport { Blockies } from '../temp-components/Blockies';\nimport { Jazzicon } from '../temp-components/Jazzicon';\nimport { Maskicon } from '../temp-components/Maskicon';\n\nimport type { AvatarAccountProps } from './AvatarAccount.types';\n\nexport const AvatarAccount = ({\n  address,\n  variant = AvatarAccountVariant.Jazzicon,\n  size = AvatarAccountSize.Md,\n  blockiesProps,\n  jazziconProps,\n  maskiconProps,\n  ...props\n}: AvatarAccountProps) => {\n  let AvatarArtComponent;\n\n  switch (variant) {\n    case AvatarAccountVariant.Blockies:\n      AvatarArtComponent = (\n        <Blockies address={address} size={Number(size)} {...blockiesProps} />\n      );\n      break;\n    case AvatarAccountVariant.Maskicon:\n      AvatarArtComponent = (\n        <Maskicon address={address} size={Number(size)} {...maskiconProps} />\n      );\n      break;\n    case AvatarAccountVariant.Jazzicon:\n    default:\n      AvatarArtComponent = (\n        <Jazzicon address={address} size={Number(size)} {...jazziconProps} />\n      );\n      break;\n  }\n\n  return (\n    <AvatarBase\n      size={size}\n      shape={AvatarBaseShape.Square}\n      accessibilityRole=\"image\"\n      {...props}\n    >\n      {AvatarArtComponent}\n    </AvatarBase>\n  );\n};\n"]}
+{"version":3,"file":"AvatarAccount.mjs","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,MAAK,cAAc;;AAE1B,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,oBAAoB,EACrB,8BAAoB;AACrB,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAC3C,OAAO,EAAE,QAAQ,EAAE,8CAAoC;AACvD,OAAO,EAAE,QAAQ,EAAE,8CAAoC;AACvD,OAAO,EAAE,QAAQ,EAAE,8CAAoC;AAEvD,OAAO,EAAE,iCAAiC,EAAE,sCAAkC;AAG9E,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,OAAO,EACP,OAAO,GAAG,oBAAoB,CAAC,QAAQ,EACvC,IAAI,GAAG,iBAAiB,CAAC,EAAE,EAC3B,aAAa,EACb,aAAa,EACb,aAAa,EACb,GAAG,KAAK,EACW,EAAE,EAAE;IACvB,IAAI,kBAAkB,CAAC;IAEvB,QAAQ,OAAO,EAAE;QACf,KAAK,oBAAoB,CAAC,QAAQ;YAChC,kBAAkB,GAAG,CACnB,CAAC,QAAQ,CACP,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,IAAI,CAAC,CAAC,iCAAiC,CAAC,IAAI,CAAC,CAAC,CAC9C,IAAI,aAAa,CAAC,EAClB,CACH,CAAC;YACF,MAAM;QACR,KAAK,oBAAoB,CAAC,QAAQ;YAChC,kBAAkB,GAAG,CACnB,CAAC,QAAQ,CACP,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,IAAI,CAAC,CAAC,iCAAiC,CAAC,IAAI,CAAC,CAAC,CAC9C,IAAI,aAAa,CAAC,EAClB,CACH,CAAC;YACF,MAAM;QACR,KAAK,oBAAoB,CAAC,QAAQ,CAAC;QACnC;YACE,kBAAkB,GAAG,CACnB,CAAC,QAAQ,CACP,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,IAAI,CAAC,CAAC,iCAAiC,CAAC,IAAI,CAAC,CAAC,CAC9C,IAAI,aAAa,CAAC,EAClB,CACH,CAAC;YACF,MAAM;KACT;IAED,OAAO,CACL,CAAC,UAAU,CACT,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,KAAK,CAAC,CAAC,eAAe,CAAC,MAAM,CAAC,CAC9B,iBAAiB,CAAC,OAAO,CACzB,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,kBAAkB,CACrB;IAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport {\n  AvatarAccountSize,\n  AvatarBaseShape,\n  AvatarAccountVariant,\n} from '../../types';\nimport { AvatarBase } from '../AvatarBase';\nimport { Blockies } from '../temp-components/Blockies';\nimport { Jazzicon } from '../temp-components/Jazzicon';\nimport { Maskicon } from '../temp-components/Maskicon';\n\nimport { MAP_AVATARACCOUNT_SIZE_SIZENUMBER } from './AvatarAccount.constants';\nimport type { AvatarAccountProps } from './AvatarAccount.types';\n\nexport const AvatarAccount = ({\n  address,\n  variant = AvatarAccountVariant.Jazzicon,\n  size = AvatarAccountSize.Md,\n  blockiesProps,\n  jazziconProps,\n  maskiconProps,\n  ...props\n}: AvatarAccountProps) => {\n  let AvatarArtComponent;\n\n  switch (variant) {\n    case AvatarAccountVariant.Blockies:\n      AvatarArtComponent = (\n        <Blockies\n          address={address}\n          size={MAP_AVATARACCOUNT_SIZE_SIZENUMBER[size]}\n          {...blockiesProps}\n        />\n      );\n      break;\n    case AvatarAccountVariant.Maskicon:\n      AvatarArtComponent = (\n        <Maskicon\n          address={address}\n          size={MAP_AVATARACCOUNT_SIZE_SIZENUMBER[size]}\n          {...maskiconProps}\n        />\n      );\n      break;\n    case AvatarAccountVariant.Jazzicon:\n    default:\n      AvatarArtComponent = (\n        <Jazzicon\n          address={address}\n          size={MAP_AVATARACCOUNT_SIZE_SIZENUMBER[size]}\n          {...jazziconProps}\n        />\n      );\n      break;\n  }\n\n  return (\n    <AvatarBase\n      size={size}\n      shape={AvatarBaseShape.Square}\n      accessibilityRole=\"image\"\n      {...props}\n    >\n      {AvatarArtComponent}\n    </AvatarBase>\n  );\n};\n"]}

package/dist/components/AvatarBase/AvatarBase.cjs

@@ -4,16 +4,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AvatarBase = void 0;
+const design_system_shared_1 = require("@metamask-previews/design-system-shared");
 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/index.js");
-const types_1 = require("../../types/index.cjs");
 const Text_1 = require("../Text/index.cjs");
 const AvatarBase_constants_1 = require("./AvatarBase.constants.cjs");
-const AvatarBase = ({ children, size = types_1.AvatarBaseSize.Md, shape = types_1.AvatarBaseShape.Circle, fallbackText, fallbackTextProps, hasBorder = false, twClassName, style, ...props }) => {
+const AvatarBase = ({ children, size = design_system_shared_1.AvatarBaseSize.Md, shape = design_system_shared_1.AvatarBaseShape.Circle, fallbackText, fallbackTextProps, hasBorder = false, twClassName, style, ...props }) => {
     const tw = (0, design_system_twrnc_preset_1.useTailwind)();
     return (<react_native_1.View {...props} style={[
-            tw.style('items-center justify-center overflow-hidden bg-section', shape === types_1.AvatarBaseShape.Circle
+            tw.style('items-center justify-center overflow-hidden bg-section', shape === design_system_shared_1.AvatarBaseShape.Circle
                 ? 'rounded-full'
                 : AvatarBase_constants_1.TWCLASSMAP_AVATARBASE_SIZE_BORDERRADIUSS_SQUARE[size], hasBorder
                 ? AvatarBase_constants_1.TWCLASSMAP_AVATARBASE_HASBORDER_SIZE_DIMENSION[size]

package/dist/components/AvatarBase/AvatarBase.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarBase.cjs","sourceRoot":"","sources":["../../../src/components/AvatarBase/AvatarBase.tsx"],"names":[],"mappings":";;;;;;AAAA,8FAA4E;AAC5E,kDAA0B;AAC1B,wDAAoC;AAEpC,iDAA8D;AAC9D,4CAAmE;AAEnE,qEAKgC;AAGzB,MAAM,UAAU,GAAG,CAAC,EACzB,QAAQ,EACR,IAAI,GAAG,sBAAc,CAAC,EAAE,EACxB,KAAK,GAAG,uBAAe,CAAC,MAAM,EAC9B,YAAY,EACZ,iBAAiB,EACjB,SAAS,GAAG,KAAK,EACjB,WAAW,EACX,KAAK,EACL,GAAG,KAAK,EACQ,EAAE,EAAE;IACpB,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IAEzB,OAAO,CACL,CAAC,mBAAI,CACH,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CACN,wDAAwD,EACxD,KAAK,KAAK,uBAAe,CAAC,MAAM;gBAC9B,CAAC,CAAC,cAAc;gBAChB,CAAC,CAAC,sEAA+C,CAAC,IAAI,CAAC,EACzD,SAAS;gBACP,CAAC,CAAC,qEAA8C,CAAC,IAAI,CAAC;gBACtD,CAAC,CAAC,2DAAoC,CAAC,IAAI,CAAC,EAC9C,SAAS,IAAI,wDAAiC,CAAC,IAAI,CAAC,EACpD,WAAW,CACZ;YACD,KAAK;SACN,CAAC,CAEF;MAAA,CAAC,YAAY,CAAC,CAAC,CAAC,CACd,CAAC,WAAI,CACH,KAAK,CAAC,CAAC,gBAAS,CAAC,SAAS,CAAC,CAC3B,OAAO,CAAC,CAAC,kBAAW,CAAC,MAAM,CAAC,CAC5B,UAAU,CAAC,CAAC,iBAAU,CAAC,MAAM,CAAC,CAC9B,IAAI,iBAAiB,CAAC,CACtB,WAAW,CAAC,CAAC,aAAa,iBAAiB,EAAE,WAAW,CAAC,CAAC,CAAC,IAAI,iBAAiB,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC,CAE7G;UAAA,CAAC,YAAY,CACf;QAAA,EAAE,WAAI,CAAC,CACR,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACH;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AA9CW,QAAA,UAAU,cA8CrB","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport { AvatarBaseSize, AvatarBaseShape } from '../../types';\nimport { Text, TextColor, TextVariant, FontWeight } from '../Text';\n\nimport {\n  TWCLASSMAP_AVATARBASE_SIZE_DIMENSION,\n  TWCLASSMAP_AVATARBASE_HASBORDER_SIZE_DIMENSION,\n  TWCLASSMAP_AVATARBASE_SIZE_BORDERRADIUSS_SQUARE,\n  TWCLASSMAP_AVATARBASE_SIZE_BORDER,\n} from './AvatarBase.constants';\nimport type { AvatarBaseProps } from './AvatarBase.types';\n\nexport const AvatarBase = ({\n  children,\n  size = AvatarBaseSize.Md,\n  shape = AvatarBaseShape.Circle,\n  fallbackText,\n  fallbackTextProps,\n  hasBorder = false,\n  twClassName,\n  style,\n  ...props\n}: AvatarBaseProps) => {\n  const tw = useTailwind();\n\n  return (\n    <View\n      {...props}\n      style={[\n        tw.style(\n          'items-center justify-center overflow-hidden bg-section',\n          shape === AvatarBaseShape.Circle\n            ? 'rounded-full'\n            : TWCLASSMAP_AVATARBASE_SIZE_BORDERRADIUSS_SQUARE[size],\n          hasBorder\n            ? TWCLASSMAP_AVATARBASE_HASBORDER_SIZE_DIMENSION[size]\n            : TWCLASSMAP_AVATARBASE_SIZE_DIMENSION[size],\n          hasBorder && TWCLASSMAP_AVATARBASE_SIZE_BORDER[size],\n          twClassName,\n        ),\n        style,\n      ]}\n    >\n      {fallbackText ? (\n        <Text\n          color={TextColor.TextMuted}\n          variant={TextVariant.BodySm}\n          fontWeight={FontWeight.Medium}\n          {...fallbackTextProps}\n          twClassName={`uppercase ${fallbackTextProps?.twClassName ? ` ${fallbackTextProps.twClassName}` : ''}`.trim()}\n        >\n          {fallbackText}\n        </Text>\n      ) : (\n        children\n      )}\n    </View>\n  );\n};\n"]}
+{"version":3,"file":"AvatarBase.cjs","sourceRoot":"","sources":["../../../src/components/AvatarBase/AvatarBase.tsx"],"names":[],"mappings":";;;;;;AAAA,kFAGiD;AACjD,8FAA4E;AAC5E,kDAA0B;AAC1B,wDAAoC;AAEpC,4CAAmE;AAEnE,qEAKgC;AAGzB,MAAM,UAAU,GAAG,CAAC,EACzB,QAAQ,EACR,IAAI,GAAG,qCAAc,CAAC,EAAE,EACxB,KAAK,GAAG,sCAAe,CAAC,MAAM,EAC9B,YAAY,EACZ,iBAAiB,EACjB,SAAS,GAAG,KAAK,EACjB,WAAW,EACX,KAAK,EACL,GAAG,KAAK,EACQ,EAAE,EAAE;IACpB,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IAEzB,OAAO,CACL,CAAC,mBAAI,CACH,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CACN,wDAAwD,EACxD,KAAK,KAAK,sCAAe,CAAC,MAAM;gBAC9B,CAAC,CAAC,cAAc;gBAChB,CAAC,CAAC,sEAA+C,CAAC,IAAI,CAAC,EACzD,SAAS;gBACP,CAAC,CAAC,qEAA8C,CAAC,IAAI,CAAC;gBACtD,CAAC,CAAC,2DAAoC,CAAC,IAAI,CAAC,EAC9C,SAAS,IAAI,wDAAiC,CAAC,IAAI,CAAC,EACpD,WAAW,CACZ;YACD,KAAK;SACN,CAAC,CAEF;MAAA,CAAC,YAAY,CAAC,CAAC,CAAC,CACd,CAAC,WAAI,CACH,KAAK,CAAC,CAAC,gBAAS,CAAC,SAAS,CAAC,CAC3B,OAAO,CAAC,CAAC,kBAAW,CAAC,MAAM,CAAC,CAC5B,UAAU,CAAC,CAAC,iBAAU,CAAC,MAAM,CAAC,CAC9B,IAAI,iBAAiB,CAAC,CACtB,WAAW,CAAC,CAAC,aAAa,iBAAiB,EAAE,WAAW,CAAC,CAAC,CAAC,IAAI,iBAAiB,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC,CAE7G;UAAA,CAAC,YAAY,CACf;QAAA,EAAE,WAAI,CAAC,CACR,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACH;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AA9CW,QAAA,UAAU,cA8CrB","sourcesContent":["import {\n  AvatarBaseSize,\n  AvatarBaseShape,\n} from '@metamask-previews/design-system-shared';\nimport { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport { Text, TextColor, TextVariant, FontWeight } from '../Text';\n\nimport {\n  TWCLASSMAP_AVATARBASE_SIZE_DIMENSION,\n  TWCLASSMAP_AVATARBASE_HASBORDER_SIZE_DIMENSION,\n  TWCLASSMAP_AVATARBASE_SIZE_BORDERRADIUSS_SQUARE,\n  TWCLASSMAP_AVATARBASE_SIZE_BORDER,\n} from './AvatarBase.constants';\nimport type { AvatarBaseProps } from './AvatarBase.types';\n\nexport const AvatarBase = ({\n  children,\n  size = AvatarBaseSize.Md,\n  shape = AvatarBaseShape.Circle,\n  fallbackText,\n  fallbackTextProps,\n  hasBorder = false,\n  twClassName,\n  style,\n  ...props\n}: AvatarBaseProps) => {\n  const tw = useTailwind();\n\n  return (\n    <View\n      {...props}\n      style={[\n        tw.style(\n          'items-center justify-center overflow-hidden bg-section',\n          shape === AvatarBaseShape.Circle\n            ? 'rounded-full'\n            : TWCLASSMAP_AVATARBASE_SIZE_BORDERRADIUSS_SQUARE[size],\n          hasBorder\n            ? TWCLASSMAP_AVATARBASE_HASBORDER_SIZE_DIMENSION[size]\n            : TWCLASSMAP_AVATARBASE_SIZE_DIMENSION[size],\n          hasBorder && TWCLASSMAP_AVATARBASE_SIZE_BORDER[size],\n          twClassName,\n        ),\n        style,\n      ]}\n    >\n      {fallbackText ? (\n        <Text\n          color={TextColor.TextMuted}\n          variant={TextVariant.BodySm}\n          fontWeight={FontWeight.Medium}\n          {...fallbackTextProps}\n          twClassName={`uppercase ${fallbackTextProps?.twClassName ? ` ${fallbackTextProps.twClassName}` : ''}`.trim()}\n        >\n          {fallbackText}\n        </Text>\n      ) : (\n        children\n      )}\n    </View>\n  );\n};\n"]}

package/dist/components/AvatarBase/AvatarBase.constants.cjs

@@ -1,33 +1,33 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TWCLASSMAP_AVATARBASE_SIZE_BORDER = exports.TWCLASSMAP_AVATARBASE_SIZE_BORDERRADIUSS_SQUARE = exports.TWCLASSMAP_AVATARBASE_HASBORDER_SIZE_DIMENSION = exports.TWCLASSMAP_AVATARBASE_SIZE_DIMENSION = void 0;
-const types_1 = require("../../types/index.cjs");
+const design_system_shared_1 = require("@metamask-previews/design-system-shared");
 exports.TWCLASSMAP_AVATARBASE_SIZE_DIMENSION = {
-    [types_1.AvatarBaseSize.Xs]: 'h-4 w-4',
-    [types_1.AvatarBaseSize.Sm]: 'h-6 w-6',
-    [types_1.AvatarBaseSize.Md]: 'h-8 w-8',
-    [types_1.AvatarBaseSize.Lg]: 'h-10 w-10',
-    [types_1.AvatarBaseSize.Xl]: 'h-12 w-12', // 48px
+    [design_system_shared_1.AvatarBaseSize.Xs]: 'h-4 w-4',
+    [design_system_shared_1.AvatarBaseSize.Sm]: 'h-6 w-6',
+    [design_system_shared_1.AvatarBaseSize.Md]: 'h-8 w-8',
+    [design_system_shared_1.AvatarBaseSize.Lg]: 'h-10 w-10',
+    [design_system_shared_1.AvatarBaseSize.Xl]: 'h-12 w-12', // 48px
 };
 exports.TWCLASSMAP_AVATARBASE_HASBORDER_SIZE_DIMENSION = {
-    [types_1.AvatarBaseSize.Xs]: 'h-[18px] w-[18px]',
-    [types_1.AvatarBaseSize.Sm]: 'h-[26px] w-[26px]',
-    [types_1.AvatarBaseSize.Md]: 'h-[34px] w-[34px]',
-    [types_1.AvatarBaseSize.Lg]: 'h-[44px] w-[44px]',
-    [types_1.AvatarBaseSize.Xl]: 'h-[52px] w-[52px]', // 48px with 2px border on each side
+    [design_system_shared_1.AvatarBaseSize.Xs]: 'h-[18px] w-[18px]',
+    [design_system_shared_1.AvatarBaseSize.Sm]: 'h-[26px] w-[26px]',
+    [design_system_shared_1.AvatarBaseSize.Md]: 'h-[34px] w-[34px]',
+    [design_system_shared_1.AvatarBaseSize.Lg]: 'h-[44px] w-[44px]',
+    [design_system_shared_1.AvatarBaseSize.Xl]: 'h-[52px] w-[52px]', // 48px with 2px border on each side
 };
 exports.TWCLASSMAP_AVATARBASE_SIZE_BORDERRADIUSS_SQUARE = {
-    [types_1.AvatarBaseSize.Xs]: 'rounded-sm',
-    [types_1.AvatarBaseSize.Sm]: 'rounded-md',
-    [types_1.AvatarBaseSize.Md]: 'rounded-lg',
-    [types_1.AvatarBaseSize.Lg]: 'rounded-[10px]',
-    [types_1.AvatarBaseSize.Xl]: 'rounded-xl', // 12px
+    [design_system_shared_1.AvatarBaseSize.Xs]: 'rounded-sm',
+    [design_system_shared_1.AvatarBaseSize.Sm]: 'rounded-md',
+    [design_system_shared_1.AvatarBaseSize.Md]: 'rounded-lg',
+    [design_system_shared_1.AvatarBaseSize.Lg]: 'rounded-[10px]',
+    [design_system_shared_1.AvatarBaseSize.Xl]: 'rounded-xl', // 12px
 };
 exports.TWCLASSMAP_AVATARBASE_SIZE_BORDER = {
-    [types_1.AvatarBaseSize.Xs]: 'border-background-default border',
-    [types_1.AvatarBaseSize.Sm]: 'border-background-default border',
-    [types_1.AvatarBaseSize.Md]: 'border-background-default border',
-    [types_1.AvatarBaseSize.Lg]: 'border-background-default border-2',
-    [types_1.AvatarBaseSize.Xl]: 'border-background-default border-2', // 2px border
+    [design_system_shared_1.AvatarBaseSize.Xs]: 'border-background-default border',
+    [design_system_shared_1.AvatarBaseSize.Sm]: 'border-background-default border',
+    [design_system_shared_1.AvatarBaseSize.Md]: 'border-background-default border',
+    [design_system_shared_1.AvatarBaseSize.Lg]: 'border-background-default border-2',
+    [design_system_shared_1.AvatarBaseSize.Xl]: 'border-background-default border-2', // 2px border
 };
 //# sourceMappingURL=AvatarBase.constants.cjs.map

package/dist/components/AvatarBase/AvatarBase.constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarBase.constants.cjs","sourceRoot":"","sources":["../../../src/components/AvatarBase/AvatarBase.constants.ts"],"names":[],"mappings":";;;AAAA,iDAA6C;AAEhC,QAAA,oCAAoC,GAG7C;IACF,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,SAAS;IAC9B,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,SAAS;IAC9B,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,SAAS;IAC9B,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,WAAW;IAChC,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,WAAW,EAAE,OAAO;CAC1C,CAAC;AAEW,QAAA,8CAA8C,GAGvD;IACF,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,mBAAmB;IACxC,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,mBAAmB;IACxC,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,mBAAmB;IACxC,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,mBAAmB;IACxC,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,mBAAmB,EAAE,oCAAoC;CAC/E,CAAC;AAEW,QAAA,+CAA+C,GAGxD;IACF,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,YAAY;IACjC,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,YAAY;IACjC,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,YAAY;IACjC,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,gBAAgB;IACrC,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,YAAY,EAAE,OAAO;CAC3C,CAAC;AAEW,QAAA,iCAAiC,GAC5C;IACE,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,kCAAkC;IACvD,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,kCAAkC;IACvD,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,kCAAkC;IACvD,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,oCAAoC;IACzD,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,oCAAoC,EAAE,aAAa;CACzE,CAAC","sourcesContent":["import { AvatarBaseSize } from '../../types';\n\nexport const TWCLASSMAP_AVATARBASE_SIZE_DIMENSION: Record<\n  AvatarBaseSize,\n  string\n> = {\n  [AvatarBaseSize.Xs]: 'h-4 w-4', // 16px\n  [AvatarBaseSize.Sm]: 'h-6 w-6', // 24px\n  [AvatarBaseSize.Md]: 'h-8 w-8', // 32px\n  [AvatarBaseSize.Lg]: 'h-10 w-10', // 40px\n  [AvatarBaseSize.Xl]: 'h-12 w-12', // 48px\n};\n\nexport const TWCLASSMAP_AVATARBASE_HASBORDER_SIZE_DIMENSION: Record<\n  AvatarBaseSize,\n  string\n> = {\n  [AvatarBaseSize.Xs]: 'h-[18px] w-[18px]', // 16px with 1px border on each side\n  [AvatarBaseSize.Sm]: 'h-[26px] w-[26px]', // 24px with 1px border on each side\n  [AvatarBaseSize.Md]: 'h-[34px] w-[34px]', // 32px with 1px border on each side\n  [AvatarBaseSize.Lg]: 'h-[44px] w-[44px]', // 40px with 2px border on each side\n  [AvatarBaseSize.Xl]: 'h-[52px] w-[52px]', // 48px with 2px border on each side\n};\n\nexport const TWCLASSMAP_AVATARBASE_SIZE_BORDERRADIUSS_SQUARE: Record<\n  AvatarBaseSize,\n  string\n> = {\n  [AvatarBaseSize.Xs]: 'rounded-sm', // 4px\n  [AvatarBaseSize.Sm]: 'rounded-md', // 6px\n  [AvatarBaseSize.Md]: 'rounded-lg', // 8px\n  [AvatarBaseSize.Lg]: 'rounded-[10px]', // 10px (No tailwind class for this)\n  [AvatarBaseSize.Xl]: 'rounded-xl', // 12px\n};\n\nexport const TWCLASSMAP_AVATARBASE_SIZE_BORDER: Record<AvatarBaseSize, string> =\n  {\n    [AvatarBaseSize.Xs]: 'border-background-default border', // 1px border\n    [AvatarBaseSize.Sm]: 'border-background-default border', // 1px border\n    [AvatarBaseSize.Md]: 'border-background-default border', // 1px border\n    [AvatarBaseSize.Lg]: 'border-background-default border-2', // 2px border\n    [AvatarBaseSize.Xl]: 'border-background-default border-2', // 2px border\n  };\n"]}
+{"version":3,"file":"AvatarBase.constants.cjs","sourceRoot":"","sources":["../../../src/components/AvatarBase/AvatarBase.constants.ts"],"names":[],"mappings":";;;AAAA,kFAAyE;AAE5D,QAAA,oCAAoC,GAG7C;IACF,CAAC,qCAAc,CAAC,EAAE,CAAC,EAAE,SAAS;IAC9B,CAAC,qCAAc,CAAC,EAAE,CAAC,EAAE,SAAS;IAC9B,CAAC,qCAAc,CAAC,EAAE,CAAC,EAAE,SAAS;IAC9B,CAAC,qCAAc,CAAC,EAAE,CAAC,EAAE,WAAW;IAChC,CAAC,qCAAc,CAAC,EAAE,CAAC,EAAE,WAAW,EAAE,OAAO;CAC1C,CAAC;AAEW,QAAA,8CAA8C,GAGvD;IACF,CAAC,qCAAc,CAAC,EAAE,CAAC,EAAE,mBAAmB;IACxC,CAAC,qCAAc,CAAC,EAAE,CAAC,EAAE,mBAAmB;IACxC,CAAC,qCAAc,CAAC,EAAE,CAAC,EAAE,mBAAmB;IACxC,CAAC,qCAAc,CAAC,EAAE,CAAC,EAAE,mBAAmB;IACxC,CAAC,qCAAc,CAAC,EAAE,CAAC,EAAE,mBAAmB,EAAE,oCAAoC;CAC/E,CAAC;AAEW,QAAA,+CAA+C,GAGxD;IACF,CAAC,qCAAc,CAAC,EAAE,CAAC,EAAE,YAAY;IACjC,CAAC,qCAAc,CAAC,EAAE,CAAC,EAAE,YAAY;IACjC,CAAC,qCAAc,CAAC,EAAE,CAAC,EAAE,YAAY;IACjC,CAAC,qCAAc,CAAC,EAAE,CAAC,EAAE,gBAAgB;IACrC,CAAC,qCAAc,CAAC,EAAE,CAAC,EAAE,YAAY,EAAE,OAAO;CAC3C,CAAC;AAEW,QAAA,iCAAiC,GAC5C;IACE,CAAC,qCAAc,CAAC,EAAE,CAAC,EAAE,kCAAkC;IACvD,CAAC,qCAAc,CAAC,EAAE,CAAC,EAAE,kCAAkC;IACvD,CAAC,qCAAc,CAAC,EAAE,CAAC,EAAE,kCAAkC;IACvD,CAAC,qCAAc,CAAC,EAAE,CAAC,EAAE,oCAAoC;IACzD,CAAC,qCAAc,CAAC,EAAE,CAAC,EAAE,oCAAoC,EAAE,aAAa;CACzE,CAAC","sourcesContent":["import { AvatarBaseSize } from '@metamask-previews/design-system-shared';\n\nexport const TWCLASSMAP_AVATARBASE_SIZE_DIMENSION: Record<\n  AvatarBaseSize,\n  string\n> = {\n  [AvatarBaseSize.Xs]: 'h-4 w-4', // 16px\n  [AvatarBaseSize.Sm]: 'h-6 w-6', // 24px\n  [AvatarBaseSize.Md]: 'h-8 w-8', // 32px\n  [AvatarBaseSize.Lg]: 'h-10 w-10', // 40px\n  [AvatarBaseSize.Xl]: 'h-12 w-12', // 48px\n};\n\nexport const TWCLASSMAP_AVATARBASE_HASBORDER_SIZE_DIMENSION: Record<\n  AvatarBaseSize,\n  string\n> = {\n  [AvatarBaseSize.Xs]: 'h-[18px] w-[18px]', // 16px with 1px border on each side\n  [AvatarBaseSize.Sm]: 'h-[26px] w-[26px]', // 24px with 1px border on each side\n  [AvatarBaseSize.Md]: 'h-[34px] w-[34px]', // 32px with 1px border on each side\n  [AvatarBaseSize.Lg]: 'h-[44px] w-[44px]', // 40px with 2px border on each side\n  [AvatarBaseSize.Xl]: 'h-[52px] w-[52px]', // 48px with 2px border on each side\n};\n\nexport const TWCLASSMAP_AVATARBASE_SIZE_BORDERRADIUSS_SQUARE: Record<\n  AvatarBaseSize,\n  string\n> = {\n  [AvatarBaseSize.Xs]: 'rounded-sm', // 4px\n  [AvatarBaseSize.Sm]: 'rounded-md', // 6px\n  [AvatarBaseSize.Md]: 'rounded-lg', // 8px\n  [AvatarBaseSize.Lg]: 'rounded-[10px]', // 10px (No tailwind class for this)\n  [AvatarBaseSize.Xl]: 'rounded-xl', // 12px\n};\n\nexport const TWCLASSMAP_AVATARBASE_SIZE_BORDER: Record<AvatarBaseSize, string> =\n  {\n    [AvatarBaseSize.Xs]: 'border-background-default border', // 1px border\n    [AvatarBaseSize.Sm]: 'border-background-default border', // 1px border\n    [AvatarBaseSize.Md]: 'border-background-default border', // 1px border\n    [AvatarBaseSize.Lg]: 'border-background-default border-2', // 2px border\n    [AvatarBaseSize.Xl]: 'border-background-default border-2', // 2px border\n  };\n"]}

package/dist/components/AvatarBase/AvatarBase.constants.d.cts

@@ -1,4 +1,4 @@
-import { AvatarBaseSize } from "../../types/index.cjs";
+import { AvatarBaseSize } from "@metamask-previews/design-system-shared";
 export declare const TWCLASSMAP_AVATARBASE_SIZE_DIMENSION: Record<AvatarBaseSize, string>;
 export declare const TWCLASSMAP_AVATARBASE_HASBORDER_SIZE_DIMENSION: Record<AvatarBaseSize, string>;
 export declare const TWCLASSMAP_AVATARBASE_SIZE_BORDERRADIUSS_SQUARE: Record<AvatarBaseSize, string>;

package/dist/components/AvatarBase/AvatarBase.constants.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarBase.constants.d.cts","sourceRoot":"","sources":["../../../src/components/AvatarBase/AvatarBase.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,8BAAoB;AAE7C,eAAO,MAAM,oCAAoC,EAAE,MAAM,CACvD,cAAc,EACd,MAAM,CAOP,CAAC;AAEF,eAAO,MAAM,8CAA8C,EAAE,MAAM,CACjE,cAAc,EACd,MAAM,CAOP,CAAC;AAEF,eAAO,MAAM,+CAA+C,EAAE,MAAM,CAClE,cAAc,EACd,MAAM,CAOP,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAO1E,CAAC"}
+{"version":3,"file":"AvatarBase.constants.d.cts","sourceRoot":"","sources":["../../../src/components/AvatarBase/AvatarBase.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,gDAAgD;AAEzE,eAAO,MAAM,oCAAoC,EAAE,MAAM,CACvD,cAAc,EACd,MAAM,CAOP,CAAC;AAEF,eAAO,MAAM,8CAA8C,EAAE,MAAM,CACjE,cAAc,EACd,MAAM,CAOP,CAAC;AAEF,eAAO,MAAM,+CAA+C,EAAE,MAAM,CAClE,cAAc,EACd,MAAM,CAOP,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAO1E,CAAC"}

package/dist/components/AvatarBase/AvatarBase.constants.d.mts

@@ -1,4 +1,4 @@
-import { AvatarBaseSize } from "../../types/index.mjs";
+import { AvatarBaseSize } from "@metamask-previews/design-system-shared";
 export declare const TWCLASSMAP_AVATARBASE_SIZE_DIMENSION: Record<AvatarBaseSize, string>;
 export declare const TWCLASSMAP_AVATARBASE_HASBORDER_SIZE_DIMENSION: Record<AvatarBaseSize, string>;
 export declare const TWCLASSMAP_AVATARBASE_SIZE_BORDERRADIUSS_SQUARE: Record<AvatarBaseSize, string>;

package/dist/components/AvatarBase/AvatarBase.constants.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarBase.constants.d.mts","sourceRoot":"","sources":["../../../src/components/AvatarBase/AvatarBase.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,8BAAoB;AAE7C,eAAO,MAAM,oCAAoC,EAAE,MAAM,CACvD,cAAc,EACd,MAAM,CAOP,CAAC;AAEF,eAAO,MAAM,8CAA8C,EAAE,MAAM,CACjE,cAAc,EACd,MAAM,CAOP,CAAC;AAEF,eAAO,MAAM,+CAA+C,EAAE,MAAM,CAClE,cAAc,EACd,MAAM,CAOP,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAO1E,CAAC"}
+{"version":3,"file":"AvatarBase.constants.d.mts","sourceRoot":"","sources":["../../../src/components/AvatarBase/AvatarBase.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,gDAAgD;AAEzE,eAAO,MAAM,oCAAoC,EAAE,MAAM,CACvD,cAAc,EACd,MAAM,CAOP,CAAC;AAEF,eAAO,MAAM,8CAA8C,EAAE,MAAM,CACjE,cAAc,EACd,MAAM,CAOP,CAAC;AAEF,eAAO,MAAM,+CAA+C,EAAE,MAAM,CAClE,cAAc,EACd,MAAM,CAOP,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAO1E,CAAC"}

package/dist/components/AvatarBase/AvatarBase.constants.mjs

@@ -1,4 +1,4 @@
-import { AvatarBaseSize } from "../../types/index.mjs";
+import { AvatarBaseSize } from "@metamask-previews/design-system-shared";
 export const TWCLASSMAP_AVATARBASE_SIZE_DIMENSION = {
     [AvatarBaseSize.Xs]: 'h-4 w-4',
     [AvatarBaseSize.Sm]: 'h-6 w-6',

package/dist/components/AvatarBase/AvatarBase.constants.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarBase.constants.mjs","sourceRoot":"","sources":["../../../src/components/AvatarBase/AvatarBase.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,8BAAoB;AAE7C,MAAM,CAAC,MAAM,oCAAoC,GAG7C;IACF,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,SAAS;IAC9B,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,SAAS;IAC9B,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,SAAS;IAC9B,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,WAAW;IAChC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,WAAW,EAAE,OAAO;CAC1C,CAAC;AAEF,MAAM,CAAC,MAAM,8CAA8C,GAGvD;IACF,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,mBAAmB;IACxC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,mBAAmB;IACxC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,mBAAmB;IACxC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,mBAAmB;IACxC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,mBAAmB,EAAE,oCAAoC;CAC/E,CAAC;AAEF,MAAM,CAAC,MAAM,+CAA+C,GAGxD;IACF,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,YAAY;IACjC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,YAAY;IACjC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,YAAY;IACjC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,gBAAgB;IACrC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,YAAY,EAAE,OAAO;CAC3C,CAAC;AAEF,MAAM,CAAC,MAAM,iCAAiC,GAC5C;IACE,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,kCAAkC;IACvD,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,kCAAkC;IACvD,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,kCAAkC;IACvD,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,oCAAoC;IACzD,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,oCAAoC,EAAE,aAAa;CACzE,CAAC","sourcesContent":["import { AvatarBaseSize } from '../../types';\n\nexport const TWCLASSMAP_AVATARBASE_SIZE_DIMENSION: Record<\n  AvatarBaseSize,\n  string\n> = {\n  [AvatarBaseSize.Xs]: 'h-4 w-4', // 16px\n  [AvatarBaseSize.Sm]: 'h-6 w-6', // 24px\n  [AvatarBaseSize.Md]: 'h-8 w-8', // 32px\n  [AvatarBaseSize.Lg]: 'h-10 w-10', // 40px\n  [AvatarBaseSize.Xl]: 'h-12 w-12', // 48px\n};\n\nexport const TWCLASSMAP_AVATARBASE_HASBORDER_SIZE_DIMENSION: Record<\n  AvatarBaseSize,\n  string\n> = {\n  [AvatarBaseSize.Xs]: 'h-[18px] w-[18px]', // 16px with 1px border on each side\n  [AvatarBaseSize.Sm]: 'h-[26px] w-[26px]', // 24px with 1px border on each side\n  [AvatarBaseSize.Md]: 'h-[34px] w-[34px]', // 32px with 1px border on each side\n  [AvatarBaseSize.Lg]: 'h-[44px] w-[44px]', // 40px with 2px border on each side\n  [AvatarBaseSize.Xl]: 'h-[52px] w-[52px]', // 48px with 2px border on each side\n};\n\nexport const TWCLASSMAP_AVATARBASE_SIZE_BORDERRADIUSS_SQUARE: Record<\n  AvatarBaseSize,\n  string\n> = {\n  [AvatarBaseSize.Xs]: 'rounded-sm', // 4px\n  [AvatarBaseSize.Sm]: 'rounded-md', // 6px\n  [AvatarBaseSize.Md]: 'rounded-lg', // 8px\n  [AvatarBaseSize.Lg]: 'rounded-[10px]', // 10px (No tailwind class for this)\n  [AvatarBaseSize.Xl]: 'rounded-xl', // 12px\n};\n\nexport const TWCLASSMAP_AVATARBASE_SIZE_BORDER: Record<AvatarBaseSize, string> =\n  {\n    [AvatarBaseSize.Xs]: 'border-background-default border', // 1px border\n    [AvatarBaseSize.Sm]: 'border-background-default border', // 1px border\n    [AvatarBaseSize.Md]: 'border-background-default border', // 1px border\n    [AvatarBaseSize.Lg]: 'border-background-default border-2', // 2px border\n    [AvatarBaseSize.Xl]: 'border-background-default border-2', // 2px border\n  };\n"]}
+{"version":3,"file":"AvatarBase.constants.mjs","sourceRoot":"","sources":["../../../src/components/AvatarBase/AvatarBase.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,gDAAgD;AAEzE,MAAM,CAAC,MAAM,oCAAoC,GAG7C;IACF,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,SAAS;IAC9B,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,SAAS;IAC9B,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,SAAS;IAC9B,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,WAAW;IAChC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,WAAW,EAAE,OAAO;CAC1C,CAAC;AAEF,MAAM,CAAC,MAAM,8CAA8C,GAGvD;IACF,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,mBAAmB;IACxC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,mBAAmB;IACxC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,mBAAmB;IACxC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,mBAAmB;IACxC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,mBAAmB,EAAE,oCAAoC;CAC/E,CAAC;AAEF,MAAM,CAAC,MAAM,+CAA+C,GAGxD;IACF,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,YAAY;IACjC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,YAAY;IACjC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,YAAY;IACjC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,gBAAgB;IACrC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,YAAY,EAAE,OAAO;CAC3C,CAAC;AAEF,MAAM,CAAC,MAAM,iCAAiC,GAC5C;IACE,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,kCAAkC;IACvD,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,kCAAkC;IACvD,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,kCAAkC;IACvD,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,oCAAoC;IACzD,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,oCAAoC,EAAE,aAAa;CACzE,CAAC","sourcesContent":["import { AvatarBaseSize } from '@metamask-previews/design-system-shared';\n\nexport const TWCLASSMAP_AVATARBASE_SIZE_DIMENSION: Record<\n  AvatarBaseSize,\n  string\n> = {\n  [AvatarBaseSize.Xs]: 'h-4 w-4', // 16px\n  [AvatarBaseSize.Sm]: 'h-6 w-6', // 24px\n  [AvatarBaseSize.Md]: 'h-8 w-8', // 32px\n  [AvatarBaseSize.Lg]: 'h-10 w-10', // 40px\n  [AvatarBaseSize.Xl]: 'h-12 w-12', // 48px\n};\n\nexport const TWCLASSMAP_AVATARBASE_HASBORDER_SIZE_DIMENSION: Record<\n  AvatarBaseSize,\n  string\n> = {\n  [AvatarBaseSize.Xs]: 'h-[18px] w-[18px]', // 16px with 1px border on each side\n  [AvatarBaseSize.Sm]: 'h-[26px] w-[26px]', // 24px with 1px border on each side\n  [AvatarBaseSize.Md]: 'h-[34px] w-[34px]', // 32px with 1px border on each side\n  [AvatarBaseSize.Lg]: 'h-[44px] w-[44px]', // 40px with 2px border on each side\n  [AvatarBaseSize.Xl]: 'h-[52px] w-[52px]', // 48px with 2px border on each side\n};\n\nexport const TWCLASSMAP_AVATARBASE_SIZE_BORDERRADIUSS_SQUARE: Record<\n  AvatarBaseSize,\n  string\n> = {\n  [AvatarBaseSize.Xs]: 'rounded-sm', // 4px\n  [AvatarBaseSize.Sm]: 'rounded-md', // 6px\n  [AvatarBaseSize.Md]: 'rounded-lg', // 8px\n  [AvatarBaseSize.Lg]: 'rounded-[10px]', // 10px (No tailwind class for this)\n  [AvatarBaseSize.Xl]: 'rounded-xl', // 12px\n};\n\nexport const TWCLASSMAP_AVATARBASE_SIZE_BORDER: Record<AvatarBaseSize, string> =\n  {\n    [AvatarBaseSize.Xs]: 'border-background-default border', // 1px border\n    [AvatarBaseSize.Sm]: 'border-background-default border', // 1px border\n    [AvatarBaseSize.Md]: 'border-background-default border', // 1px border\n    [AvatarBaseSize.Lg]: 'border-background-default border-2', // 2px border\n    [AvatarBaseSize.Xl]: 'border-background-default border-2', // 2px border\n  };\n"]}

package/dist/components/AvatarBase/AvatarBase.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarBase.d.cts","sourceRoot":"","sources":["../../../src/components/AvatarBase/AvatarBase.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAY1B,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AAE1D,eAAO,MAAM,UAAU,wGAUpB,eAAe,sBAoCjB,CAAC"}
+{"version":3,"file":"AvatarBase.d.cts","sourceRoot":"","sources":["../../../src/components/AvatarBase/AvatarBase.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,cAAc;AAW1B,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AAE1D,eAAO,MAAM,UAAU,wGAUpB,eAAe,sBAoCjB,CAAC"}

package/dist/components/AvatarBase/AvatarBase.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarBase.d.mts","sourceRoot":"","sources":["../../../src/components/AvatarBase/AvatarBase.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAY1B,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AAE1D,eAAO,MAAM,UAAU,wGAUpB,eAAe,sBAoCjB,CAAC"}
+{"version":3,"file":"AvatarBase.d.mts","sourceRoot":"","sources":["../../../src/components/AvatarBase/AvatarBase.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,cAAc;AAW1B,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AAE1D,eAAO,MAAM,UAAU,wGAUpB,eAAe,sBAoCjB,CAAC"}

package/dist/components/AvatarBase/AvatarBase.mjs

@@ -4,11 +4,11 @@ function $importDefault(module) {
     }
     return module;
 }
+import { AvatarBaseSize, AvatarBaseShape } from "@metamask-previews/design-system-shared";
 import { useTailwind } from "@metamask-previews/design-system-twrnc-preset";
 import $React from "react";
 const React = $importDefault($React);
 import { View } from "react-native/index.js";
-import { AvatarBaseSize, AvatarBaseShape } from "../../types/index.mjs";
 import { Text, TextColor, TextVariant, FontWeight } from "../Text/index.mjs";
 import { TWCLASSMAP_AVATARBASE_SIZE_DIMENSION, TWCLASSMAP_AVATARBASE_HASBORDER_SIZE_DIMENSION, TWCLASSMAP_AVATARBASE_SIZE_BORDERRADIUSS_SQUARE, TWCLASSMAP_AVATARBASE_SIZE_BORDER } from "./AvatarBase.constants.mjs";
 export const AvatarBase = ({ children, size = AvatarBaseSize.Md, shape = AvatarBaseShape.Circle, fallbackText, fallbackTextProps, hasBorder = false, twClassName, style, ...props }) => {

package/dist/components/AvatarBase/AvatarBase.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarBase.mjs","sourceRoot":"","sources":["../../../src/components/AvatarBase/AvatarBase.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,sDAAsD;AAC5E,OAAO,MAAK,cAAc;;AAC1B,OAAO,EAAE,IAAI,EAAE,8BAAqB;AAEpC,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,8BAAoB;AAC9D,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,0BAAgB;AAEnE,OAAO,EACL,oCAAoC,EACpC,8CAA8C,EAC9C,+CAA+C,EAC/C,iCAAiC,EAClC,mCAA+B;AAGhC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,QAAQ,EACR,IAAI,GAAG,cAAc,CAAC,EAAE,EACxB,KAAK,GAAG,eAAe,CAAC,MAAM,EAC9B,YAAY,EACZ,iBAAiB,EACjB,SAAS,GAAG,KAAK,EACjB,WAAW,EACX,KAAK,EACL,GAAG,KAAK,EACQ,EAAE,EAAE;IACpB,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IAEzB,OAAO,CACL,CAAC,IAAI,CACH,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CACN,wDAAwD,EACxD,KAAK,KAAK,eAAe,CAAC,MAAM;gBAC9B,CAAC,CAAC,cAAc;gBAChB,CAAC,CAAC,+CAA+C,CAAC,IAAI,CAAC,EACzD,SAAS;gBACP,CAAC,CAAC,8CAA8C,CAAC,IAAI,CAAC;gBACtD,CAAC,CAAC,oCAAoC,CAAC,IAAI,CAAC,EAC9C,SAAS,IAAI,iCAAiC,CAAC,IAAI,CAAC,EACpD,WAAW,CACZ;YACD,KAAK;SACN,CAAC,CAEF;MAAA,CAAC,YAAY,CAAC,CAAC,CAAC,CACd,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAC3B,OAAO,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAC5B,UAAU,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAC9B,IAAI,iBAAiB,CAAC,CACtB,WAAW,CAAC,CAAC,aAAa,iBAAiB,EAAE,WAAW,CAAC,CAAC,CAAC,IAAI,iBAAiB,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC,CAE7G;UAAA,CAAC,YAAY,CACf;QAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACH;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport { AvatarBaseSize, AvatarBaseShape } from '../../types';\nimport { Text, TextColor, TextVariant, FontWeight } from '../Text';\n\nimport {\n  TWCLASSMAP_AVATARBASE_SIZE_DIMENSION,\n  TWCLASSMAP_AVATARBASE_HASBORDER_SIZE_DIMENSION,\n  TWCLASSMAP_AVATARBASE_SIZE_BORDERRADIUSS_SQUARE,\n  TWCLASSMAP_AVATARBASE_SIZE_BORDER,\n} from './AvatarBase.constants';\nimport type { AvatarBaseProps } from './AvatarBase.types';\n\nexport const AvatarBase = ({\n  children,\n  size = AvatarBaseSize.Md,\n  shape = AvatarBaseShape.Circle,\n  fallbackText,\n  fallbackTextProps,\n  hasBorder = false,\n  twClassName,\n  style,\n  ...props\n}: AvatarBaseProps) => {\n  const tw = useTailwind();\n\n  return (\n    <View\n      {...props}\n      style={[\n        tw.style(\n          'items-center justify-center overflow-hidden bg-section',\n          shape === AvatarBaseShape.Circle\n            ? 'rounded-full'\n            : TWCLASSMAP_AVATARBASE_SIZE_BORDERRADIUSS_SQUARE[size],\n          hasBorder\n            ? TWCLASSMAP_AVATARBASE_HASBORDER_SIZE_DIMENSION[size]\n            : TWCLASSMAP_AVATARBASE_SIZE_DIMENSION[size],\n          hasBorder && TWCLASSMAP_AVATARBASE_SIZE_BORDER[size],\n          twClassName,\n        ),\n        style,\n      ]}\n    >\n      {fallbackText ? (\n        <Text\n          color={TextColor.TextMuted}\n          variant={TextVariant.BodySm}\n          fontWeight={FontWeight.Medium}\n          {...fallbackTextProps}\n          twClassName={`uppercase ${fallbackTextProps?.twClassName ? ` ${fallbackTextProps.twClassName}` : ''}`.trim()}\n        >\n          {fallbackText}\n        </Text>\n      ) : (\n        children\n      )}\n    </View>\n  );\n};\n"]}
+{"version":3,"file":"AvatarBase.mjs","sourceRoot":"","sources":["../../../src/components/AvatarBase/AvatarBase.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EACL,cAAc,EACd,eAAe,EAChB,gDAAgD;AACjD,OAAO,EAAE,WAAW,EAAE,sDAAsD;AAC5E,OAAO,MAAK,cAAc;;AAC1B,OAAO,EAAE,IAAI,EAAE,8BAAqB;AAEpC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,0BAAgB;AAEnE,OAAO,EACL,oCAAoC,EACpC,8CAA8C,EAC9C,+CAA+C,EAC/C,iCAAiC,EAClC,mCAA+B;AAGhC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,QAAQ,EACR,IAAI,GAAG,cAAc,CAAC,EAAE,EACxB,KAAK,GAAG,eAAe,CAAC,MAAM,EAC9B,YAAY,EACZ,iBAAiB,EACjB,SAAS,GAAG,KAAK,EACjB,WAAW,EACX,KAAK,EACL,GAAG,KAAK,EACQ,EAAE,EAAE;IACpB,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IAEzB,OAAO,CACL,CAAC,IAAI,CACH,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CACN,wDAAwD,EACxD,KAAK,KAAK,eAAe,CAAC,MAAM;gBAC9B,CAAC,CAAC,cAAc;gBAChB,CAAC,CAAC,+CAA+C,CAAC,IAAI,CAAC,EACzD,SAAS;gBACP,CAAC,CAAC,8CAA8C,CAAC,IAAI,CAAC;gBACtD,CAAC,CAAC,oCAAoC,CAAC,IAAI,CAAC,EAC9C,SAAS,IAAI,iCAAiC,CAAC,IAAI,CAAC,EACpD,WAAW,CACZ;YACD,KAAK;SACN,CAAC,CAEF;MAAA,CAAC,YAAY,CAAC,CAAC,CAAC,CACd,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAC3B,OAAO,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAC5B,UAAU,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAC9B,IAAI,iBAAiB,CAAC,CACtB,WAAW,CAAC,CAAC,aAAa,iBAAiB,EAAE,WAAW,CAAC,CAAC,CAAC,IAAI,iBAAiB,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC,CAE7G;UAAA,CAAC,YAAY,CACf;QAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACH;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {\n  AvatarBaseSize,\n  AvatarBaseShape,\n} from '@metamask-previews/design-system-shared';\nimport { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport { Text, TextColor, TextVariant, FontWeight } from '../Text';\n\nimport {\n  TWCLASSMAP_AVATARBASE_SIZE_DIMENSION,\n  TWCLASSMAP_AVATARBASE_HASBORDER_SIZE_DIMENSION,\n  TWCLASSMAP_AVATARBASE_SIZE_BORDERRADIUSS_SQUARE,\n  TWCLASSMAP_AVATARBASE_SIZE_BORDER,\n} from './AvatarBase.constants';\nimport type { AvatarBaseProps } from './AvatarBase.types';\n\nexport const AvatarBase = ({\n  children,\n  size = AvatarBaseSize.Md,\n  shape = AvatarBaseShape.Circle,\n  fallbackText,\n  fallbackTextProps,\n  hasBorder = false,\n  twClassName,\n  style,\n  ...props\n}: AvatarBaseProps) => {\n  const tw = useTailwind();\n\n  return (\n    <View\n      {...props}\n      style={[\n        tw.style(\n          'items-center justify-center overflow-hidden bg-section',\n          shape === AvatarBaseShape.Circle\n            ? 'rounded-full'\n            : TWCLASSMAP_AVATARBASE_SIZE_BORDERRADIUSS_SQUARE[size],\n          hasBorder\n            ? TWCLASSMAP_AVATARBASE_HASBORDER_SIZE_DIMENSION[size]\n            : TWCLASSMAP_AVATARBASE_SIZE_DIMENSION[size],\n          hasBorder && TWCLASSMAP_AVATARBASE_SIZE_BORDER[size],\n          twClassName,\n        ),\n        style,\n      ]}\n    >\n      {fallbackText ? (\n        <Text\n          color={TextColor.TextMuted}\n          variant={TextVariant.BodySm}\n          fontWeight={FontWeight.Medium}\n          {...fallbackTextProps}\n          twClassName={`uppercase ${fallbackTextProps?.twClassName ? ` ${fallbackTextProps.twClassName}` : ''}`.trim()}\n        >\n          {fallbackText}\n        </Text>\n      ) : (\n        children\n      )}\n    </View>\n  );\n};\n"]}

package/dist/components/AvatarBase/AvatarBase.types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarBase.types.cjs","sourceRoot":"","sources":["../../../src/components/AvatarBase/AvatarBase.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ViewProps, StyleProp, ViewStyle } from 'react-native';\n\nimport type { AvatarBaseSize, AvatarBaseShape } from '../../types';\nimport type { TextProps } from '../Text';\n\n/**\n * AvatarBase component props.\n */\nexport type AvatarBaseProps = {\n  /**\n   * Required prop for the content to be rendered within the AvatarBase\n   */\n  children?: React.ReactNode;\n  /**\n   * Optional prop to control the size of the AvatarBase\n   * Possible values:\n   * AvatarBaseSize.Xs (16px),\n   * - AvatarBaseSize.Sm (24px),\n   * - AvatarBaseSize.Md (32px).\n   * - AvatarBaseSize.Lg (40px),\n   * - AvatarBaseSize.Xl (48px),\n   *\n   * @default AvatarBaseSize.Md\n   */\n  size?: AvatarBaseSize;\n  /**\n   * Optional prop to control the shape of the AvatarBase\n   * Possible values:\n   * - AvatarBaseShape.Circle\n   * - AvatarBaseShape.Square\n   *\n   * @default AvatarBaseShape.Circle\n   */\n  shape?: AvatarBaseShape;\n  /**\n   * Optional text to be rendered when the content fails to render\n   */\n  fallbackText?: string;\n  /**\n   * Optional props to be passed to the fallbackText when the content\n   * fails to render\n   */\n  fallbackTextProps?: Omit<TextProps, 'children'>;\n  /**\n   * Optional prop to include the border with the Avatar.\n   * For internal use only\n   *\n   * @default false\n   */\n  hasBorder?: boolean;\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} & ViewProps;\n"]}
+{"version":3,"file":"AvatarBase.types.cjs","sourceRoot":"","sources":["../../../src/components/AvatarBase/AvatarBase.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { AvatarBasePropsShared } from '@metamask-previews/design-system-shared';\nimport type { ViewProps, StyleProp, ViewStyle } from 'react-native';\n\nimport type { TextProps } from '../Text';\n\n/**\n * AvatarBase component props.\n */\nexport type AvatarBaseProps = AvatarBasePropsShared &\n  Omit<ViewProps, 'children'> & {\n    /**\n     * Optional props to be passed to the fallbackText when the content\n     * fails to render\n     */\n    fallbackTextProps?: Omit<TextProps, 'children'>;\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  };\n"]}

package/dist/components/AvatarBase/AvatarBase.types.d.cts

@@ -1,51 +1,15 @@
+import type { AvatarBasePropsShared } from "@metamask-previews/design-system-shared";
 import type { ViewProps, StyleProp, ViewStyle } from "react-native/index.js";
-import type { AvatarBaseSize, AvatarBaseShape } from "../../types/index.cjs";
 import type { TextProps } from "../Text/index.cjs";
 /**
  * AvatarBase component props.
  */
-export type AvatarBaseProps = {
-    /**
-     * Required prop for the content to be rendered within the AvatarBase
-     */
-    children?: React.ReactNode;
-    /**
-     * Optional prop to control the size of the AvatarBase
-     * Possible values:
-     * AvatarBaseSize.Xs (16px),
-     * - AvatarBaseSize.Sm (24px),
-     * - AvatarBaseSize.Md (32px).
-     * - AvatarBaseSize.Lg (40px),
-     * - AvatarBaseSize.Xl (48px),
-     *
-     * @default AvatarBaseSize.Md
-     */
-    size?: AvatarBaseSize;
-    /**
-     * Optional prop to control the shape of the AvatarBase
-     * Possible values:
-     * - AvatarBaseShape.Circle
-     * - AvatarBaseShape.Square
-     *
-     * @default AvatarBaseShape.Circle
-     */
-    shape?: AvatarBaseShape;
-    /**
-     * Optional text to be rendered when the content fails to render
-     */
-    fallbackText?: string;
+export type AvatarBaseProps = AvatarBasePropsShared & Omit<ViewProps, 'children'> & {
     /**
      * Optional props to be passed to the fallbackText when the content
      * fails to render
      */
     fallbackTextProps?: Omit<TextProps, 'children'>;
-    /**
-     * Optional prop to include the border with the Avatar.
-     * For internal use only
-     *
-     * @default false
-     */
-    hasBorder?: boolean;
     /**
      * Optional prop to add twrnc overriding classNames.
      */
@@ -54,5 +18,5 @@ export type AvatarBaseProps = {
      * Optional prop to control the style.
      */
     style?: StyleProp<ViewStyle>;
-} & ViewProps;
+};
 //# sourceMappingURL=AvatarBase.types.d.cts.map

package/dist/components/AvatarBase/AvatarBase.types.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarBase.types.d.cts","sourceRoot":"","sources":["../../../src/components/AvatarBase/AvatarBase.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,8BAAqB;AAEpE,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,8BAAoB;AACnE,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AAEzC;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;IAChD;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,GAAG,SAAS,CAAC"}
+{"version":3,"file":"AvatarBase.types.d.cts","sourceRoot":"","sources":["../../../src/components/AvatarBase/AvatarBase.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,gDAAgD;AACrF,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,8BAAqB;AAEpE,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AAEzC;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,qBAAqB,GACjD,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG;IAC5B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;IAChD;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC"}

package/dist/components/AvatarBase/AvatarBase.types.d.mts

@@ -1,51 +1,15 @@
+import type { AvatarBasePropsShared } from "@metamask-previews/design-system-shared";
 import type { ViewProps, StyleProp, ViewStyle } from "react-native/index.js";
-import type { AvatarBaseSize, AvatarBaseShape } from "../../types/index.mjs";
 import type { TextProps } from "../Text/index.mjs";
 /**
  * AvatarBase component props.
  */
-export type AvatarBaseProps = {
-    /**
-     * Required prop for the content to be rendered within the AvatarBase
-     */
-    children?: React.ReactNode;
-    /**
-     * Optional prop to control the size of the AvatarBase
-     * Possible values:
-     * AvatarBaseSize.Xs (16px),
-     * - AvatarBaseSize.Sm (24px),
-     * - AvatarBaseSize.Md (32px).
-     * - AvatarBaseSize.Lg (40px),
-     * - AvatarBaseSize.Xl (48px),
-     *
-     * @default AvatarBaseSize.Md
-     */
-    size?: AvatarBaseSize;
-    /**
-     * Optional prop to control the shape of the AvatarBase
-     * Possible values:
-     * - AvatarBaseShape.Circle
-     * - AvatarBaseShape.Square
-     *
-     * @default AvatarBaseShape.Circle
-     */
-    shape?: AvatarBaseShape;
-    /**
-     * Optional text to be rendered when the content fails to render
-     */
-    fallbackText?: string;
+export type AvatarBaseProps = AvatarBasePropsShared & Omit<ViewProps, 'children'> & {
     /**
      * Optional props to be passed to the fallbackText when the content
      * fails to render
      */
     fallbackTextProps?: Omit<TextProps, 'children'>;
-    /**
-     * Optional prop to include the border with the Avatar.
-     * For internal use only
-     *
-     * @default false
-     */
-    hasBorder?: boolean;
     /**
      * Optional prop to add twrnc overriding classNames.
      */
@@ -54,5 +18,5 @@ export type AvatarBaseProps = {
      * Optional prop to control the style.
      */
     style?: StyleProp<ViewStyle>;
-} & ViewProps;
+};
 //# sourceMappingURL=AvatarBase.types.d.mts.map

package/dist/components/AvatarBase/AvatarBase.types.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarBase.types.d.mts","sourceRoot":"","sources":["../../../src/components/AvatarBase/AvatarBase.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,8BAAqB;AAEpE,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,8BAAoB;AACnE,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AAEzC;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;IAChD;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,GAAG,SAAS,CAAC"}
+{"version":3,"file":"AvatarBase.types.d.mts","sourceRoot":"","sources":["../../../src/components/AvatarBase/AvatarBase.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,gDAAgD;AACrF,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,8BAAqB;AAEpE,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AAEzC;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,qBAAqB,GACjD,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG;IAC5B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;IAChD;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC"}

package/dist/components/AvatarBase/AvatarBase.types.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarBase.types.mjs","sourceRoot":"","sources":["../../../src/components/AvatarBase/AvatarBase.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ViewProps, StyleProp, ViewStyle } from 'react-native';\n\nimport type { AvatarBaseSize, AvatarBaseShape } from '../../types';\nimport type { TextProps } from '../Text';\n\n/**\n * AvatarBase component props.\n */\nexport type AvatarBaseProps = {\n  /**\n   * Required prop for the content to be rendered within the AvatarBase\n   */\n  children?: React.ReactNode;\n  /**\n   * Optional prop to control the size of the AvatarBase\n   * Possible values:\n   * AvatarBaseSize.Xs (16px),\n   * - AvatarBaseSize.Sm (24px),\n   * - AvatarBaseSize.Md (32px).\n   * - AvatarBaseSize.Lg (40px),\n   * - AvatarBaseSize.Xl (48px),\n   *\n   * @default AvatarBaseSize.Md\n   */\n  size?: AvatarBaseSize;\n  /**\n   * Optional prop to control the shape of the AvatarBase\n   * Possible values:\n   * - AvatarBaseShape.Circle\n   * - AvatarBaseShape.Square\n   *\n   * @default AvatarBaseShape.Circle\n   */\n  shape?: AvatarBaseShape;\n  /**\n   * Optional text to be rendered when the content fails to render\n   */\n  fallbackText?: string;\n  /**\n   * Optional props to be passed to the fallbackText when the content\n   * fails to render\n   */\n  fallbackTextProps?: Omit<TextProps, 'children'>;\n  /**\n   * Optional prop to include the border with the Avatar.\n   * For internal use only\n   *\n   * @default false\n   */\n  hasBorder?: boolean;\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} & ViewProps;\n"]}
+{"version":3,"file":"AvatarBase.types.mjs","sourceRoot":"","sources":["../../../src/components/AvatarBase/AvatarBase.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { AvatarBasePropsShared } from '@metamask-previews/design-system-shared';\nimport type { ViewProps, StyleProp, ViewStyle } from 'react-native';\n\nimport type { TextProps } from '../Text';\n\n/**\n * AvatarBase component props.\n */\nexport type AvatarBaseProps = AvatarBasePropsShared &\n  Omit<ViewProps, 'children'> & {\n    /**\n     * Optional props to be passed to the fallbackText when the content\n     * fails to render\n     */\n    fallbackTextProps?: Omit<TextProps, 'children'>;\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  };\n"]}

package/dist/components/AvatarBase/index.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AvatarBase = exports.AvatarBaseShape = exports.AvatarBaseSize = void 0;
-var types_1 = require("../../types/index.cjs");
-Object.defineProperty(exports, "AvatarBaseSize", { enumerable: true, get: function () { return types_1.AvatarBaseSize; } });
-Object.defineProperty(exports, "AvatarBaseShape", { enumerable: true, get: function () { return types_1.AvatarBaseShape; } });
+var design_system_shared_1 = require("@metamask-previews/design-system-shared");
+Object.defineProperty(exports, "AvatarBaseSize", { enumerable: true, get: function () { return design_system_shared_1.AvatarBaseSize; } });
+Object.defineProperty(exports, "AvatarBaseShape", { enumerable: true, get: function () { return design_system_shared_1.AvatarBaseShape; } });
 var AvatarBase_1 = require("./AvatarBase.cjs");
 Object.defineProperty(exports, "AvatarBase", { enumerable: true, get: function () { return AvatarBase_1.AvatarBase; } });
 //# sourceMappingURL=index.cjs.map

package/dist/components/AvatarBase/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/AvatarBase/index.ts"],"names":[],"mappings":";;;AAAA,+CAA8D;AAArD,uGAAA,cAAc,OAAA;AAAE,wGAAA,eAAe,OAAA;AACxC,+CAA0C;AAAjC,wGAAA,UAAU,OAAA","sourcesContent":["export { AvatarBaseSize, AvatarBaseShape } from '../../types';\nexport { AvatarBase } from './AvatarBase';\nexport type { AvatarBaseProps } from './AvatarBase.types';\n"]}
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/AvatarBase/index.ts"],"names":[],"mappings":";;;AAAA,gFAGiD;AAF/C,sHAAA,cAAc,OAAA;AACd,uHAAA,eAAe,OAAA;AAEjB,+CAA0C;AAAjC,wGAAA,UAAU,OAAA","sourcesContent":["export {\n  AvatarBaseSize,\n  AvatarBaseShape,\n} from '@metamask-previews/design-system-shared';\nexport { AvatarBase } from './AvatarBase';\nexport type { AvatarBaseProps } from './AvatarBase.types';\n"]}

package/dist/components/AvatarBase/index.d.cts

@@ -1,4 +1,4 @@
-export { AvatarBaseSize, AvatarBaseShape } from "../../types/index.cjs";
+export { AvatarBaseSize, AvatarBaseShape, } from "@metamask-previews/design-system-shared";
 export { AvatarBase } from "./AvatarBase.cjs";
 export type { AvatarBaseProps } from "./AvatarBase.types.cjs";
 //# sourceMappingURL=index.d.cts.map

package/dist/components/AvatarBase/index.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/AvatarBase/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,8BAAoB;AAC9D,OAAO,EAAE,UAAU,EAAE,yBAAqB;AAC1C,YAAY,EAAE,eAAe,EAAE,+BAA2B"}
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/AvatarBase/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,eAAe,GAChB,gDAAgD;AACjD,OAAO,EAAE,UAAU,EAAE,yBAAqB;AAC1C,YAAY,EAAE,eAAe,EAAE,+BAA2B"}

package/dist/components/AvatarBase/index.d.mts

@@ -1,4 +1,4 @@
-export { AvatarBaseSize, AvatarBaseShape } from "../../types/index.mjs";
+export { AvatarBaseSize, AvatarBaseShape, } from "@metamask-previews/design-system-shared";
 export { AvatarBase } from "./AvatarBase.mjs";
 export type { AvatarBaseProps } from "./AvatarBase.types.mjs";
 //# sourceMappingURL=index.d.mts.map