@metamask-previews/design-system-react-native 0.0.0-preview.05bbb3e → 0.0.0-preview.0a959b0

package/README.md

@@ -4,12 +4,30 @@ Design System React Native
 
 ## Installation
 
+First, install the package:
+
 `yarn add @metamask/design-system-react-native`
 
 or
 
 `npm install @metamask/design-system-react-native`
 
+### Peer Dependencies
+
+This package requires the following peer dependencies to be installed in your project:
+
+```bash
+yarn add react@>=18.2.0 react-native@>=0.72.0
+```
+
+or
+
+```bash
+npm install react@>=18.2.0 react-native@>=0.72.0
+```
+
+**Note:** This package is compatible with React Native 0.72.0 and newer versions, including 0.76.x.
+
 ## Contributing
 
 This package is part of a monorepo. Instructions for contributing can be found in the [monorepo README](https://github.com/MetaMask/metamask-design-system#readme).

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

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

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

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

package/dist/components/AvatarAccount/AvatarAccount.js

@@ -3,27 +3,30 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
+exports.AvatarAccount = void 0;
 const react_1 = __importDefault(require("react"));
-const AvatarBase_1 = __importDefault(require("../../primitives/AvatarBase"));
-const enums_1 = require("../../shared/enums");
-const Jazzicon_1 = __importDefault(require("../../primitives/Jazzicon"));
-const Blockies_1 = __importDefault(require("../../primitives/Blockies"));
-const AvatarAccount_types_1 = require("./AvatarAccount.types");
-const AvatarAccount = ({ address, variant = AvatarAccount_types_1.AvatarAccountVariant.Jazzicon, size = enums_1.AvatarAccountSize.Md, shape = enums_1.AvatarBaseShape.Circle, ...props }) => {
+const types_1 = require("../../types");
+const AvatarBase_1 = require("../AvatarBase");
+const Blockies_1 = require("../temp-components/Blockies");
+const Jazzicon_1 = require("../temp-components/Jazzicon");
+const Maskicon_1 = require("../temp-components/Maskicon");
+const AvatarAccount = ({ address, variant = types_1.AvatarAccountVariant.Jazzicon, size = types_1.AvatarAccountSize.Md, blockiesProps, jazziconProps, maskiconProps, ...props }) => {
     let AvatarArtComponent;
     switch (variant) {
-        case AvatarAccount_types_1.AvatarAccountVariant.Blockies:
-            AvatarArtComponent = (<Blockies_1.default address={address} size={Number(size)} testID="blockies"/>);
+        case types_1.AvatarAccountVariant.Blockies:
+            AvatarArtComponent = (<Blockies_1.Blockies address={address} size={Number(size)} {...blockiesProps}/>);
             break;
-        case AvatarAccount_types_1.AvatarAccountVariant.Jazzicon:
+        case types_1.AvatarAccountVariant.Maskicon:
+            AvatarArtComponent = (<Maskicon_1.Maskicon address={address} size={Number(size)} {...maskiconProps}/>);
+            break;
+        case types_1.AvatarAccountVariant.Jazzicon:
         default:
-            AvatarArtComponent = (<Jazzicon_1.default address={address} size={Number(size)} testID="jazzicon"/>);
+            AvatarArtComponent = (<Jazzicon_1.Jazzicon address={address} size={Number(size)} {...jazziconProps}/>);
             break;
     }
-    return (<AvatarBase_1.default size={size} shape={shape} accessibilityRole="image" {...props}>
+    return (<AvatarBase_1.AvatarBase size={size} shape={types_1.AvatarBaseShape.Circle} accessibilityRole="image" {...props}>
       {AvatarArtComponent}
-    </AvatarBase_1.default>);
+    </AvatarBase_1.AvatarBase>);
 };
-exports.default = AvatarAccount;
+exports.AvatarAccount = AvatarAccount;
 //# sourceMappingURL=AvatarAccount.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarAccount.js","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.tsx"],"names":[],"mappings":";;;;;AAAA,iEAAiE;AACjE,kDAA0B;AAE1B,6EAAqD;AACrD,8CAAwE;AACxE,yEAAiD;AACjD,yEAAiD;AAEjD,+DAA6D;AAE7D,MAAM,aAAa,GAAG,CAAC,EACrB,OAAO,EACP,OAAO,GAAG,0CAAoB,CAAC,QAAQ,EACvC,IAAI,GAAG,yBAAiB,CAAC,EAAE,EAC3B,KAAK,GAAG,uBAAe,CAAC,MAAM,EAC9B,GAAG,KAAK,EACW,EAAE,EAAE;IACvB,IAAI,kBAAkB,CAAC;IAEvB,QAAQ,OAAO,EAAE;QACf,KAAK,0CAAoB,CAAC,QAAQ;YAChC,kBAAkB,GAAG,CACnB,CAAC,kBAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,EAAG,CACrE,CAAC;YACF,MAAM;QACR,KAAK,0CAAoB,CAAC,QAAQ,CAAC;QACnC;YACE,kBAAkB,GAAG,CACnB,CAAC,kBAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,EAAG,CACrE,CAAC;YACF,MAAM;KACT;IAED,OAAO,CACL,CAAC,oBAAU,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,CACxE;MAAA,CAAC,kBAAkB,CACrB;IAAA,EAAE,oBAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC","sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport React from 'react';\n\nimport AvatarBase from '../../primitives/AvatarBase';\nimport { AvatarAccountSize, AvatarBaseShape } from '../../shared/enums';\nimport Jazzicon from '../../primitives/Jazzicon';\nimport Blockies from '../../primitives/Blockies';\nimport type { AvatarAccountProps } from './AvatarAccount.types';\nimport { AvatarAccountVariant } from './AvatarAccount.types';\n\nconst AvatarAccount = ({\n  address,\n  variant = AvatarAccountVariant.Jazzicon,\n  size = AvatarAccountSize.Md,\n  shape = AvatarBaseShape.Circle,\n  ...props\n}: AvatarAccountProps) => {\n  let AvatarArtComponent;\n\n  switch (variant) {\n    case AvatarAccountVariant.Blockies:\n      AvatarArtComponent = (\n        <Blockies address={address} size={Number(size)} testID=\"blockies\" />\n      );\n      break;\n    case AvatarAccountVariant.Jazzicon:\n    default:\n      AvatarArtComponent = (\n        <Jazzicon address={address} size={Number(size)} testID=\"jazzicon\" />\n      );\n      break;\n  }\n\n  return (\n    <AvatarBase size={size} shape={shape} accessibilityRole=\"image\" {...props}>\n      {AvatarArtComponent}\n    </AvatarBase>\n  );\n};\n\nexport default AvatarAccount;\n"]}
+{"version":3,"file":"AvatarAccount.js","sourceRoot":"","sources":["../../../src/components/AvatarAccount/AvatarAccount.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uCAIqB;AACrB,8CAA2C;AAC3C,0DAAuD;AACvD,0DAAuD;AACvD,0DAAuD;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.Circle}\n      accessibilityRole=\"image\"\n      {...props}\n    >\n      {AvatarArtComponent}\n    </AvatarBase>\n  );\n};\n"]}

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

@@ -1,8 +1,8 @@
-import { AvatarBaseProps } from '../../primitives/AvatarBase';
-export declare enum AvatarAccountVariant {
-    Jazzicon = "jazzicon",
-    Blockies = "blockies"
-}
+import type { AvatarAccountVariant } from '../../types';
+import type { AvatarBaseProps } from '../AvatarBase';
+import type { BlockiesProps } from '../temp-components/Blockies';
+import type { JazziconProps } from '../temp-components/Jazzicon';
+import type { MaskiconProps } from '../temp-components/Maskicon';
 /**
  * AvatarAccount component props.
  */
@@ -13,8 +13,21 @@ export type AvatarAccountProps = {
     address: string;
     /**
      * Optional prop to control the variant of the avatar account
+     *
      * @default AvatarAccountVariant.Jazzicon
      */
     variant?: AvatarAccountVariant;
+    /**
+     * Optional props to be passed to the Blockies component
+     */
+    blockiesProps?: Partial<BlockiesProps>;
+    /**
+     * Optional props to be passed to the Jazzicon component
+     */
+    jazziconProps?: Partial<JazziconProps>;
+    /**
+     * Optional props to be passed to the Maskicon component
+     */
+    maskiconProps?: Partial<MaskiconProps>;
 } & Omit<AvatarBaseProps, 'children' | 'fallbackText' | 'fallbackTextProps'>;
 //# sourceMappingURL=AvatarAccount.types.d.ts.map

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

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

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

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

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

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

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

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

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

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

package/dist/components/AvatarAccount/index.js

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

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

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

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

@@ -0,0 +1,6 @@
+import { AvatarBaseSize } from '../../types';
+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>;
+export declare const TWCLASSMAP_AVATARBASE_SIZE_BORDER: Record<AvatarBaseSize, string>;
+//# sourceMappingURL=AvatarBase.constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarBase.constants.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarBase/AvatarBase.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;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"}

package/dist/components/AvatarBase/AvatarBase.constants.js

@@ -0,0 +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");
+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
+};
+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
+};
+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
+};
+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
+};
+//# sourceMappingURL=AvatarBase.constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarBase.constants.js","sourceRoot":"","sources":["../../../src/components/AvatarBase/AvatarBase.constants.ts"],"names":[],"mappings":";;;AAAA,uCAA6C;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"]}

package/dist/components/AvatarBase/AvatarBase.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { AvatarBaseProps } from './AvatarBase.types';
+export declare const AvatarBase: ({ children, size, shape, fallbackText, fallbackTextProps, hasBorder, twClassName, style, ...props }: AvatarBaseProps) => React.JSX.Element;
+//# sourceMappingURL=AvatarBase.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarBase.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarBase/AvatarBase.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,eAAO,MAAM,UAAU,wGAUpB,eAAe,sBA+BjB,CAAC"}

package/dist/components/AvatarBase/AvatarBase.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AvatarBase = void 0;
+const design_system_twrnc_preset_1 = require("@metamask-previews/design-system-twrnc-preset");
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const types_1 = require("../../types");
+const Text_1 = require("../Text");
+const AvatarBase_constants_1 = require("./AvatarBase.constants");
+const AvatarBase = ({ children, size = types_1.AvatarBaseSize.Md, shape = types_1.AvatarBaseShape.Circle, fallbackText, fallbackTextProps, hasBorder = false, twClassName = '', style, ...props }) => {
+    const tw = (0, design_system_twrnc_preset_1.useTailwind)();
+    const twContainerClassNames = `
+    items-center justify-center overflow-hidden bg-background-section
+    ${shape === types_1.AvatarBaseShape.Circle
+        ? 'rounded-full'
+        : AvatarBase_constants_1.TWCLASSMAP_AVATARBASE_SIZE_BORDERRADIUSS_SQUARE[size]}
+    ${hasBorder ? AvatarBase_constants_1.TWCLASSMAP_AVATARBASE_HASBORDER_SIZE_DIMENSION[size] : AvatarBase_constants_1.TWCLASSMAP_AVATARBASE_SIZE_DIMENSION[size]}
+    ${hasBorder ? AvatarBase_constants_1.TWCLASSMAP_AVATARBASE_SIZE_BORDER[size] : ''}
+    ${twClassName}
+  `;
+    return (<react_native_1.View style={[tw `${twContainerClassNames}`, style]} {...props}>
+      {fallbackText ? (<Text_1.Text color={Text_1.TextColor.TextMuted} variant={Text_1.TextVariant.BodySm} fontWeight={Text_1.FontWeight.Medium} {...fallbackTextProps} twClassName={`uppercase ${fallbackTextProps?.twClassName ? ` ${fallbackTextProps.twClassName}` : ''}`.trim()}>
+          {fallbackText}
+        </Text_1.Text>) : (children)}
+    </react_native_1.View>);
+};
+exports.AvatarBase = AvatarBase;
+//# sourceMappingURL=AvatarBase.js.map

package/dist/components/AvatarBase/AvatarBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarBase.js","sourceRoot":"","sources":["../../../src/components/AvatarBase/AvatarBase.tsx"],"names":[],"mappings":";;;;;;AAAA,8FAA4E;AAC5E,kDAA0B;AAC1B,+CAAoC;AAEpC,uCAA8D;AAC9D,kCAAmE;AAEnE,iEAKgC;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,GAAG,EAAE,EAChB,KAAK,EACL,GAAG,KAAK,EACQ,EAAE,EAAE;IACpB,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IACzB,MAAM,qBAAqB,GAAG;;MAG1B,KAAK,KAAK,uBAAe,CAAC,MAAM;QAC9B,CAAC,CAAC,cAAc;QAChB,CAAC,CAAC,sEAA+C,CAAC,IAAI,CAC1D;MACE,SAAS,CAAC,CAAC,CAAC,qEAA8C,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,2DAAoC,CAAC,IAAI,CAAC;MAC7G,SAAS,CAAC,CAAC,CAAC,wDAAiC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE;MACxD,WAAW;GACd,CAAC;IAEF,OAAO,CACL,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA,GAAG,qBAAqB,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAC5D;MAAA,CAAC,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;AAzCW,QAAA,UAAU,cAyCrB","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  const twContainerClassNames = `\n    items-center justify-center overflow-hidden bg-background-section\n    ${\n      shape === AvatarBaseShape.Circle\n        ? 'rounded-full'\n        : TWCLASSMAP_AVATARBASE_SIZE_BORDERRADIUSS_SQUARE[size]\n    }\n    ${hasBorder ? TWCLASSMAP_AVATARBASE_HASBORDER_SIZE_DIMENSION[size] : TWCLASSMAP_AVATARBASE_SIZE_DIMENSION[size]}\n    ${hasBorder ? TWCLASSMAP_AVATARBASE_SIZE_BORDER[size] : ''}\n    ${twClassName}\n  `;\n\n  return (\n    <View style={[tw`${twContainerClassNames}`, style]} {...props}>\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/{primitives → components}/AvatarBase/AvatarBase.types.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 import type { ViewProps, StyleProp, ViewStyle } from 'react-native';
-import type { TextProps } from '../../components/Text/Text.types';
-import { AvatarBaseSize, AvatarBaseShape } from '../../shared/enums';
+import type { AvatarBaseSize, AvatarBaseShape } from '../../types';
+import type { TextProps } from '../Text';
 /**
  * AvatarBase component props.
  */
@@ -12,11 +13,12 @@ export type AvatarBaseProps = {
     /**
      * Optional prop to control the size of the AvatarBase
      * Possible values:
-     *   AvatarBaseSize.Xs (16px),
+     * AvatarBaseSize.Xs (16px),
      * - AvatarBaseSize.Sm (24px),
      * - AvatarBaseSize.Md (32px).
      * - AvatarBaseSize.Lg (40px),
      * - AvatarBaseSize.Xl (48px),
+     *
      * @default AvatarBaseSize.Md
      */
     size?: AvatarBaseSize;
@@ -25,6 +27,7 @@ export type AvatarBaseProps = {
      * Possible values:
      * - AvatarBaseShape.Circle
      * - AvatarBaseShape.Square
+     *
      * @default AvatarBaseShape.Circle
      */
     shape?: AvatarBaseShape;
@@ -40,15 +43,10 @@ export type AvatarBaseProps = {
     /**
      * Optional prop to include the border with the Avatar.
      * For internal use only
+     *
      * @default false
      */
     hasBorder?: boolean;
-    /**
-     * Optional prop to make sure there's no transparency in the background color
-     * For internal use only
-     * @default false
-     */
-    hasSolidBackgroundColor?: boolean;
     /**
      * Optional prop to add twrnc overriding classNames.
      */

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarBase.types.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarBase/AvatarBase.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarBase.types.js","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"]}

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

@@ -0,0 +1,4 @@
+export { AvatarBaseSize, AvatarBaseShape } from '../../types';
+export { AvatarBase } from './AvatarBase';
+export type { AvatarBaseProps } from './AvatarBase.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarBase/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/AvatarBase/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AvatarBase = exports.AvatarBaseShape = exports.AvatarBaseSize = void 0;
+var types_1 = require("../../types");
+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 AvatarBase_1 = require("./AvatarBase");
+Object.defineProperty(exports, "AvatarBase", { enumerable: true, get: function () { return AvatarBase_1.AvatarBase; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AvatarBase/index.ts"],"names":[],"mappings":";;;AAAA,qCAA8D;AAArD,uGAAA,cAAc,OAAA;AAAE,wGAAA,eAAe,OAAA;AACxC,2CAA0C;AAAjC,wGAAA,UAAU,OAAA","sourcesContent":["export { AvatarBaseSize, AvatarBaseShape } from '../../types';\nexport { AvatarBase } from './AvatarBase';\nexport type { AvatarBaseProps } from './AvatarBase.types';\n"]}

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

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

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

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

package/dist/components/AvatarFavicon/AvatarFavicon.js

@@ -22,32 +22,29 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
+exports.AvatarFavicon = void 0;
 const react_1 = __importStar(require("react"));
-const enums_1 = require("../../shared/enums");
-const AvatarBase_1 = __importDefault(require("../../primitives/AvatarBase"));
-const ImageOrSvg_1 = __importDefault(require("../../primitives/ImageOrSvg"));
-const AvatarFavicon = ({ size = enums_1.AvatarFaviconSize.Md, shape = enums_1.AvatarBaseShape.Circle, fallbackText, fallbackTextProps, hasBorder, hasSolidBackgroundColor, twClassName, testID, style, width = '100%', height = '100%', name, imageProps, onImageError, onSvgError, ...restImageOrSvgProps }) => {
+const types_1 = require("../../types");
+const AvatarBase_1 = require("../AvatarBase");
+const ImageOrSvg_1 = require("../temp-components/ImageOrSvg");
+const AvatarFavicon = ({ src, size = types_1.AvatarFaviconSize.Md, name, fallbackText, fallbackTextProps, twClassName, imageOrSvgProps, ...props }) => {
     const [finalFallbackText, setFallbackText] = (0, react_1.useState)('');
     const backupFallbackText = fallbackText || name?.[0] || '';
     const onImageErrorHandler = (e) => {
         setFallbackText(backupFallbackText);
-        onImageError?.(e);
+        imageOrSvgProps?.onImageError?.(e);
     };
     const onSvgErrorHandler = (e) => {
         setFallbackText(backupFallbackText);
-        onSvgError?.(e);
+        imageOrSvgProps?.onSvgError?.(e);
     };
-    return (<AvatarBase_1.default size={size} shape={shape} fallbackText={finalFallbackText} fallbackTextProps={fallbackTextProps} twClassName={twClassName} hasBorder={hasBorder} hasSolidBackgroundColor={hasSolidBackgroundColor} testID={testID} style={style}>
-      <ImageOrSvg_1.default width={width} height={height} imageProps={{
-            resizeMode: 'contain',
-            ...imageProps,
-        }} onImageError={onImageErrorHandler} onSvgError={onSvgErrorHandler} {...restImageOrSvgProps}/>
-    </AvatarBase_1.default>);
+    return (<AvatarBase_1.AvatarBase size={size} shape={types_1.AvatarBaseShape.Circle} fallbackText={finalFallbackText} fallbackTextProps={fallbackTextProps} twClassName={twClassName} {...props}>
+      {src && (<ImageOrSvg_1.ImageOrSvg src={src} width={'100%'} height={'100%'} {...imageOrSvgProps} imageProps={{
+                resizeMode: 'contain',
+                ...imageOrSvgProps?.imageProps,
+            }} onImageError={onImageErrorHandler} onSvgError={onSvgErrorHandler}/>)}
+    </AvatarBase_1.AvatarBase>);
 };
-exports.default = AvatarFavicon;
+exports.AvatarFavicon = AvatarFavicon;
 //# sourceMappingURL=AvatarFavicon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarFavicon.js","sourceRoot":"","sources":["../../../src/components/AvatarFavicon/AvatarFavicon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iEAAiE;AACjE,+CAAwC;AAGxC,8CAAwE;AACxE,6EAAqD;AACrD,6EAAqD;AAGrD,MAAM,aAAa,GAAG,CAAC,EACrB,IAAI,GAAG,yBAAiB,CAAC,EAAE,EAC3B,KAAK,GAAG,uBAAe,CAAC,MAAM,EAC9B,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,uBAAuB,EACvB,WAAW,EACX,MAAM,EACN,KAAK,EACL,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,MAAM,EACf,IAAI,EACJ,UAAU,EACV,YAAY,EACZ,UAAU,EACV,GAAG,mBAAmB,EACH,EAAE,EAAE;IACvB,MAAM,CAAC,iBAAiB,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IAElE,MAAM,kBAAkB,GAAG,YAAY,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAC3D,MAAM,mBAAmB,GAAG,CAC1B,CAA4C,EAC5C,EAAE;QACF,eAAe,CAAC,kBAAkB,CAAC,CAAC;QACpC,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,CAAM,EAAE,EAAE;QACnC,eAAe,CAAC,kBAAkB,CAAC,CAAC;QACpC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,oBAAU,CACT,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,YAAY,CAAC,CAAC,iBAAiB,CAAC,CAChC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,uBAAuB,CAAC,CAAC,uBAAuB,CAAC,CACjD,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,KAAK,CAAC,CAEb;MAAA,CAAC,oBAAU,CACT,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,UAAU,CAAC,CAAC;YACV,UAAU,EAAE,SAAS;YACrB,GAAG,UAAU;SACd,CAAC,CACF,YAAY,CAAC,CAAC,mBAAmB,CAAC,CAClC,UAAU,CAAC,CAAC,iBAAiB,CAAC,CAC9B,IAAI,mBAAmB,CAAC,EAE5B;IAAA,EAAE,oBAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC","sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport React, { useState } from 'react';\nimport { ImageErrorEventData, NativeSyntheticEvent } from 'react-native';\n\nimport { AvatarFaviconSize, AvatarBaseShape } from '../../shared/enums';\nimport AvatarBase from '../../primitives/AvatarBase';\nimport ImageOrSvg from '../../primitives/ImageOrSvg';\nimport type { AvatarFaviconProps } from './AvatarFavicon.types';\n\nconst AvatarFavicon = ({\n  size = AvatarFaviconSize.Md,\n  shape = AvatarBaseShape.Circle,\n  fallbackText,\n  fallbackTextProps,\n  hasBorder,\n  hasSolidBackgroundColor,\n  twClassName,\n  testID,\n  style,\n  width = '100%',\n  height = '100%',\n  name,\n  imageProps,\n  onImageError,\n  onSvgError,\n  ...restImageOrSvgProps\n}: AvatarFaviconProps) => {\n  const [finalFallbackText, setFallbackText] = useState<string>('');\n\n  const backupFallbackText = fallbackText || name?.[0] || '';\n  const onImageErrorHandler = (\n    e: NativeSyntheticEvent<ImageErrorEventData>,\n  ) => {\n    setFallbackText(backupFallbackText);\n    onImageError?.(e);\n  };\n\n  const onSvgErrorHandler = (e: any) => {\n    setFallbackText(backupFallbackText);\n    onSvgError?.(e);\n  };\n\n  return (\n    <AvatarBase\n      size={size}\n      shape={shape}\n      fallbackText={finalFallbackText}\n      fallbackTextProps={fallbackTextProps}\n      twClassName={twClassName}\n      hasBorder={hasBorder}\n      hasSolidBackgroundColor={hasSolidBackgroundColor}\n      testID={testID}\n      style={style}\n    >\n      <ImageOrSvg\n        width={width}\n        height={height}\n        imageProps={{\n          resizeMode: 'contain',\n          ...imageProps,\n        }}\n        onImageError={onImageErrorHandler}\n        onSvgError={onSvgErrorHandler}\n        {...restImageOrSvgProps}\n      />\n    </AvatarBase>\n  );\n};\n\nexport default AvatarFavicon;\n"]}
+{"version":3,"file":"AvatarFavicon.js","sourceRoot":"","sources":["../../../src/components/AvatarFavicon/AvatarFavicon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AAGxC,uCAAiE;AACjE,8CAA2C;AAC3C,8DAA2D;AAIpD,MAAM,aAAa,GAAG,CAAC,EAC5B,GAAG,EACH,IAAI,GAAG,yBAAiB,CAAC,EAAE,EAC3B,IAAI,EACJ,YAAY,EACZ,iBAAiB,EACjB,WAAW,EACX,eAAe,EACf,GAAG,KAAK,EACW,EAAE,EAAE;IACvB,MAAM,CAAC,iBAAiB,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IAElE,MAAM,kBAAkB,GAAG,YAAY,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAC3D,MAAM,mBAAmB,GAAG,CAC1B,CAA4C,EAC5C,EAAE;QACF,eAAe,CAAC,kBAAkB,CAAC,CAAC;QACpC,eAAe,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,CAAM,EAAE,EAAE;QACnC,eAAe,CAAC,kBAAkB,CAAC,CAAC;QACpC,eAAe,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,uBAAU,CACT,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,KAAK,CAAC,CAAC,uBAAe,CAAC,MAAM,CAAC,CAC9B,YAAY,CAAC,CAAC,iBAAiB,CAAC,CAChC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,GAAG,IAAI,CACN,CAAC,uBAAU,CACT,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,KAAK,CAAC,CAAC,MAAM,CAAC,CACd,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,IAAI,eAAe,CAAC,CACpB,UAAU,CAAC,CAAC;gBACV,UAAU,EAAE,SAAS;gBACrB,GAAG,eAAe,EAAE,UAAU;aAC/B,CAAC,CACF,YAAY,CAAC,CAAC,mBAAmB,CAAC,CAClC,UAAU,CAAC,CAAC,iBAAiB,CAAC,EAC9B,CACH,CACH;IAAA,EAAE,uBAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC;AAlDW,QAAA,aAAa,iBAkDxB","sourcesContent":["import React, { useState } from 'react';\nimport type { ImageErrorEventData, NativeSyntheticEvent } from 'react-native';\n\nimport { AvatarFaviconSize, AvatarBaseShape } from '../../types';\nimport { AvatarBase } from '../AvatarBase';\nimport { ImageOrSvg } from '../temp-components/ImageOrSvg';\n\nimport type { AvatarFaviconProps } from './AvatarFavicon.types';\n\nexport const AvatarFavicon = ({\n  src,\n  size = AvatarFaviconSize.Md,\n  name,\n  fallbackText,\n  fallbackTextProps,\n  twClassName,\n  imageOrSvgProps,\n  ...props\n}: AvatarFaviconProps) => {\n  const [finalFallbackText, setFallbackText] = useState<string>('');\n\n  const backupFallbackText = fallbackText || name?.[0] || '';\n  const onImageErrorHandler = (\n    e: NativeSyntheticEvent<ImageErrorEventData>,\n  ) => {\n    setFallbackText(backupFallbackText);\n    imageOrSvgProps?.onImageError?.(e);\n  };\n\n  const onSvgErrorHandler = (e: any) => {\n    setFallbackText(backupFallbackText);\n    imageOrSvgProps?.onSvgError?.(e);\n  };\n\n  return (\n    <AvatarBase\n      size={size}\n      shape={AvatarBaseShape.Circle}\n      fallbackText={finalFallbackText}\n      fallbackTextProps={fallbackTextProps}\n      twClassName={twClassName}\n      {...props}\n    >\n      {src && (\n        <ImageOrSvg\n          src={src}\n          width={'100%'}\n          height={'100%'}\n          {...imageOrSvgProps}\n          imageProps={{\n            resizeMode: 'contain',\n            ...imageOrSvgProps?.imageProps,\n          }}\n          onImageError={onImageErrorHandler}\n          onSvgError={onSvgErrorHandler}\n        />\n      )}\n    </AvatarBase>\n  );\n};\n"]}

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

@@ -1,12 +1,21 @@
-import { AvatarBaseProps } from '../../primitives/AvatarBase';
-import { ImageOrSvgProps } from '../../primitives/ImageOrSvg';
+import type { AvatarBaseProps } from '../AvatarBase';
+import type { ImageOrSvgProps, ImageOrSvgSrc } from '../temp-components/ImageOrSvg';
 /**
  * AvatarFavicon component props.
  */
 export type AvatarFaviconProps = {
+    /**
+     * Optional prop for the source of the image or SVG
+     */
+    src?: ImageOrSvgSrc;
     /**
      * Optional props for favicon name, to be used to calculate the fallbackText.
      */
     name?: string;
-} & Omit<AvatarBaseProps, 'children'> & ImageOrSvgProps;
+    /**
+     * Optional prop to pass to the underlying ImageOrSvg element
+     * Useful for overriding the default alt text which is the dapp name
+     */
+    imageOrSvgProps?: Partial<ImageOrSvgProps>;
+} & Omit<AvatarBaseProps, 'children'>;
 //# sourceMappingURL=AvatarFavicon.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarFavicon.types.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarFavicon/AvatarFavicon.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,GACnC,eAAe,CAAC"}
+{"version":3,"file":"AvatarFavicon.types.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarFavicon/AvatarFavicon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,KAAK,EACV,eAAe,EACf,aAAa,EACd,MAAM,+BAA+B,CAAC;AAEvC;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,GAAG,CAAC,EAAE,aAAa,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CAC5C,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarFavicon.types.js","sourceRoot":"","sources":["../../../src/components/AvatarFavicon/AvatarFavicon.types.ts"],"names":[],"mappings":"","sourcesContent":["import { AvatarBaseProps } from '../../primitives/AvatarBase';\nimport { ImageOrSvgProps } from '../../primitives/ImageOrSvg';\n\n/**\n * AvatarFavicon component props.\n */\nexport type AvatarFaviconProps = {\n  /**\n   * Optional props for favicon name, to be used to calculate the fallbackText.\n   */\n  name?: string;\n} & Omit<AvatarBaseProps, 'children'> &\n  ImageOrSvgProps;\n"]}
+{"version":3,"file":"AvatarFavicon.types.js","sourceRoot":"","sources":["../../../src/components/AvatarFavicon/AvatarFavicon.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { AvatarBaseProps } from '../AvatarBase';\nimport type {\n  ImageOrSvgProps,\n  ImageOrSvgSrc,\n} from '../temp-components/ImageOrSvg';\n\n/**\n * AvatarFavicon component props.\n */\nexport type AvatarFaviconProps = {\n  /**\n   * Optional prop for the source of the image or SVG\n   */\n  src?: ImageOrSvgSrc;\n  /**\n   * Optional props for favicon name, to be used to calculate the fallbackText.\n   */\n  name?: string;\n  /**\n   * Optional prop to pass to the underlying ImageOrSvg element\n   * Useful for overriding the default alt text which is the dapp name\n   */\n  imageOrSvgProps?: Partial<ImageOrSvgProps>;\n} & Omit<AvatarBaseProps, 'children'>;\n"]}

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

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

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

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

package/dist/components/AvatarFavicon/index.js

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

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

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

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

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