@metamask/design-system-react 0.13.0 → 0.15.0

package/CHANGELOG.md

@@ -7,6 +7,26 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.15.0]
+
+### Added
+
+- Added `NoPhotography` icon ([#1056](https://github.com/MetaMask/metamask-design-system/pull/1056))
+
+### Changed
+
+- **BREAKING:** Updated `AvatarToken` and `AvatarAccount` exports to use shared const-object + string-union types (ADR-0003/ADR-0004); normal use is unaffected ([#1009](https://github.com/MetaMask/metamask-design-system/pull/1009), [#1015](https://github.com/MetaMask/metamask-design-system/pull/1015))
+
+## [0.14.0]
+
+### Changed
+
+- **BREAKING:** Updated `AvatarBase` exports to consume shared const-object + string-union types rather than local enums, aligning React with shared cross-platform type contracts ([#1005](https://github.com/MetaMask/metamask-design-system/pull/1005)).
+  - No migration required for typical usage; continue importing from `@metamask/design-system-react` as before.
+  - Runtime values remain stable while type definitions follow ADR-0003/ADR-0004.
+- Updated `@metamask/utils` peer dependency to `^11.11.0` ([#1033](https://github.com/MetaMask/metamask-design-system/pull/1033)).
+- Expanded `BannerBase` migration documentation to improve upgrade guidance for consumers moving between recent releases ([#1011](https://github.com/MetaMask/metamask-design-system/pull/1011)).
+
 ## [0.13.0]
 
 ### Changed
@@ -205,7 +225,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Full TypeScript support with type definitions and enums
 - Tailwind CSS integration with design token support
 
-[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.13.0...HEAD
+[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.15.0...HEAD
+[0.15.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.14.0...@metamask/design-system-react@0.15.0
+[0.14.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.13.0...@metamask/design-system-react@0.14.0
 [0.13.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.12.0...@metamask/design-system-react@0.13.0
 [0.12.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.11.0...@metamask/design-system-react@0.12.0
 [0.11.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.10.0...@metamask/design-system-react@0.11.0

package/dist/components/AvatarAccount/AvatarAccount.cjs

@@ -24,28 +24,28 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AvatarAccount = void 0;
+const design_system_shared_1 = require("@metamask/design-system-shared");
 const react_1 = __importStar(require("react"));
-const types_1 = require("../../types/index.cjs");
 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");
-exports.AvatarAccount = (0, react_1.forwardRef)(({ address, variant = types_1.AvatarAccountVariant.Jazzicon, className, size = types_1.AvatarAccountSize.Md, blockiesProps, jazziconProps, maskiconProps, ...props }, ref) => {
+exports.AvatarAccount = (0, react_1.forwardRef)(({ address, variant = design_system_shared_1.AvatarAccountVariant.Jazzicon, className, size = design_system_shared_1.AvatarAccountSize.Md, blockiesProps, jazziconProps, maskiconProps, ...props }, ref) => {
     let AvatarArtComponent;
     switch (variant) {
-        case types_1.AvatarAccountVariant.Blockies:
+        case design_system_shared_1.AvatarAccountVariant.Blockies:
             AvatarArtComponent = (react_1.default.createElement(Blockies_1.Blockies, { address: address, size: AvatarAccount_constants_1.MAP_AVATARACCOUNT_SIZE_SIZENUMBER[size], ...blockiesProps }));
             break;
-        case types_1.AvatarAccountVariant.Maskicon:
+        case design_system_shared_1.AvatarAccountVariant.Maskicon:
             AvatarArtComponent = (react_1.default.createElement(Maskicon_1.Maskicon, { address: address, size: AvatarAccount_constants_1.MAP_AVATARACCOUNT_SIZE_SIZENUMBER[size], ...maskiconProps }));
             break;
-        case types_1.AvatarAccountVariant.Jazzicon:
+        case design_system_shared_1.AvatarAccountVariant.Jazzicon:
         default:
             AvatarArtComponent = (react_1.default.createElement(Jazzicon_1.Jazzicon, { address: address, size: AvatarAccount_constants_1.MAP_AVATARACCOUNT_SIZE_SIZENUMBER[size], ...jazziconProps }));
             break;
     }
-    return (react_1.default.createElement(AvatarBase_1.AvatarBase, { ref: ref, shape: types_1.AvatarBaseShape.Square, size: size, className: className, ...props }, AvatarArtComponent));
+    return (react_1.default.createElement(AvatarBase_1.AvatarBase, { ref: ref, shape: design_system_shared_1.AvatarBaseShape.Square, size: size, className: className, ...props }, AvatarArtComponent));
 });
 exports.AvatarAccount.displayName = 'AvatarAccount';
 //# sourceMappingURL=AvatarAccount.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarAccount.cjs","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,iDAIqB;AACrB,wDAA2C;AAC3C,oEAAuD;AACvD,oEAAuD;AACvD,oEAAuD;AAEvD,2EAA8E;AAGjE,QAAA,aAAa,GAAG,IAAA,kBAAU,EACrC,CACE,EACE,OAAO,EACP,OAAO,GAAG,4BAAoB,CAAC,QAAQ,EACvC,SAAS,EACT,IAAI,GAAG,yBAAiB,CAAC,EAAE,EAC3B,aAAa,EACb,aAAa,EACb,aAAa,EACb,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,IAAI,kBAAkB,CAAC;IACvB,QAAQ,OAAO,EAAE;QACf,KAAK,4BAAoB,CAAC,QAAQ;YAChC,kBAAkB,GAAG,CACnB,8BAAC,mBAAQ,IACP,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,2DAAiC,CAAC,IAAI,CAAC,KACzC,aAAa,GACjB,CACH,CAAC;YACF,MAAM;QACR,KAAK,4BAAoB,CAAC,QAAQ;YAChC,kBAAkB,GAAG,CACnB,8BAAC,mBAAQ,IACP,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,2DAAiC,CAAC,IAAI,CAAC,KACzC,aAAa,GACjB,CACH,CAAC;YACF,MAAM;QACR,KAAK,4BAAoB,CAAC,QAAQ,CAAC;QACnC;YACE,kBAAkB,GAAG,CACnB,8BAAC,mBAAQ,IACP,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,2DAAiC,CAAC,IAAI,CAAC,KACzC,aAAa,GACjB,CACH,CAAC;YACF,MAAM;KACT;IAED,OAAO,CACL,8BAAC,uBAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,uBAAe,CAAC,MAAM,EAC7B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,KAChB,KAAK,IAER,kBAAkB,CACR,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\n\nimport {\n  AvatarAccountVariant,\n  AvatarAccountSize,\n  AvatarBaseShape,\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 = forwardRef<HTMLDivElement, AvatarAccountProps>(\n  (\n    {\n      address,\n      variant = AvatarAccountVariant.Jazzicon,\n      className,\n      size = AvatarAccountSize.Md,\n      blockiesProps,\n      jazziconProps,\n      maskiconProps,\n      ...props\n    },\n    ref,\n  ) => {\n    let AvatarArtComponent;\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        ref={ref}\n        shape={AvatarBaseShape.Square}\n        size={size}\n        className={className}\n        {...props}\n      >\n        {AvatarArtComponent}\n      </AvatarBase>\n    );\n  },\n);\n\nAvatarAccount.displayName = 'AvatarAccount';\n"]}
+{"version":3,"file":"AvatarAccount.cjs","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yEAIwC;AACxC,+CAA0C;AAE1C,wDAA2C;AAC3C,oEAAuD;AACvD,oEAAuD;AACvD,oEAAuD;AAEvD,2EAA8E;AAGjE,QAAA,aAAa,GAAG,IAAA,kBAAU,EACrC,CACE,EACE,OAAO,EACP,OAAO,GAAG,2CAAoB,CAAC,QAAQ,EACvC,SAAS,EACT,IAAI,GAAG,wCAAiB,CAAC,EAAE,EAC3B,aAAa,EACb,aAAa,EACb,aAAa,EACb,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,IAAI,kBAAkB,CAAC;IACvB,QAAQ,OAAO,EAAE;QACf,KAAK,2CAAoB,CAAC,QAAQ;YAChC,kBAAkB,GAAG,CACnB,8BAAC,mBAAQ,IACP,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,2DAAiC,CAAC,IAAI,CAAC,KACzC,aAAa,GACjB,CACH,CAAC;YACF,MAAM;QACR,KAAK,2CAAoB,CAAC,QAAQ;YAChC,kBAAkB,GAAG,CACnB,8BAAC,mBAAQ,IACP,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,2DAAiC,CAAC,IAAI,CAAC,KACzC,aAAa,GACjB,CACH,CAAC;YACF,MAAM;QACR,KAAK,2CAAoB,CAAC,QAAQ,CAAC;QACnC;YACE,kBAAkB,GAAG,CACnB,8BAAC,mBAAQ,IACP,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,2DAAiC,CAAC,IAAI,CAAC,KACzC,aAAa,GACjB,CACH,CAAC;YACF,MAAM;KACT;IAED,OAAO,CACL,8BAAC,uBAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,sCAAe,CAAC,MAAM,EAC7B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,KAChB,KAAK,IAER,kBAAkB,CACR,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC","sourcesContent":["import {\n  AvatarAccountSize,\n  AvatarAccountVariant,\n  AvatarBaseShape,\n} from '@metamask/design-system-shared';\nimport React, { forwardRef } from 'react';\n\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 = forwardRef<HTMLDivElement, AvatarAccountProps>(\n  (\n    {\n      address,\n      variant = AvatarAccountVariant.Jazzicon,\n      className,\n      size = AvatarAccountSize.Md,\n      blockiesProps,\n      jazziconProps,\n      maskiconProps,\n      ...props\n    },\n    ref,\n  ) => {\n    let AvatarArtComponent;\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        ref={ref}\n        shape={AvatarBaseShape.Square}\n        size={size}\n        className={className}\n        {...props}\n      >\n        {AvatarArtComponent}\n      </AvatarBase>\n    );\n  },\n);\n\nAvatarAccount.displayName = 'AvatarAccount';\n"]}

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

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MAP_AVATARACCOUNT_SIZE_SIZENUMBER = void 0;
-const types_1 = require("../../types/index.cjs");
+const design_system_shared_1 = require("@metamask/design-system-shared");
 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,
+    [design_system_shared_1.AvatarAccountSize.Xs]: 16,
+    [design_system_shared_1.AvatarAccountSize.Sm]: 24,
+    [design_system_shared_1.AvatarAccountSize.Md]: 32,
+    [design_system_shared_1.AvatarAccountSize.Lg]: 40,
+    [design_system_shared_1.AvatarAccountSize.Xl]: 48,
 };
 //# sourceMappingURL=AvatarAccount.constants.cjs.map

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,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","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"]}
+{"version":3,"file":"AvatarAccount.constants.cjs","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.constants.ts"],"names":[],"mappings":";;;AAAA,yEAAmE;AAEtD,QAAA,iCAAiC,GAG1C;IACF,CAAC,wCAAiB,CAAC,EAAE,CAAC,EAAE,EAAE;IAC1B,CAAC,wCAAiB,CAAC,EAAE,CAAC,EAAE,EAAE;IAC1B,CAAC,wCAAiB,CAAC,EAAE,CAAC,EAAE,EAAE;IAC1B,CAAC,wCAAiB,CAAC,EAAE,CAAC,EAAE,EAAE;IAC1B,CAAC,wCAAiB,CAAC,EAAE,CAAC,EAAE,EAAE;CAC3B,CAAC","sourcesContent":["import { AvatarAccountSize } from '@metamask/design-system-shared';\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"]}

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

@@ -1,3 +1,3 @@
-import { AvatarAccountSize } from "../../types/index.cjs";
+import { AvatarAccountSize } from "@metamask/design-system-shared";
 export declare const MAP_AVATARACCOUNT_SIZE_SIZENUMBER: Record<AvatarAccountSize, number>;
 //# 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":"AAAA,OAAO,EAAE,iBAAiB,EAAE,8BAAoB;AAEhD,eAAO,MAAM,iCAAiC,EAAE,MAAM,CACpD,iBAAiB,EACjB,MAAM,CAOP,CAAC"}
+{"version":3,"file":"AvatarAccount.constants.d.cts","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,uCAAuC;AAEnE,eAAO,MAAM,iCAAiC,EAAE,MAAM,CACpD,iBAAiB,EACjB,MAAM,CAOP,CAAC"}

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

@@ -1,3 +1,3 @@
-import { AvatarAccountSize } from "../../types/index.mjs";
+import { AvatarAccountSize } from "@metamask/design-system-shared";
 export declare const MAP_AVATARACCOUNT_SIZE_SIZENUMBER: Record<AvatarAccountSize, number>;
 //# 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":"AAAA,OAAO,EAAE,iBAAiB,EAAE,8BAAoB;AAEhD,eAAO,MAAM,iCAAiC,EAAE,MAAM,CACpD,iBAAiB,EACjB,MAAM,CAOP,CAAC"}
+{"version":3,"file":"AvatarAccount.constants.d.mts","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,uCAAuC;AAEnE,eAAO,MAAM,iCAAiC,EAAE,MAAM,CACpD,iBAAiB,EACjB,MAAM,CAOP,CAAC"}

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

@@ -1,4 +1,4 @@
-import { AvatarAccountSize } from "../../types/index.mjs";
+import { AvatarAccountSize } from "@metamask/design-system-shared";
 export const MAP_AVATARACCOUNT_SIZE_SIZENUMBER = {
     [AvatarAccountSize.Xs]: 16,
     [AvatarAccountSize.Sm]: 24,

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,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","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"]}
+{"version":3,"file":"AvatarAccount.constants.mjs","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,uCAAuC;AAEnE,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","sourcesContent":["import { AvatarAccountSize } from '@metamask/design-system-shared';\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"]}

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,KAAqB,cAAc;AAa1C,OAAO,KAAK,EAAE,kBAAkB,EAAE,kCAA8B;AAEhE,eAAO,MAAM,aAAa,wGA0DzB,CAAC"}
+{"version":3,"file":"AvatarAccount.d.cts","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAqB,cAAc;AAQ1C,OAAO,KAAK,EAAE,kBAAkB,EAAE,kCAA8B;AAEhE,eAAO,MAAM,aAAa,wGA0DzB,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,KAAqB,cAAc;AAa1C,OAAO,KAAK,EAAE,kBAAkB,EAAE,kCAA8B;AAEhE,eAAO,MAAM,aAAa,wGA0DzB,CAAC"}
+{"version":3,"file":"AvatarAccount.d.mts","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAqB,cAAc;AAQ1C,OAAO,KAAK,EAAE,kBAAkB,EAAE,kCAA8B;AAEhE,eAAO,MAAM,aAAa,wGA0DzB,CAAC"}

package/dist/components/AvatarAccount/AvatarAccount.mjs

@@ -4,9 +4,9 @@ function $importDefault(module) {
     }
     return module;
 }
+import { AvatarAccountSize, AvatarAccountVariant, AvatarBaseShape } from "@metamask/design-system-shared";
 import $React, { forwardRef } from "react";
 const React = $importDefault($React);
-import { AvatarAccountVariant, AvatarAccountSize, AvatarBaseShape } from "../../types/index.mjs";
 import { AvatarBase } from "../AvatarBase/index.mjs";
 import { Blockies } from "../temp-components/Blockies/index.mjs";
 import { Jazzicon } from "../temp-components/Jazzicon/index.mjs";

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,QAAO,EAAE,UAAU,EAAE,cAAc;;AAE1C,OAAO,EACL,oBAAoB,EACpB,iBAAiB,EACjB,eAAe,EAChB,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,UAAU,CACrC,CACE,EACE,OAAO,EACP,OAAO,GAAG,oBAAoB,CAAC,QAAQ,EACvC,SAAS,EACT,IAAI,GAAG,iBAAiB,CAAC,EAAE,EAC3B,aAAa,EACb,aAAa,EACb,aAAa,EACb,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,IAAI,kBAAkB,CAAC;IACvB,QAAQ,OAAO,EAAE;QACf,KAAK,oBAAoB,CAAC,QAAQ;YAChC,kBAAkB,GAAG,CACnB,oBAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,iCAAiC,CAAC,IAAI,CAAC,KACzC,aAAa,GACjB,CACH,CAAC;YACF,MAAM;QACR,KAAK,oBAAoB,CAAC,QAAQ;YAChC,kBAAkB,GAAG,CACnB,oBAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,iCAAiC,CAAC,IAAI,CAAC,KACzC,aAAa,GACjB,CACH,CAAC;YACF,MAAM;QACR,KAAK,oBAAoB,CAAC,QAAQ,CAAC;QACnC;YACE,kBAAkB,GAAG,CACnB,oBAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,iCAAiC,CAAC,IAAI,CAAC,KACzC,aAAa,GACjB,CACH,CAAC;YACF,MAAM;KACT;IAED,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,eAAe,CAAC,MAAM,EAC7B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,KAChB,KAAK,IAER,kBAAkB,CACR,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\n\nimport {\n  AvatarAccountVariant,\n  AvatarAccountSize,\n  AvatarBaseShape,\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 = forwardRef<HTMLDivElement, AvatarAccountProps>(\n  (\n    {\n      address,\n      variant = AvatarAccountVariant.Jazzicon,\n      className,\n      size = AvatarAccountSize.Md,\n      blockiesProps,\n      jazziconProps,\n      maskiconProps,\n      ...props\n    },\n    ref,\n  ) => {\n    let AvatarArtComponent;\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        ref={ref}\n        shape={AvatarBaseShape.Square}\n        size={size}\n        className={className}\n        {...props}\n      >\n        {AvatarArtComponent}\n      </AvatarBase>\n    );\n  },\n);\n\nAvatarAccount.displayName = 'AvatarAccount';\n"]}
+{"version":3,"file":"AvatarAccount.mjs","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EACL,iBAAiB,EACjB,oBAAoB,EACpB,eAAe,EAChB,uCAAuC;AACxC,OAAO,QAAO,EAAE,UAAU,EAAE,cAAc;;AAE1C,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,UAAU,CACrC,CACE,EACE,OAAO,EACP,OAAO,GAAG,oBAAoB,CAAC,QAAQ,EACvC,SAAS,EACT,IAAI,GAAG,iBAAiB,CAAC,EAAE,EAC3B,aAAa,EACb,aAAa,EACb,aAAa,EACb,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,IAAI,kBAAkB,CAAC;IACvB,QAAQ,OAAO,EAAE;QACf,KAAK,oBAAoB,CAAC,QAAQ;YAChC,kBAAkB,GAAG,CACnB,oBAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,iCAAiC,CAAC,IAAI,CAAC,KACzC,aAAa,GACjB,CACH,CAAC;YACF,MAAM;QACR,KAAK,oBAAoB,CAAC,QAAQ;YAChC,kBAAkB,GAAG,CACnB,oBAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,iCAAiC,CAAC,IAAI,CAAC,KACzC,aAAa,GACjB,CACH,CAAC;YACF,MAAM;QACR,KAAK,oBAAoB,CAAC,QAAQ,CAAC;QACnC;YACE,kBAAkB,GAAG,CACnB,oBAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,iCAAiC,CAAC,IAAI,CAAC,KACzC,aAAa,GACjB,CACH,CAAC;YACF,MAAM;KACT;IAED,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,eAAe,CAAC,MAAM,EAC7B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,KAChB,KAAK,IAER,kBAAkB,CACR,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC","sourcesContent":["import {\n  AvatarAccountSize,\n  AvatarAccountVariant,\n  AvatarBaseShape,\n} from '@metamask/design-system-shared';\nimport React, { forwardRef } from 'react';\n\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 = forwardRef<HTMLDivElement, AvatarAccountProps>(\n  (\n    {\n      address,\n      variant = AvatarAccountVariant.Jazzicon,\n      className,\n      size = AvatarAccountSize.Md,\n      blockiesProps,\n      jazziconProps,\n      maskiconProps,\n      ...props\n    },\n    ref,\n  ) => {\n    let AvatarArtComponent;\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        ref={ref}\n        shape={AvatarBaseShape.Square}\n        size={size}\n        className={className}\n        {...props}\n      >\n        {AvatarArtComponent}\n      </AvatarBase>\n    );\n  },\n);\n\nAvatarAccount.displayName = 'AvatarAccount';\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarAccount.types.cjs","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps } from 'react';\n\nimport type { AvatarAccountVariant, AvatarAccountSize } from '../../types';\nimport type { AvatarBaseProps } from '../AvatarBase';\nimport type { Blockies } from '../temp-components/Blockies';\nimport type { Jazzicon } from '../temp-components/Jazzicon';\nimport type { Maskicon } from '../temp-components/Maskicon';\n\nexport type AvatarAccountProps = Omit<\n  ComponentProps<'img'>,\n  'children' | 'size'\n> &\n  Omit<AvatarBaseProps, 'children' | 'size'> & {\n    /**\n     * Required address used as a unique identifier to generate the AvatarAccount art.\n     */\n    address: string;\n    /**\n     * Optional prop to control the variant of the avatar account\n     *\n     * @default AvatarAccountVariant.Jazzicon\n     */\n    variant?: AvatarAccountVariant;\n    /**\n     * Optional prop to control the size of the avatar\n     *\n     * @default AvatarAccountSize.Md\n     */\n    size?: AvatarAccountSize;\n    /**\n     * Optional props to be passed to the Blockies component\n     */\n    blockiesProps?: Partial<ComponentProps<typeof Blockies>>;\n    /**\n     * Optional props to be passed to the Jazzicon component\n     */\n    jazziconProps?: Partial<ComponentProps<typeof Jazzicon>>;\n    /**\n     * Optional props to be passed to the Maskicon component\n     */\n    maskiconProps?: Partial<ComponentProps<typeof Maskicon>>;\n  };\n"]}
+{"version":3,"file":"AvatarAccount.types.cjs","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { AvatarAccountPropsShared } from '@metamask/design-system-shared';\nimport type { ComponentProps } from 'react';\n\nimport type { AvatarBaseProps } from '../AvatarBase';\nimport type { Blockies } from '../temp-components/Blockies';\nimport type { Jazzicon } from '../temp-components/Jazzicon';\nimport type { Maskicon } from '../temp-components/Maskicon';\n\nexport type AvatarAccountProps = Omit<\n  ComponentProps<'img'>,\n  'children' | 'size'\n> &\n  Omit<AvatarBaseProps, 'children' | 'size'> &\n  AvatarAccountPropsShared & {\n    /**\n     * Optional props to be passed to the Blockies component\n     */\n    blockiesProps?: Partial<ComponentProps<typeof Blockies>>;\n    /**\n     * Optional props to be passed to the Jazzicon component\n     */\n    jazziconProps?: Partial<ComponentProps<typeof Jazzicon>>;\n    /**\n     * Optional props to be passed to the Maskicon component\n     */\n    maskiconProps?: Partial<ComponentProps<typeof Maskicon>>;\n  };\n"]}

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

@@ -1,26 +1,10 @@
+import type { AvatarAccountPropsShared } from "@metamask/design-system-shared";
 import type { ComponentProps } from "react";
-import type { AvatarAccountVariant, AvatarAccountSize } from "../../types/index.cjs";
 import type { AvatarBaseProps } from "../AvatarBase/index.cjs";
 import type { Blockies } from "../temp-components/Blockies/index.cjs";
 import type { Jazzicon } from "../temp-components/Jazzicon/index.cjs";
 import type { Maskicon } from "../temp-components/Maskicon/index.cjs";
-export type AvatarAccountProps = Omit<ComponentProps<'img'>, 'children' | 'size'> & Omit<AvatarBaseProps, 'children' | 'size'> & {
-    /**
-     * Required address used as a unique identifier to generate the AvatarAccount art.
-     */
-    address: string;
-    /**
-     * Optional prop to control the variant of the avatar account
-     *
-     * @default AvatarAccountVariant.Jazzicon
-     */
-    variant?: AvatarAccountVariant;
-    /**
-     * Optional prop to control the size of the avatar
-     *
-     * @default AvatarAccountSize.Md
-     */
-    size?: AvatarAccountSize;
+export type AvatarAccountProps = Omit<ComponentProps<'img'>, 'children' | 'size'> & Omit<AvatarBaseProps, 'children' | 'size'> & AvatarAccountPropsShared & {
     /**
      * Optional props to be passed to the Blockies component
      */

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarAccount.types.d.cts","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAE5C,OAAO,KAAK,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,8BAAoB;AAC3E,OAAO,KAAK,EAAE,eAAe,EAAE,gCAAsB;AACrD,OAAO,KAAK,EAAE,QAAQ,EAAE,8CAAoC;AAC5D,OAAO,KAAK,EAAE,QAAQ,EAAE,8CAAoC;AAC5D,OAAO,KAAK,EAAE,QAAQ,EAAE,8CAAoC;AAE5D,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,cAAc,CAAC,KAAK,CAAC,EACrB,UAAU,GAAG,MAAM,CACpB,GACC,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,MAAM,CAAC,GAAG;IAC3C;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B;;;;OAIG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC;IACzD;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC;IACzD;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC;CAC1D,CAAC"}
+{"version":3,"file":"AvatarAccount.types.d.cts","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,uCAAuC;AAC/E,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAE5C,OAAO,KAAK,EAAE,eAAe,EAAE,gCAAsB;AACrD,OAAO,KAAK,EAAE,QAAQ,EAAE,8CAAoC;AAC5D,OAAO,KAAK,EAAE,QAAQ,EAAE,8CAAoC;AAC5D,OAAO,KAAK,EAAE,QAAQ,EAAE,8CAAoC;AAE5D,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,cAAc,CAAC,KAAK,CAAC,EACrB,UAAU,GAAG,MAAM,CACpB,GACC,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,MAAM,CAAC,GAC1C,wBAAwB,GAAG;IACzB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC;IACzD;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC;IACzD;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC;CAC1D,CAAC"}

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

@@ -1,26 +1,10 @@
+import type { AvatarAccountPropsShared } from "@metamask/design-system-shared";
 import type { ComponentProps } from "react";
-import type { AvatarAccountVariant, AvatarAccountSize } from "../../types/index.mjs";
 import type { AvatarBaseProps } from "../AvatarBase/index.mjs";
 import type { Blockies } from "../temp-components/Blockies/index.mjs";
 import type { Jazzicon } from "../temp-components/Jazzicon/index.mjs";
 import type { Maskicon } from "../temp-components/Maskicon/index.mjs";
-export type AvatarAccountProps = Omit<ComponentProps<'img'>, 'children' | 'size'> & Omit<AvatarBaseProps, 'children' | 'size'> & {
-    /**
-     * Required address used as a unique identifier to generate the AvatarAccount art.
-     */
-    address: string;
-    /**
-     * Optional prop to control the variant of the avatar account
-     *
-     * @default AvatarAccountVariant.Jazzicon
-     */
-    variant?: AvatarAccountVariant;
-    /**
-     * Optional prop to control the size of the avatar
-     *
-     * @default AvatarAccountSize.Md
-     */
-    size?: AvatarAccountSize;
+export type AvatarAccountProps = Omit<ComponentProps<'img'>, 'children' | 'size'> & Omit<AvatarBaseProps, 'children' | 'size'> & AvatarAccountPropsShared & {
     /**
      * Optional props to be passed to the Blockies component
      */

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarAccount.types.d.mts","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAE5C,OAAO,KAAK,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,8BAAoB;AAC3E,OAAO,KAAK,EAAE,eAAe,EAAE,gCAAsB;AACrD,OAAO,KAAK,EAAE,QAAQ,EAAE,8CAAoC;AAC5D,OAAO,KAAK,EAAE,QAAQ,EAAE,8CAAoC;AAC5D,OAAO,KAAK,EAAE,QAAQ,EAAE,8CAAoC;AAE5D,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,cAAc,CAAC,KAAK,CAAC,EACrB,UAAU,GAAG,MAAM,CACpB,GACC,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,MAAM,CAAC,GAAG;IAC3C;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B;;;;OAIG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC;IACzD;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC;IACzD;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC;CAC1D,CAAC"}
+{"version":3,"file":"AvatarAccount.types.d.mts","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,uCAAuC;AAC/E,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAE5C,OAAO,KAAK,EAAE,eAAe,EAAE,gCAAsB;AACrD,OAAO,KAAK,EAAE,QAAQ,EAAE,8CAAoC;AAC5D,OAAO,KAAK,EAAE,QAAQ,EAAE,8CAAoC;AAC5D,OAAO,KAAK,EAAE,QAAQ,EAAE,8CAAoC;AAE5D,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,cAAc,CAAC,KAAK,CAAC,EACrB,UAAU,GAAG,MAAM,CACpB,GACC,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,MAAM,CAAC,GAC1C,wBAAwB,GAAG;IACzB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC;IACzD;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC;IACzD;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC;CAC1D,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarAccount.types.mjs","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps } from 'react';\n\nimport type { AvatarAccountVariant, AvatarAccountSize } from '../../types';\nimport type { AvatarBaseProps } from '../AvatarBase';\nimport type { Blockies } from '../temp-components/Blockies';\nimport type { Jazzicon } from '../temp-components/Jazzicon';\nimport type { Maskicon } from '../temp-components/Maskicon';\n\nexport type AvatarAccountProps = Omit<\n  ComponentProps<'img'>,\n  'children' | 'size'\n> &\n  Omit<AvatarBaseProps, 'children' | 'size'> & {\n    /**\n     * Required address used as a unique identifier to generate the AvatarAccount art.\n     */\n    address: string;\n    /**\n     * Optional prop to control the variant of the avatar account\n     *\n     * @default AvatarAccountVariant.Jazzicon\n     */\n    variant?: AvatarAccountVariant;\n    /**\n     * Optional prop to control the size of the avatar\n     *\n     * @default AvatarAccountSize.Md\n     */\n    size?: AvatarAccountSize;\n    /**\n     * Optional props to be passed to the Blockies component\n     */\n    blockiesProps?: Partial<ComponentProps<typeof Blockies>>;\n    /**\n     * Optional props to be passed to the Jazzicon component\n     */\n    jazziconProps?: Partial<ComponentProps<typeof Jazzicon>>;\n    /**\n     * Optional props to be passed to the Maskicon component\n     */\n    maskiconProps?: Partial<ComponentProps<typeof Maskicon>>;\n  };\n"]}
+{"version":3,"file":"AvatarAccount.types.mjs","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { AvatarAccountPropsShared } from '@metamask/design-system-shared';\nimport type { ComponentProps } from 'react';\n\nimport type { AvatarBaseProps } from '../AvatarBase';\nimport type { Blockies } from '../temp-components/Blockies';\nimport type { Jazzicon } from '../temp-components/Jazzicon';\nimport type { Maskicon } from '../temp-components/Maskicon';\n\nexport type AvatarAccountProps = Omit<\n  ComponentProps<'img'>,\n  'children' | 'size'\n> &\n  Omit<AvatarBaseProps, 'children' | 'size'> &\n  AvatarAccountPropsShared & {\n    /**\n     * Optional props to be passed to the Blockies component\n     */\n    blockiesProps?: Partial<ComponentProps<typeof Blockies>>;\n    /**\n     * Optional props to be passed to the Jazzicon component\n     */\n    jazziconProps?: Partial<ComponentProps<typeof Jazzicon>>;\n    /**\n     * Optional props to be passed to the Maskicon component\n     */\n    maskiconProps?: Partial<ComponentProps<typeof Maskicon>>;\n  };\n"]}

package/dist/components/AvatarAccount/index.cjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/AvatarAccount/index.ts"],"names":[],"mappings":";;;AAAA,+CAAsE;AAA7D,0GAAA,iBAAiB,OAAA;AAAE,6GAAA,oBAAoB,OAAA;AAChD,qDAAgD;AAAvC,8GAAA,aAAa,OAAA","sourcesContent":["export { AvatarAccountSize, AvatarAccountVariant } from '../../types';\nexport { AvatarAccount } from './AvatarAccount';\nexport type { AvatarAccountProps } from './AvatarAccount.types';\n"]}
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/AvatarAccount/index.ts"],"names":[],"mappings":";;;AAAA,uEAGwC;AAFtC,yHAAA,iBAAiB,OAAA;AACjB,4HAAA,oBAAoB,OAAA;AAEtB,qDAAgD;AAAvC,8GAAA,aAAa,OAAA","sourcesContent":["export {\n  AvatarAccountSize,\n  AvatarAccountVariant,\n} from '@metamask/design-system-shared';\nexport { AvatarAccount } from './AvatarAccount';\nexport type { AvatarAccountProps } from './AvatarAccount.types';\n"]}

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

@@ -1,4 +1,4 @@
-export { AvatarAccountSize, AvatarAccountVariant } from "../../types/index.cjs";
+export { AvatarAccountSize, AvatarAccountVariant, } from "@metamask/design-system-shared";
 export { AvatarAccount } from "./AvatarAccount.cjs";
 export type { AvatarAccountProps } from "./AvatarAccount.types.cjs";
 //# sourceMappingURL=index.d.cts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/AvatarAccount/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,8BAAoB;AACtE,OAAO,EAAE,aAAa,EAAE,4BAAwB;AAChD,YAAY,EAAE,kBAAkB,EAAE,kCAA8B"}
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/AvatarAccount/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,oBAAoB,GACrB,uCAAuC;AACxC,OAAO,EAAE,aAAa,EAAE,4BAAwB;AAChD,YAAY,EAAE,kBAAkB,EAAE,kCAA8B"}

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

@@ -1,4 +1,4 @@
-export { AvatarAccountSize, AvatarAccountVariant } from "../../types/index.mjs";
+export { AvatarAccountSize, AvatarAccountVariant, } from "@metamask/design-system-shared";
 export { AvatarAccount } from "./AvatarAccount.mjs";
 export type { AvatarAccountProps } from "./AvatarAccount.types.mjs";
 //# sourceMappingURL=index.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/AvatarAccount/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,8BAAoB;AACtE,OAAO,EAAE,aAAa,EAAE,4BAAwB;AAChD,YAAY,EAAE,kBAAkB,EAAE,kCAA8B"}
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/AvatarAccount/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,oBAAoB,GACrB,uCAAuC;AACxC,OAAO,EAAE,aAAa,EAAE,4BAAwB;AAChD,YAAY,EAAE,kBAAkB,EAAE,kCAA8B"}

package/dist/components/AvatarAccount/index.mjs

@@ -1,3 +1,3 @@
-export { AvatarAccountSize, AvatarAccountVariant } from "../../types/index.mjs";
+export { AvatarAccountSize, AvatarAccountVariant } from "@metamask/design-system-shared";
 export { AvatarAccount } from "./AvatarAccount.mjs";
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/AvatarAccount/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,8BAAoB;AACtE,OAAO,EAAE,aAAa,EAAE,4BAAwB","sourcesContent":["export { AvatarAccountSize, AvatarAccountVariant } from '../../types';\nexport { AvatarAccount } from './AvatarAccount';\nexport type { AvatarAccountProps } from './AvatarAccount.types';\n"]}
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/AvatarAccount/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,oBAAoB,EACrB,uCAAuC;AACxC,OAAO,EAAE,aAAa,EAAE,4BAAwB","sourcesContent":["export {\n  AvatarAccountSize,\n  AvatarAccountVariant,\n} from '@metamask/design-system-shared';\nexport { AvatarAccount } from './AvatarAccount';\nexport type { AvatarAccountProps } from './AvatarAccount.types';\n"]}

package/dist/components/AvatarBase/AvatarBase.cjs

@@ -24,17 +24,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AvatarBase = void 0;
+const design_system_shared_1 = require("@metamask/design-system-shared");
 const react_slot_1 = require("@radix-ui/react-slot");
 const react_1 = __importStar(require("react"));
-const types_1 = require("../../types/index.cjs");
 const tw_merge_1 = require("../../utils/tw-merge.cjs");
 const Text_1 = require("../Text/index.cjs");
 const AvatarBase_constants_1 = require("./AvatarBase.constants.cjs");
-exports.AvatarBase = (0, react_1.forwardRef)(({ children, fallbackText, fallbackTextProps, className, size = types_1.AvatarBaseSize.Md, shape = types_1.AvatarBaseShape.Circle, asChild, style, hasBorder = false, ...props }, ref) => {
+exports.AvatarBase = (0, react_1.forwardRef)(({ children, fallbackText, fallbackTextProps, className, size = design_system_shared_1.AvatarBaseSize.Md, shape = design_system_shared_1.AvatarBaseShape.Circle, asChild, style, hasBorder = false, ...props }, ref) => {
     const Component = asChild ? react_slot_1.Slot : 'div';
     const mergedClassName = (0, tw_merge_1.twMerge)(
     // Base styles
-    'inline-flex shrink-0 items-center justify-center overflow-hidden bg-section', shape === types_1.AvatarBaseShape.Circle
+    'inline-flex shrink-0 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], 
     // 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,qDAA4C;AAC5C,+CAA0C;AAE1C,iDAA8D;AAC9D,uDAA+C;AAC/C,4CAAmE;AAEnE,qEAKgC;AAGnB,QAAA,UAAU,GAAG,IAAA,kBAAU,EAClC,CACE,EACE,QAAQ,EACR,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,IAAI,GAAG,sBAAc,CAAC,EAAE,EACxB,KAAK,GAAG,uBAAe,CAAC,MAAM,EAC9B,OAAO,EACP,KAAK,EACL,SAAS,GAAG,KAAK,EACjB,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEzC,MAAM,eAAe,GAAG,IAAA,kBAAO;IAC7B,cAAc;IACd,6EAA6E,EAC7E,KAAK,KAAK,uBAAe,CAAC,MAAM;QAC9B,CAAC,CAAC,cAAc;QAChB,CAAC,CAAC,sEAA+C,CAAC,IAAI,CAAC;IACzD,OAAO;IACP,SAAS;QACP,CAAC,CAAC,qEAA8C,CAAC,IAAI,CAAC;QACtD,CAAC,CAAC,2DAAoC,CAAC,IAAI,CAAC;IAC9C,SAAS;IACT,SAAS,IAAI,wDAAiC,CAAC,IAAI,CAAC;IACpD,iBAAiB;IACjB,SAAS,CACV,CAAC;IAEF,OAAO,CACL,8BAAC,SAAS,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK,IACrE,YAAY,CAAC,CAAC,CAAC,CACd,8BAAC,WAAI,IACH,OAAO,EAAE,kBAAW,CAAC,MAAM,EAC3B,UAAU,EAAE,iBAAU,CAAC,MAAM,EAC7B,KAAK,EAAE,gBAAS,CAAC,SAAS,EAC1B,OAAO,QACP,SAAS,EAAC,WAAW,KACjB,iBAAiB;QAGrB,4CAAO,YAAY,CAAQ,CACtB,CACR,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACS,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport React, { forwardRef } from 'react';\n\nimport { AvatarBaseSize, AvatarBaseShape } from '../../types';\nimport { twMerge } from '../../utils/tw-merge';\nimport { Text, FontWeight, TextVariant, TextColor } 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 = forwardRef<HTMLDivElement, AvatarBaseProps>(\n  (\n    {\n      children,\n      fallbackText,\n      fallbackTextProps,\n      className,\n      size = AvatarBaseSize.Md,\n      shape = AvatarBaseShape.Circle,\n      asChild,\n      style,\n      hasBorder = false,\n      ...props\n    },\n    ref,\n  ) => {\n    const Component = asChild ? Slot : 'div';\n\n    const mergedClassName = twMerge(\n      // Base styles\n      'inline-flex shrink-0 items-center justify-center overflow-hidden bg-section',\n      shape === AvatarBaseShape.Circle\n        ? 'rounded-full'\n        : TWCLASSMAP_AVATARBASE_SIZE_BORDERRADIUSS_SQUARE[size],\n      // Size\n      hasBorder\n        ? TWCLASSMAP_AVATARBASE_HASBORDER_SIZE_DIMENSION[size]\n        : TWCLASSMAP_AVATARBASE_SIZE_DIMENSION[size],\n      // Border\n      hasBorder && TWCLASSMAP_AVATARBASE_SIZE_BORDER[size],\n      // Custom classes\n      className,\n    );\n\n    return (\n      <Component ref={ref} className={mergedClassName} style={style} {...props}>\n        {fallbackText ? (\n          <Text\n            variant={TextVariant.BodySm}\n            fontWeight={FontWeight.Medium}\n            color={TextColor.TextMuted}\n            asChild\n            className=\"uppercase\"\n            {...fallbackTextProps}\n          >\n            {/* asChild prop renders Text component as a span, it does not create an additional element */}\n            <span>{fallbackText}</span>\n          </Text>\n        ) : (\n          children\n        )}\n      </Component>\n    );\n  },\n);\n\nAvatarBase.displayName = 'AvatarBase';\n"]}
+{"version":3,"file":"AvatarBase.cjs","sourceRoot":"","sources":["../../../src/components/AvatarBase/AvatarBase.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yEAGwC;AACxC,qDAA4C;AAC5C,+CAA0C;AAE1C,uDAA+C;AAC/C,4CAAmE;AAEnE,qEAKgC;AAGnB,QAAA,UAAU,GAAG,IAAA,kBAAU,EAClC,CACE,EACE,QAAQ,EACR,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,IAAI,GAAG,qCAAc,CAAC,EAAE,EACxB,KAAK,GAAG,sCAAe,CAAC,MAAM,EAC9B,OAAO,EACP,KAAK,EACL,SAAS,GAAG,KAAK,EACjB,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEzC,MAAM,eAAe,GAAG,IAAA,kBAAO;IAC7B,cAAc;IACd,6EAA6E,EAC7E,KAAK,KAAK,sCAAe,CAAC,MAAM;QAC9B,CAAC,CAAC,cAAc;QAChB,CAAC,CAAC,sEAA+C,CAAC,IAAI,CAAC;IACzD,OAAO;IACP,SAAS;QACP,CAAC,CAAC,qEAA8C,CAAC,IAAI,CAAC;QACtD,CAAC,CAAC,2DAAoC,CAAC,IAAI,CAAC;IAC9C,SAAS;IACT,SAAS,IAAI,wDAAiC,CAAC,IAAI,CAAC;IACpD,iBAAiB;IACjB,SAAS,CACV,CAAC;IAEF,OAAO,CACL,8BAAC,SAAS,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK,IACrE,YAAY,CAAC,CAAC,CAAC,CACd,8BAAC,WAAI,IACH,OAAO,EAAE,kBAAW,CAAC,MAAM,EAC3B,UAAU,EAAE,iBAAU,CAAC,MAAM,EAC7B,KAAK,EAAE,gBAAS,CAAC,SAAS,EAC1B,OAAO,QACP,SAAS,EAAC,WAAW,KACjB,iBAAiB;QAGrB,4CAAO,YAAY,CAAQ,CACtB,CACR,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACS,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import {\n  AvatarBaseSize,\n  AvatarBaseShape,\n} from '@metamask/design-system-shared';\nimport { Slot } from '@radix-ui/react-slot';\nimport React, { forwardRef } from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { Text, FontWeight, TextVariant, TextColor } 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 = forwardRef<HTMLDivElement, AvatarBaseProps>(\n  (\n    {\n      children,\n      fallbackText,\n      fallbackTextProps,\n      className,\n      size = AvatarBaseSize.Md,\n      shape = AvatarBaseShape.Circle,\n      asChild,\n      style,\n      hasBorder = false,\n      ...props\n    },\n    ref,\n  ) => {\n    const Component = asChild ? Slot : 'div';\n\n    const mergedClassName = twMerge(\n      // Base styles\n      'inline-flex shrink-0 items-center justify-center overflow-hidden bg-section',\n      shape === AvatarBaseShape.Circle\n        ? 'rounded-full'\n        : TWCLASSMAP_AVATARBASE_SIZE_BORDERRADIUSS_SQUARE[size],\n      // Size\n      hasBorder\n        ? TWCLASSMAP_AVATARBASE_HASBORDER_SIZE_DIMENSION[size]\n        : TWCLASSMAP_AVATARBASE_SIZE_DIMENSION[size],\n      // Border\n      hasBorder && TWCLASSMAP_AVATARBASE_SIZE_BORDER[size],\n      // Custom classes\n      className,\n    );\n\n    return (\n      <Component ref={ref} className={mergedClassName} style={style} {...props}>\n        {fallbackText ? (\n          <Text\n            variant={TextVariant.BodySm}\n            fontWeight={FontWeight.Medium}\n            color={TextColor.TextMuted}\n            asChild\n            className=\"uppercase\"\n            {...fallbackTextProps}\n          >\n            {/* asChild prop renders Text component as a span, it does not create an additional element */}\n            <span>{fallbackText}</span>\n          </Text>\n        ) : (\n          children\n        )}\n      </Component>\n    );\n  },\n);\n\nAvatarBase.displayName = 'AvatarBase';\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/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,yEAAgE;AAEnD,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/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/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,uCAAuC;AAEhE,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/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,uCAAuC;AAEhE,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/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,uCAAuC;AAEhE,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/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,KAAqB,cAAc;AAY1C,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AAE1D,eAAO,MAAM,UAAU,qGAsDtB,CAAC"}
+{"version":3,"file":"AvatarBase.d.cts","sourceRoot":"","sources":["../../../src/components/AvatarBase/AvatarBase.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAqB,cAAc;AAW1C,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AAE1D,eAAO,MAAM,UAAU,qGAsDtB,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,KAAqB,cAAc;AAY1C,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AAE1D,eAAO,MAAM,UAAU,qGAsDtB,CAAC"}
+{"version":3,"file":"AvatarBase.d.mts","sourceRoot":"","sources":["../../../src/components/AvatarBase/AvatarBase.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAqB,cAAc;AAW1C,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AAE1D,eAAO,MAAM,UAAU,qGAsDtB,CAAC"}

package/dist/components/AvatarBase/AvatarBase.mjs

@@ -4,10 +4,10 @@ function $importDefault(module) {
     }
     return module;
 }
+import { AvatarBaseSize, AvatarBaseShape } from "@metamask/design-system-shared";
 import { Slot } from "@radix-ui/react-slot";
 import $React, { forwardRef } from "react";
 const React = $importDefault($React);
-import { AvatarBaseSize, AvatarBaseShape } from "../../types/index.mjs";
 import { twMerge } from "../../utils/tw-merge.mjs";
 import { Text, FontWeight, TextVariant, TextColor } 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";