@metamask-previews/design-system-react-native 0.0.0-preview.1c1a94d → 0.0.0-preview.3774cae

package/dist/components/BadgeCount/BadgeCount.js

@@ -1,39 +1,16 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
+exports.BadgeCount = 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 Text_1 = __importStar(require("../Text"));
+const types_1 = require("../../types");
+const Text_1 = require("../Text");
 const BadgeCount_constants_1 = require("./BadgeCount.constants");
-const BadgeCount_types_1 = require("./BadgeCount.types");
-const BadgeCount = ({ size = BadgeCount_types_1.BadgeCountSize.Md, count, max = 99, textProps, twClassName = '', style, ...props }) => {
+const BadgeCount = ({ size = types_1.BadgeCountSize.Md, count, max = 99, textProps, twClassName = '', style, ...props }) => {
     const tw = (0, design_system_twrnc_preset_1.useTailwind)();
     const twContainerClassNames = `
     bg-error-default
@@ -44,10 +21,10 @@ const BadgeCount = ({ size = BadgeCount_types_1.BadgeCountSize.Md, count, max =
     ${BadgeCount_constants_1.TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER[size]}
     ${twClassName}`;
     return (<react_native_1.View style={[tw `${twContainerClassNames}`, style]} {...props}>
-      <Text_1.default variant={BadgeCount_constants_1.MAP_BADGECOUNT_SIZE_TEXTVARIANT[size]} color={Text_1.TextColor.ErrorInverse} fontWeight={Text_1.FontWeight.Medium} {...textProps} twClassName={`${BadgeCount_constants_1.MAP_BADGECOUNT_SIZE_LINEHEIGHT[size]} ${textProps?.twClassName || ''}`}>
+      <Text_1.Text variant={BadgeCount_constants_1.MAP_BADGECOUNT_SIZE_TEXTVARIANT[size]} color={Text_1.TextColor.ErrorInverse} fontWeight={Text_1.FontWeight.Medium} {...textProps} twClassName={`${BadgeCount_constants_1.MAP_BADGECOUNT_SIZE_LINEHEIGHT[size]} ${textProps?.twClassName || ''}`}>
         {count > max ? `${max}+` : `${count}`}
-      </Text_1.default>
+      </Text_1.Text>
     </react_native_1.View>);
 };
-exports.default = BadgeCount;
+exports.BadgeCount = BadgeCount;
 //# sourceMappingURL=BadgeCount.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BadgeCount.js","sourceRoot":"","sources":["../../../src/components/BadgeCount/BadgeCount.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iEAAiE;AACjE,8FAA4E;AAC5E,kDAA0B;AAC1B,+CAAoC;AAEpC,gDAAsD;AACtD,iEAIgC;AAEhC,yDAAoD;AAEpD,MAAM,UAAU,GAAG,CAAC,EAClB,IAAI,GAAG,iCAAc,CAAC,EAAE,EACxB,KAAK,EACL,GAAG,GAAG,EAAE,EACR,SAAS,EACT,WAAW,GAAG,EAAE,EAChB,KAAK,EACL,GAAG,KAAK,EACQ,EAAE,EAAE;IACpB,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IACzB,MAAM,qBAAqB,GAAG;;;;;;MAM1B,2DAAoC,CAAC,IAAI,CAAC;MAC1C,WAAW,EAAE,CAAC;IAElB,OAAO,CACL,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA,GAAG,qBAAqB,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAC5D;MAAA,CAAC,cAAI,CACH,OAAO,CAAC,CAAC,sDAA+B,CAAC,IAAsB,CAAC,CAAC,CACjE,KAAK,CAAC,CAAC,gBAAS,CAAC,YAAY,CAAC,CAC9B,UAAU,CAAC,CAAC,iBAAU,CAAC,MAAM,CAAC,CAC9B,IAAI,SAAS,CAAC,CACd,WAAW,CAAC,CAAC,GAAG,qDAA8B,CAAC,IAAI,CAAC,IAAI,SAAS,EAAE,WAAW,IAAI,EAAE,EAAE,CAAC,CAEvF;QAAA,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,CACvC;MAAA,EAAE,cAAI,CACR;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC","sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport Text, { TextColor, FontWeight } from '../Text';\nimport {\n  MAP_BADGECOUNT_SIZE_TEXTVARIANT,\n  TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER,\n  MAP_BADGECOUNT_SIZE_LINEHEIGHT,\n} from './BadgeCount.constants';\nimport type { BadgeCountProps } from './BadgeCount.types';\nimport { BadgeCountSize } from './BadgeCount.types';\n\nconst BadgeCount = ({\n  size = BadgeCountSize.Md,\n  count,\n  max = 99,\n  textProps,\n  twClassName = '',\n  style,\n  ...props\n}: BadgeCountProps) => {\n  const tw = useTailwind();\n  const twContainerClassNames = `\n    bg-error-default\n    rounded-lg\n    items-center\n    justify-center\n    self-start\n    ${TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER[size]}\n    ${twClassName}`;\n\n  return (\n    <View style={[tw`${twContainerClassNames}`, style]} {...props}>\n      <Text\n        variant={MAP_BADGECOUNT_SIZE_TEXTVARIANT[size as BadgeCountSize]}\n        color={TextColor.ErrorInverse}\n        fontWeight={FontWeight.Medium}\n        {...textProps}\n        twClassName={`${MAP_BADGECOUNT_SIZE_LINEHEIGHT[size]} ${textProps?.twClassName || ''}`}\n      >\n        {count > max ? `${max}+` : `${count}`}\n      </Text>\n    </View>\n  );\n};\n\nexport default BadgeCount;\n"]}
+{"version":3,"file":"BadgeCount.js","sourceRoot":"","sources":["../../../src/components/BadgeCount/BadgeCount.tsx"],"names":[],"mappings":";;;;;;AAAA,8FAA4E;AAC5E,kDAA0B;AAC1B,+CAAoC;AAEpC,uCAA6C;AAC7C,kCAAsD;AAEtD,iEAIgC;AAGzB,MAAM,UAAU,GAAG,CAAC,EACzB,IAAI,GAAG,sBAAc,CAAC,EAAE,EACxB,KAAK,EACL,GAAG,GAAG,EAAE,EACR,SAAS,EACT,WAAW,GAAG,EAAE,EAChB,KAAK,EACL,GAAG,KAAK,EACQ,EAAE,EAAE;IACpB,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IACzB,MAAM,qBAAqB,GAAG;;;;;;MAM1B,2DAAoC,CAAC,IAAI,CAAC;MAC1C,WAAW,EAAE,CAAC;IAElB,OAAO,CACL,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA,GAAG,qBAAqB,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAC5D;MAAA,CAAC,WAAI,CACH,OAAO,CAAC,CAAC,sDAA+B,CAAC,IAAsB,CAAC,CAAC,CACjE,KAAK,CAAC,CAAC,gBAAS,CAAC,YAAY,CAAC,CAC9B,UAAU,CAAC,CAAC,iBAAU,CAAC,MAAM,CAAC,CAC9B,IAAI,SAAS,CAAC,CACd,WAAW,CAAC,CAAC,GAAG,qDAA8B,CAAC,IAAI,CAAC,IAAI,SAAS,EAAE,WAAW,IAAI,EAAE,EAAE,CAAC,CAEvF;QAAA,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,CACvC;MAAA,EAAE,WAAI,CACR;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,UAAU,cAgCrB","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport { BadgeCountSize } from '../../types';\nimport { Text, TextColor, FontWeight } from '../Text';\n\nimport {\n  MAP_BADGECOUNT_SIZE_TEXTVARIANT,\n  TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER,\n  MAP_BADGECOUNT_SIZE_LINEHEIGHT,\n} from './BadgeCount.constants';\nimport type { BadgeCountProps } from './BadgeCount.types';\n\nexport const BadgeCount = ({\n  size = BadgeCountSize.Md,\n  count,\n  max = 99,\n  textProps,\n  twClassName = '',\n  style,\n  ...props\n}: BadgeCountProps) => {\n  const tw = useTailwind();\n  const twContainerClassNames = `\n    bg-error-default\n    rounded-lg\n    items-center\n    justify-center\n    self-start\n    ${TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER[size]}\n    ${twClassName}`;\n\n  return (\n    <View style={[tw`${twContainerClassNames}`, style]} {...props}>\n      <Text\n        variant={MAP_BADGECOUNT_SIZE_TEXTVARIANT[size as BadgeCountSize]}\n        color={TextColor.ErrorInverse}\n        fontWeight={FontWeight.Medium}\n        {...textProps}\n        twClassName={`${MAP_BADGECOUNT_SIZE_LINEHEIGHT[size]} ${textProps?.twClassName || ''}`}\n      >\n        {count > max ? `${max}+` : `${count}`}\n      </Text>\n    </View>\n  );\n};\n"]}

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

@@ -1,15 +1,6 @@
 import type { ViewProps, StyleProp, ViewStyle } from 'react-native';
+import type { BadgeCountSize } from '../../types';
 import type { TextProps } from '../Text';
-export declare enum BadgeCountSize {
-    /**
-     * Represents a medium badge count (14px height).
-     */
-    Md = "Md",
-    /**
-     * Represents a large badge count (20px height).
-     */
-    Lg = "Lg"
-}
 /**
  * BadgeCount component props.
  */
@@ -17,6 +8,7 @@ export type BadgeCountProps = {
     /**
      * Optional prop to control the size of the BadgeCount
      * Different sizes map to specific height
+     *
      * @default IconSize.Md
      */
     size?: BadgeCountSize;
@@ -27,6 +19,7 @@ export type BadgeCountProps = {
     /**
      * Optional prop to determine the max the count can go up to.
      * If count > max, the count will be shown as "max+"
+     *
      * @default 99
      */
     max?: number;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/BadgeIcon/BadgeIcon.js

@@ -1,36 +1,13 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
+exports.BadgeIcon = 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 Icon_1 = __importStar(require("../Icon"));
+const Icon_1 = require("../Icon");
 const BadgeIcon = ({ iconName, iconProps, twClassName = '', style, ...props }) => {
     const tw = (0, design_system_twrnc_preset_1.useTailwind)();
     const twContainerClassNames = `
@@ -42,8 +19,8 @@ const BadgeIcon = ({ iconName, iconProps, twClassName = '', style, ...props }) =
     ${twClassName}
   `.trim();
     return (<react_native_1.View style={[tw `${twContainerClassNames}`, style]} accessibilityRole="image" {...props}>
-      <Icon_1.default color={Icon_1.IconColor.PrimaryInverse} {...iconProps} size={Icon_1.IconSize.Xs} name={iconName}/>
+      <Icon_1.Icon color={Icon_1.IconColor.PrimaryInverse} {...iconProps} size={Icon_1.IconSize.Xs} name={iconName}/>
     </react_native_1.View>);
 };
-exports.default = BadgeIcon;
+exports.BadgeIcon = BadgeIcon;
 //# sourceMappingURL=BadgeIcon.js.map

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

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

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

@@ -1,5 +1,5 @@
-import { ViewProps } from 'react-native';
-import { IconName, IconProps } from '../Icon';
+import type { ViewProps } from 'react-native';
+import type { IconName, IconProps } from '../Icon';
 /**
  * BadgeIcon component props.
  */

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"BadgeIcon.types.js","sourceRoot":"","sources":["../../../src/components/BadgeIcon/BadgeIcon.types.ts"],"names":[],"mappings":"","sourcesContent":["import { ViewProps } from 'react-native';\nimport { IconName, IconProps } from '../Icon';\n\n/**\n * BadgeIcon component props.\n */\nexport type BadgeIconProps = {\n  /**\n   * Required prop to specify an icon to show\n   */\n  iconName: IconName;\n  /**\n   * Optional prop to pass additional properties to the icon\n   */\n  iconProps?: Omit<IconProps, 'name'>;\n  /**\n   * Optional prop to add twrnc overriding classNames.\n   */\n  twClassName?: string;\n} & Omit<ViewProps, 'children'>;\n"]}
+{"version":3,"file":"BadgeIcon.types.js","sourceRoot":"","sources":["../../../src/components/BadgeIcon/BadgeIcon.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ViewProps } from 'react-native';\n\nimport type { IconName, IconProps } from '../Icon';\n\n/**\n * BadgeIcon component props.\n */\nexport type BadgeIconProps = {\n  /**\n   * Required prop to specify an icon to show\n   */\n  iconName: IconName;\n  /**\n   * Optional prop to pass additional properties to the icon\n   */\n  iconProps?: Omit<IconProps, 'name'>;\n  /**\n   * Optional prop to add twrnc overriding classNames.\n   */\n  twClassName?: string;\n} & Omit<ViewProps, 'children'>;\n"]}

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

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

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

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

package/dist/components/BadgeIcon/index.js

@@ -1,9 +1,6 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
+exports.BadgeIcon = void 0;
 var BadgeIcon_1 = require("./BadgeIcon");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(BadgeIcon_1).default; } });
+Object.defineProperty(exports, "BadgeIcon", { enumerable: true, get: function () { return BadgeIcon_1.BadgeIcon; } });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/BadgeIcon/index.ts"],"names":[],"mappings":";;;;;;AAAA,yCAAsC;AAA7B,qHAAA,OAAO,OAAA","sourcesContent":["export { default } from './BadgeIcon';\nexport type { BadgeIconProps } from './BadgeIcon.types';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/BadgeIcon/index.ts"],"names":[],"mappings":";;;AAAA,yCAAwC;AAA/B,sGAAA,SAAS,OAAA","sourcesContent":["export { BadgeIcon } from './BadgeIcon';\nexport type { BadgeIconProps } from './BadgeIcon.types';\n"]}

package/dist/components/BadgeNetwork/BadgeNetwork.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
 import type { BadgeNetworkProps } from './BadgeNetwork.types';
-declare const BadgeNetwork: ({ name, fallbackText, fallbackTextProps, ...props }: BadgeNetworkProps) => React.JSX.Element;
-export default BadgeNetwork;
+export declare const BadgeNetwork: ({ src, name, fallbackText, ...props }: BadgeNetworkProps) => React.JSX.Element;
 //# sourceMappingURL=BadgeNetwork.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BadgeNetwork.d.ts","sourceRoot":"","sources":["../../../src/components/BadgeNetwork/BadgeNetwork.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,QAAA,MAAM,YAAY,wDAKf,iBAAiB,sBAUnB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"BadgeNetwork.d.ts","sourceRoot":"","sources":["../../../src/components/BadgeNetwork/BadgeNetwork.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,eAAO,MAAM,YAAY,0CAKtB,iBAAiB,sBASnB,CAAC"}

package/dist/components/BadgeNetwork/BadgeNetwork.js

@@ -1,34 +1,11 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
+exports.BadgeNetwork = void 0;
 const react_1 = __importDefault(require("react"));
-const AvatarNetwork_1 = __importStar(require("../AvatarNetwork"));
-const BadgeNetwork = ({ name, fallbackText, fallbackTextProps, ...props }) => (<AvatarNetwork_1.default name={name} fallbackText={fallbackText} fallbackTextProps={fallbackTextProps} {...props} size={AvatarNetwork_1.AvatarNetworkSize.Xs} hasSolidBackgroundColor hasBorder/>);
-exports.default = BadgeNetwork;
+const AvatarNetwork_1 = require("../AvatarNetwork");
+const BadgeNetwork = ({ src, name, fallbackText, ...props }) => (<AvatarNetwork_1.AvatarNetwork src={src} name={name} fallbackText={fallbackText} {...props} size={AvatarNetwork_1.AvatarNetworkSize.Xs} hasBorder/>);
+exports.BadgeNetwork = BadgeNetwork;
 //# sourceMappingURL=BadgeNetwork.js.map

package/dist/components/BadgeNetwork/BadgeNetwork.js.map

@@ -1 +1 @@
-{"version":3,"file":"BadgeNetwork.js","sourceRoot":"","sources":["../../../src/components/BadgeNetwork/BadgeNetwork.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iEAAiE;AACjE,kDAA0B;AAE1B,kEAAoE;AAGpE,MAAM,YAAY,GAAG,CAAC,EACpB,IAAI,EACJ,YAAY,EACZ,iBAAiB,EACjB,GAAG,KAAK,EACU,EAAE,EAAE,CAAC,CACvB,CAAC,uBAAa,CACZ,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,IAAI,KAAK,CAAC,CACV,IAAI,CAAC,CAAC,iCAAiB,CAAC,EAAE,CAAC,CAC3B,uBAAuB,CACvB,SAAS,EACT,CACH,CAAC;AAEF,kBAAe,YAAY,CAAC","sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport React from 'react';\n\nimport AvatarNetwork, { AvatarNetworkSize } from '../AvatarNetwork';\nimport type { BadgeNetworkProps } from './BadgeNetwork.types';\n\nconst BadgeNetwork = ({\n  name,\n  fallbackText,\n  fallbackTextProps,\n  ...props\n}: BadgeNetworkProps) => (\n  <AvatarNetwork\n    name={name}\n    fallbackText={fallbackText}\n    fallbackTextProps={fallbackTextProps}\n    {...props}\n    size={AvatarNetworkSize.Xs}\n    hasSolidBackgroundColor\n    hasBorder\n  />\n);\n\nexport default BadgeNetwork;\n"]}
+{"version":3,"file":"BadgeNetwork.js","sourceRoot":"","sources":["../../../src/components/BadgeNetwork/BadgeNetwork.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,oDAAoE;AAI7D,MAAM,YAAY,GAAG,CAAC,EAC3B,GAAG,EACH,IAAI,EACJ,YAAY,EACZ,GAAG,KAAK,EACU,EAAE,EAAE,CAAC,CACvB,CAAC,6BAAa,CACZ,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,IAAI,KAAK,CAAC,CACV,IAAI,CAAC,CAAC,iCAAiB,CAAC,EAAE,CAAC,CAC3B,SAAS,EACT,CACH,CAAC;AAdW,QAAA,YAAY,gBAcvB","sourcesContent":["import React from 'react';\n\nimport { AvatarNetwork, AvatarNetworkSize } from '../AvatarNetwork';\n\nimport type { BadgeNetworkProps } from './BadgeNetwork.types';\n\nexport const BadgeNetwork = ({\n  src,\n  name,\n  fallbackText,\n  ...props\n}: BadgeNetworkProps) => (\n  <AvatarNetwork\n    src={src}\n    name={name}\n    fallbackText={fallbackText}\n    {...props}\n    size={AvatarNetworkSize.Xs}\n    hasBorder\n  />\n);\n"]}

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

@@ -1,3 +1,17 @@
-import { AvatarNetworkProps } from '../AvatarNetwork';
-export type BadgeNetworkProps = Omit<AvatarNetworkProps, 'size' | 'shape'>;
+import type { AvatarNetworkProps } from '../AvatarNetwork';
+import type { ImageOrSvgSrc } from '../temp-components/ImageOrSvg';
+export type BadgeNetworkProps = Omit<AvatarNetworkProps, 'size' | 'shape'> & {
+    /**
+     * Optional prop for the source of the image or SVG.
+     */
+    src?: ImageOrSvgSrc;
+    /**
+     * Optional props for network name, to be used to calculate the fallbackText.
+     */
+    name?: string;
+    /**
+     * Optional text to be rendered when the content fails to render
+     */
+    fallbackText?: string;
+};
 //# sourceMappingURL=BadgeNetwork.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BadgeNetwork.types.d.ts","sourceRoot":"","sources":["../../../src/components/BadgeNetwork/BadgeNetwork.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAEtD,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,kBAAkB,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC"}
+{"version":3,"file":"BadgeNetwork.types.d.ts","sourceRoot":"","sources":["../../../src/components/BadgeNetwork/BadgeNetwork.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAEnE,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,kBAAkB,EAAE,MAAM,GAAG,OAAO,CAAC,GAAG;IAC3E;;OAEG;IACH,GAAG,CAAC,EAAE,aAAa,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"BadgeNetwork.types.js","sourceRoot":"","sources":["../../../src/components/BadgeNetwork/BadgeNetwork.types.ts"],"names":[],"mappings":"","sourcesContent":["import { AvatarNetworkProps } from '../AvatarNetwork';\n\nexport type BadgeNetworkProps = Omit<AvatarNetworkProps, 'size' | 'shape'>;\n"]}
+{"version":3,"file":"BadgeNetwork.types.js","sourceRoot":"","sources":["../../../src/components/BadgeNetwork/BadgeNetwork.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { AvatarNetworkProps } from '../AvatarNetwork';\nimport type { ImageOrSvgSrc } from '../temp-components/ImageOrSvg';\n\nexport type BadgeNetworkProps = Omit<AvatarNetworkProps, 'size' | 'shape'> & {\n  /**\n   * Optional prop for the source of the image or SVG.\n   */\n  src?: ImageOrSvgSrc;\n  /**\n   * Optional props for network name, to be used to calculate the fallbackText.\n   */\n  name?: string;\n  /**\n   * Optional text to be rendered when the content fails to render\n   */\n  fallbackText?: string;\n};\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BadgeNetwork/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BadgeNetwork/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/BadgeNetwork/index.js

@@ -1,9 +1,6 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
+exports.BadgeNetwork = void 0;
 var BadgeNetwork_1 = require("./BadgeNetwork");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(BadgeNetwork_1).default; } });
+Object.defineProperty(exports, "BadgeNetwork", { enumerable: true, get: function () { return BadgeNetwork_1.BadgeNetwork; } });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/BadgeNetwork/index.ts"],"names":[],"mappings":";;;;;;AAAA,+CAAyC;AAAhC,wHAAA,OAAO,OAAA","sourcesContent":["export { default } from './BadgeNetwork';\nexport type { BadgeNetworkProps } from './BadgeNetwork.types';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/BadgeNetwork/index.ts"],"names":[],"mappings":";;;AAAA,+CAA8C;AAArC,4GAAA,YAAY,OAAA","sourcesContent":["export { BadgeNetwork } from './BadgeNetwork';\nexport type { BadgeNetworkProps } from './BadgeNetwork.types';\n"]}

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

@@ -1,4 +1,4 @@
-import { BadgeStatusStatus, BadgeStatusSize } from './BadgeStatus.types';
+import { BadgeStatusStatus, BadgeStatusSize } from '../../types';
 export declare const TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE: Record<BadgeStatusStatus, string>;
 export declare const TWCLASSMAP_BADGESTATUS_SIZE: Record<BadgeStatusSize, string>;
 //# sourceMappingURL=BadgeStatus.constants.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BadgeStatus.constants.d.ts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAGzE,eAAO,MAAM,oCAAoC,EAAE,MAAM,CACvD,iBAAiB,EACjB,MAAM,CAQP,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAGvE,CAAC"}
+{"version":3,"file":"BadgeStatus.constants.d.ts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAGjE,eAAO,MAAM,oCAAoC,EAAE,MAAM,CACvD,iBAAiB,EACjB,MAAM,CAOP,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAGvE,CAAC"}

package/dist/components/BadgeStatus/BadgeStatus.constants.js

@@ -1,17 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TWCLASSMAP_BADGESTATUS_SIZE = exports.TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE = void 0;
-const BadgeStatus_types_1 = require("./BadgeStatus.types");
+const types_1 = require("../../types");
 // Mappings
 exports.TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE = {
-    [BadgeStatus_types_1.BadgeStatusStatus.Active]: 'bg-success-default border-success-default',
-    [BadgeStatus_types_1.BadgeStatusStatus.PartiallyActive]: 'bg-background-default border-success-default',
-    [BadgeStatus_types_1.BadgeStatusStatus.Inactive]: 'bg-icon-muted border-icon-muted',
-    [BadgeStatus_types_1.BadgeStatusStatus.New]: 'bg-primary-default border-primary-default',
-    [BadgeStatus_types_1.BadgeStatusStatus.Attention]: 'bg-error-default border-error-default',
+    [types_1.BadgeStatusStatus.Active]: 'bg-success-default border-success-default',
+    [types_1.BadgeStatusStatus.Inactive]: 'bg-background-default border-success-default',
+    [types_1.BadgeStatusStatus.Disconnected]: 'bg-icon-muted border-icon-muted',
+    [types_1.BadgeStatusStatus.New]: 'bg-primary-default border-primary-default',
+    [types_1.BadgeStatusStatus.Attention]: 'bg-error-default border-error-default',
 };
 exports.TWCLASSMAP_BADGESTATUS_SIZE = {
-    [BadgeStatus_types_1.BadgeStatusSize.Md]: 'h-2 w-2',
-    [BadgeStatus_types_1.BadgeStatusSize.Lg]: 'h-2.5 w-2.5', // 10px width and height
+    [types_1.BadgeStatusSize.Md]: 'h-2 w-2',
+    [types_1.BadgeStatusSize.Lg]: 'h-2.5 w-2.5', // 10px width and height
 };
 //# sourceMappingURL=BadgeStatus.constants.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BadgeStatus.constants.js","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.constants.ts"],"names":[],"mappings":";;;AAAA,2DAAyE;AAEzE,WAAW;AACE,QAAA,oCAAoC,GAG7C;IACF,CAAC,qCAAiB,CAAC,MAAM,CAAC,EAAE,2CAA2C;IACvE,CAAC,qCAAiB,CAAC,eAAe,CAAC,EACjC,8CAA8C;IAChD,CAAC,qCAAiB,CAAC,QAAQ,CAAC,EAAE,iCAAiC;IAC/D,CAAC,qCAAiB,CAAC,GAAG,CAAC,EAAE,2CAA2C;IACpE,CAAC,qCAAiB,CAAC,SAAS,CAAC,EAAE,uCAAuC;CACvE,CAAC;AAEW,QAAA,2BAA2B,GAAoC;IAC1E,CAAC,mCAAe,CAAC,EAAE,CAAC,EAAE,SAAS;IAC/B,CAAC,mCAAe,CAAC,EAAE,CAAC,EAAE,aAAa,EAAE,wBAAwB;CAC9D,CAAC","sourcesContent":["import { BadgeStatusStatus, BadgeStatusSize } from './BadgeStatus.types';\n\n// Mappings\nexport const TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE: Record<\n  BadgeStatusStatus,\n  string\n> = {\n  [BadgeStatusStatus.Active]: 'bg-success-default border-success-default',\n  [BadgeStatusStatus.PartiallyActive]:\n    'bg-background-default border-success-default',\n  [BadgeStatusStatus.Inactive]: 'bg-icon-muted border-icon-muted',\n  [BadgeStatusStatus.New]: 'bg-primary-default border-primary-default',\n  [BadgeStatusStatus.Attention]: 'bg-error-default border-error-default',\n};\n\nexport const TWCLASSMAP_BADGESTATUS_SIZE: Record<BadgeStatusSize, string> = {\n  [BadgeStatusSize.Md]: 'h-2 w-2', // 8px width and height\n  [BadgeStatusSize.Lg]: 'h-2.5 w-2.5', // 10px width and height\n};\n"]}
+{"version":3,"file":"BadgeStatus.constants.js","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.constants.ts"],"names":[],"mappings":";;;AAAA,uCAAiE;AAEjE,WAAW;AACE,QAAA,oCAAoC,GAG7C;IACF,CAAC,yBAAiB,CAAC,MAAM,CAAC,EAAE,2CAA2C;IACvE,CAAC,yBAAiB,CAAC,QAAQ,CAAC,EAAE,8CAA8C;IAC5E,CAAC,yBAAiB,CAAC,YAAY,CAAC,EAAE,iCAAiC;IACnE,CAAC,yBAAiB,CAAC,GAAG,CAAC,EAAE,2CAA2C;IACpE,CAAC,yBAAiB,CAAC,SAAS,CAAC,EAAE,uCAAuC;CACvE,CAAC;AAEW,QAAA,2BAA2B,GAAoC;IAC1E,CAAC,uBAAe,CAAC,EAAE,CAAC,EAAE,SAAS;IAC/B,CAAC,uBAAe,CAAC,EAAE,CAAC,EAAE,aAAa,EAAE,wBAAwB;CAC9D,CAAC","sourcesContent":["import { BadgeStatusStatus, BadgeStatusSize } from '../../types';\n\n// Mappings\nexport const TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE: Record<\n  BadgeStatusStatus,\n  string\n> = {\n  [BadgeStatusStatus.Active]: 'bg-success-default border-success-default',\n  [BadgeStatusStatus.Inactive]: 'bg-background-default border-success-default',\n  [BadgeStatusStatus.Disconnected]: 'bg-icon-muted border-icon-muted',\n  [BadgeStatusStatus.New]: 'bg-primary-default border-primary-default',\n  [BadgeStatusStatus.Attention]: 'bg-error-default border-error-default',\n};\n\nexport const TWCLASSMAP_BADGESTATUS_SIZE: Record<BadgeStatusSize, string> = {\n  [BadgeStatusSize.Md]: 'h-2 w-2', // 8px width and height\n  [BadgeStatusSize.Lg]: 'h-2.5 w-2.5', // 10px width and height\n};\n"]}

package/dist/components/BadgeStatus/BadgeStatus.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
 import type { BadgeStatusProps } from './BadgeStatus.types';
-declare const BadgeStatus: ({ status, size, hasBorder, twClassName, style, ...props }: BadgeStatusProps) => React.JSX.Element;
-export default BadgeStatus;
+export declare const BadgeStatus: ({ status, size, hasBorder, twClassName, style, ...props }: BadgeStatusProps) => React.JSX.Element;
 //# sourceMappingURL=BadgeStatus.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BadgeStatus.d.ts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAG5D,QAAA,MAAM,WAAW,8DAOd,gBAAgB,sBA8BlB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"BadgeStatus.d.ts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,eAAO,MAAM,WAAW,8DAOrB,gBAAgB,sBAkBlB,CAAC"}

package/dist/components/BadgeStatus/BadgeStatus.js

@@ -3,32 +3,22 @@ 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.BadgeStatus = 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 BadgeStatus_constants_1 = require("./BadgeStatus.constants");
-const BadgeStatus_types_1 = require("./BadgeStatus.types");
-const BadgeStatus = ({ status, size = BadgeStatus_types_1.BadgeStatusSize.Md, hasBorder = true, twClassName = '', style, ...props }) => {
+const BadgeStatus = ({ status, size = types_1.BadgeStatusSize.Md, hasBorder = true, twClassName = '', style, ...props }) => {
     const tw = (0, design_system_twrnc_preset_1.useTailwind)();
     return (<react_native_1.View style={[
-            tw `
-        self-start
-        rounded-full 
-        ${hasBorder ? 'border-2 border-background-default' : ''} 
-        ${twClassName}`,
+            tw `self-start rounded-full ${hasBorder ? 'border-2 border-background-default' : ''} ${twClassName}`,
             style,
         ]} {...props}>
-      <react_native_1.View style={tw `bg-background-default absolute top-0 left-0 bottom-0 right-0 rounded-full`}/>
       <react_native_1.View style={[
-            tw `
-          rounded-full 
-          border-2
-          ${BadgeStatus_constants_1.TWCLASSMAP_BADGESTATUS_SIZE[size]} 
-          ${BadgeStatus_constants_1.TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE[status]}
-          `,
+            tw `rounded-full border-2 ${BadgeStatus_constants_1.TWCLASSMAP_BADGESTATUS_SIZE[size]} ${BadgeStatus_constants_1.TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE[status]} `,
         ]}/>
     </react_native_1.View>);
 };
-exports.default = BadgeStatus;
+exports.BadgeStatus = BadgeStatus;
 //# sourceMappingURL=BadgeStatus.js.map

package/dist/components/BadgeStatus/BadgeStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"BadgeStatus.js","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.tsx"],"names":[],"mappings":";;;;;AAAA,iEAAiE;AACjE,8FAA4E;AAC5E,kDAA0B;AAC1B,+CAAoC;AAEpC,mEAGiC;AAEjC,2DAAsD;AAEtD,MAAM,WAAW,GAAG,CAAC,EACnB,MAAM,EACN,IAAI,GAAG,mCAAe,CAAC,EAAE,EACzB,SAAS,GAAG,IAAI,EAChB,WAAW,GAAG,EAAE,EAChB,KAAK,EACL,GAAG,KAAK,EACS,EAAE,EAAE;IACrB,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IAEzB,OAAO,CACL,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC;YACL,EAAE,CAAA;;;UAGA,SAAS,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC,CAAC,EAAE;UACrD,WAAW,EAAE;YACf,KAAK;SACN,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC,EAAE,CAAA,2EAA2E,CAAC,EAEvF;MAAA,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC;YACL,EAAE,CAAA;;;YAGA,mDAA2B,CAAC,IAAI,CAAC;YACjC,4DAAoC,CAAC,MAAM,CAAC;WAC7C;SACF,CAAC,EAEN;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC","sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport {\n  TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE,\n  TWCLASSMAP_BADGESTATUS_SIZE,\n} from './BadgeStatus.constants';\nimport type { BadgeStatusProps } from './BadgeStatus.types';\nimport { BadgeStatusSize } from './BadgeStatus.types';\n\nconst BadgeStatus = ({\n  status,\n  size = BadgeStatusSize.Md,\n  hasBorder = true,\n  twClassName = '',\n  style,\n  ...props\n}: BadgeStatusProps) => {\n  const tw = useTailwind();\n\n  return (\n    <View\n      style={[\n        tw`\n        self-start\n        rounded-full \n        ${hasBorder ? 'border-2 border-background-default' : ''} \n        ${twClassName}`,\n        style,\n      ]}\n      {...props}\n    >\n      <View\n        style={tw`bg-background-default absolute top-0 left-0 bottom-0 right-0 rounded-full`}\n      />\n      <View\n        style={[\n          tw`\n          rounded-full \n          border-2\n          ${TWCLASSMAP_BADGESTATUS_SIZE[size]} \n          ${TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE[status]}\n          `,\n        ]}\n      />\n    </View>\n  );\n};\n\nexport default BadgeStatus;\n"]}
+{"version":3,"file":"BadgeStatus.js","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.tsx"],"names":[],"mappings":";;;;;;AAAA,8FAA4E;AAC5E,kDAA0B;AAC1B,+CAAoC;AAEpC,uCAA8C;AAE9C,mEAGiC;AAG1B,MAAM,WAAW,GAAG,CAAC,EAC1B,MAAM,EACN,IAAI,GAAG,uBAAe,CAAC,EAAE,EACzB,SAAS,GAAG,IAAI,EAChB,WAAW,GAAG,EAAE,EAChB,KAAK,EACL,GAAG,KAAK,EACS,EAAE,EAAE;IACrB,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IAEzB,OAAO,CACL,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC;YACL,EAAE,CAAA,2BAA2B,SAAS,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC,CAAC,EAAE,IAAI,WAAW,EAAE;YACnG,KAAK;SACN,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC;YACL,EAAE,CAAA,yBAAyB,mDAA2B,CAAC,IAAI,CAAC,IAAI,4DAAoC,CAAC,MAAM,CAAC,GAAG;SAChH,CAAC,EAEN;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAzBW,QAAA,WAAW,eAyBtB","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport { BadgeStatusSize } from '../../types';\n\nimport {\n  TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE,\n  TWCLASSMAP_BADGESTATUS_SIZE,\n} from './BadgeStatus.constants';\nimport type { BadgeStatusProps } from './BadgeStatus.types';\n\nexport const BadgeStatus = ({\n  status,\n  size = BadgeStatusSize.Md,\n  hasBorder = true,\n  twClassName = '',\n  style,\n  ...props\n}: BadgeStatusProps) => {\n  const tw = useTailwind();\n\n  return (\n    <View\n      style={[\n        tw`self-start rounded-full ${hasBorder ? 'border-2 border-background-default' : ''} ${twClassName}`,\n        style,\n      ]}\n      {...props}\n    >\n      <View\n        style={[\n          tw`rounded-full border-2 ${TWCLASSMAP_BADGESTATUS_SIZE[size]} ${TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE[status]} `,\n        ]}\n      />\n    </View>\n  );\n};\n"]}