@metamask-previews/design-system-react-native 0.0.0-preview.fbd1fe9 → 0.1.0-preview.a448767

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

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

package/dist/components/BadgeCount/BadgeCount.d.mts

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

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

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

package/dist/components/BadgeCount/BadgeCount.mjs

@@ -0,0 +1,30 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+import { useTailwind } from "@metamask-previews/design-system-twrnc-preset";
+import $React from "react";
+const React = $importDefault($React);
+import { View } from "react-native/index.js";
+import { BadgeCountSize } from "../../types/index.mjs";
+import { Text, TextColor, FontWeight } from "../Text/index.mjs";
+import { MAP_BADGECOUNT_SIZE_TEXTVARIANT, TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER, MAP_BADGECOUNT_SIZE_LINEHEIGHT } from "./BadgeCount.constants.mjs";
+export const BadgeCount = ({ size = BadgeCountSize.Md, count, max = 99, textProps, twClassName = '', style, ...props }) => {
+    const tw = useTailwind();
+    const twContainerClassNames = `
+    bg-error-default
+    rounded-lg
+    items-center
+    justify-center
+    self-start
+    ${TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER[size]}
+    ${twClassName}`;
+    return (<View style={[tw `${twContainerClassNames}`, style]} {...props}>
+      <Text variant={MAP_BADGECOUNT_SIZE_TEXTVARIANT[size]} color={TextColor.ErrorInverse} fontWeight={FontWeight.Medium} {...textProps} twClassName={`${MAP_BADGECOUNT_SIZE_LINEHEIGHT[size]} ${textProps?.twClassName || ''}`}>
+        {count > max ? `${max}+` : `${count}`}
+      </Text>
+    </View>);
+};
+//# sourceMappingURL=BadgeCount.mjs.map

package/dist/components/BadgeCount/BadgeCount.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeCount.mjs","sourceRoot":"","sources":["../../../src/components/BadgeCount/BadgeCount.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,sDAAsD;AAC5E,OAAO,MAAK,cAAc;;AAC1B,OAAO,EAAE,IAAI,EAAE,8BAAqB;AAEpC,OAAO,EAAE,cAAc,EAAE,8BAAoB;AAC7C,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,0BAAgB;AAEtD,OAAO,EACL,+BAA+B,EAC/B,oCAAoC,EACpC,8BAA8B,EAC/B,mCAA+B;AAGhC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,IAAI,GAAG,cAAc,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,WAAW,EAAE,CAAC;IACzB,MAAM,qBAAqB,GAAG;;;;;;MAM1B,oCAAoC,CAAC,IAAI,CAAC;MAC1C,WAAW,EAAE,CAAC;IAElB,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA,GAAG,qBAAqB,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAC5D;MAAA,CAAC,IAAI,CACH,OAAO,CAAC,CAAC,+BAA+B,CAAC,IAAsB,CAAC,CAAC,CACjE,KAAK,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC,CAC9B,UAAU,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAC9B,IAAI,SAAS,CAAC,CACd,WAAW,CAAC,CAAC,GAAG,8BAA8B,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,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport { 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.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeCount.types.cjs","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/BadgeCount.types.d.cts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeCount.types.d.cts","sourceRoot":"","sources":["../../../src/components/BadgeCount/BadgeCount.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,8BAAqB;AAEpE,OAAO,KAAK,EAAE,cAAc,EAAE,8BAAoB;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;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.d.mts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeCount.types.d.mts","sourceRoot":"","sources":["../../../src/components/BadgeCount/BadgeCount.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,8BAAqB;AAEpE,OAAO,KAAK,EAAE,cAAc,EAAE,8BAAoB;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;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.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=BadgeCount.types.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeCount.types.mjs","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.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BadgeCount = exports.BadgeCountSize = void 0;
+var types_1 = require("../../types/index.cjs");
+Object.defineProperty(exports, "BadgeCountSize", { enumerable: true, get: function () { return types_1.BadgeCountSize; } });
+var BadgeCount_1 = require("./BadgeCount.cjs");
+Object.defineProperty(exports, "BadgeCount", { enumerable: true, get: function () { return BadgeCount_1.BadgeCount; } });
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/BadgeCount/index.ts"],"names":[],"mappings":";;;AAAA,+CAA6C;AAApC,uGAAA,cAAc,OAAA;AACvB,+CAA0C;AAAjC,wGAAA,UAAU,OAAA","sourcesContent":["export { BadgeCountSize } from '../../types';\nexport { BadgeCount } from './BadgeCount';\nexport type { BadgeCountProps } from './BadgeCount.types';\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/BadgeCount/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,8BAAoB;AAC7C,OAAO,EAAE,UAAU,EAAE,yBAAqB;AAC1C,YAAY,EAAE,eAAe,EAAE,+BAA2B"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/BadgeCount/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,8BAAoB;AAC7C,OAAO,EAAE,UAAU,EAAE,yBAAqB;AAC1C,YAAY,EAAE,eAAe,EAAE,+BAA2B"}

package/dist/components/BadgeCount/index.mjs

@@ -0,0 +1,3 @@
+export { BadgeCountSize } from "../../types/index.mjs";
+export { BadgeCount } from "./BadgeCount.mjs";
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/BadgeCount/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,8BAAoB;AAC7C,OAAO,EAAE,UAAU,EAAE,yBAAqB","sourcesContent":["export { BadgeCountSize } from '../../types';\nexport { BadgeCount } from './BadgeCount';\nexport type { BadgeCountProps } from './BadgeCount.types';\n"]}

package/dist/components/BadgeIcon/BadgeIcon.cjs

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+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/index.js");
+const Icon_1 = require("../Icon/index.cjs");
+const BadgeIcon = ({ iconName, iconProps, twClassName = '', style, ...props }) => {
+    const tw = (0, design_system_twrnc_preset_1.useTailwind)();
+    const twContainerClassNames = `
+    h-4 w-4 
+    bg-icon-default 
+    rounded-full 
+    items-center 
+    justify-center 
+    ${twClassName}
+  `.trim();
+    return (<react_native_1.View style={[tw `${twContainerClassNames}`, style]} accessibilityRole="image" {...props}>
+      <Icon_1.Icon color={Icon_1.IconColor.PrimaryInverse} {...iconProps} size={Icon_1.IconSize.Xs} name={iconName}/>
+    </react_native_1.View>);
+};
+exports.BadgeIcon = BadgeIcon;
+//# sourceMappingURL=BadgeIcon.cjs.map

package/dist/components/BadgeIcon/BadgeIcon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeIcon.cjs","sourceRoot":"","sources":["../../../src/components/BadgeIcon/BadgeIcon.tsx"],"names":[],"mappings":";;;;;;AAAA,8FAA4E;AAC5E,kDAA0B;AAC1B,wDAAoC;AAEpC,4CAAoD;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.d.cts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeIcon.d.cts","sourceRoot":"","sources":["../../../src/components/BadgeIcon/BadgeIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAK1B,OAAO,KAAK,EAAE,cAAc,EAAE,8BAA0B;AAExD,eAAO,MAAM,SAAS,0DAMnB,cAAc,sBAyBhB,CAAC"}

package/dist/components/BadgeIcon/BadgeIcon.d.mts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeIcon.d.mts","sourceRoot":"","sources":["../../../src/components/BadgeIcon/BadgeIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAK1B,OAAO,KAAK,EAAE,cAAc,EAAE,8BAA0B;AAExD,eAAO,MAAM,SAAS,0DAMnB,cAAc,sBAyBhB,CAAC"}

package/dist/components/BadgeIcon/BadgeIcon.mjs

@@ -0,0 +1,26 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+import { useTailwind } from "@metamask-previews/design-system-twrnc-preset";
+import $React from "react";
+const React = $importDefault($React);
+import { View } from "react-native/index.js";
+import { Icon, IconSize, IconColor } from "../Icon/index.mjs";
+export const BadgeIcon = ({ iconName, iconProps, twClassName = '', style, ...props }) => {
+    const tw = useTailwind();
+    const twContainerClassNames = `
+    h-4 w-4 
+    bg-icon-default 
+    rounded-full 
+    items-center 
+    justify-center 
+    ${twClassName}
+  `.trim();
+    return (<View style={[tw `${twContainerClassNames}`, style]} accessibilityRole="image" {...props}>
+      <Icon color={IconColor.PrimaryInverse} {...iconProps} size={IconSize.Xs} name={iconName}/>
+    </View>);
+};
+//# sourceMappingURL=BadgeIcon.mjs.map

package/dist/components/BadgeIcon/BadgeIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeIcon.mjs","sourceRoot":"","sources":["../../../src/components/BadgeIcon/BadgeIcon.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,sDAAsD;AAC5E,OAAO,MAAK,cAAc;;AAC1B,OAAO,EAAE,IAAI,EAAE,8BAAqB;AAEpC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,0BAAgB;AAIpD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,WAAW,GAAG,EAAE,EAChB,KAAK,EACL,GAAG,KAAK,EACO,EAAE,EAAE;IACnB,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IACzB,MAAM,qBAAqB,GAAG;;;;;;MAM1B,WAAW;GACd,CAAC,IAAI,EAAE,CAAC;IAET,OAAO,CACL,CAAC,IAAI,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,IAAI,CACH,KAAK,CAAC,CAAC,SAAS,CAAC,cAAc,CAAC,CAChC,IAAI,SAAS,CAAC,CACd,IAAI,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAClB,IAAI,CAAC,CAAC,QAAQ,CAAC,EAEnB;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport { 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.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeIcon.types.cjs","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/BadgeIcon.types.d.cts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeIcon.types.d.cts","sourceRoot":"","sources":["../../../src/components/BadgeIcon/BadgeIcon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,8BAAqB;AAE9C,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,0BAAgB;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.d.mts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeIcon.types.d.mts","sourceRoot":"","sources":["../../../src/components/BadgeIcon/BadgeIcon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,8BAAqB;AAE9C,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,0BAAgB;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.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=BadgeIcon.types.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeIcon.types.mjs","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.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BadgeIcon = void 0;
+var BadgeIcon_1 = require("./BadgeIcon.cjs");
+Object.defineProperty(exports, "BadgeIcon", { enumerable: true, get: function () { return BadgeIcon_1.BadgeIcon; } });
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/BadgeIcon/index.ts"],"names":[],"mappings":";;;AAAA,6CAAwC;AAA/B,sGAAA,SAAS,OAAA","sourcesContent":["export { BadgeIcon } from './BadgeIcon';\nexport type { BadgeIconProps } from './BadgeIcon.types';\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/BadgeIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,wBAAoB;AACxC,YAAY,EAAE,cAAc,EAAE,8BAA0B"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/BadgeIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,wBAAoB;AACxC,YAAY,EAAE,cAAc,EAAE,8BAA0B"}

package/dist/components/BadgeIcon/index.mjs

@@ -0,0 +1,2 @@
+export { BadgeIcon } from "./BadgeIcon.mjs";
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/BadgeIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,wBAAoB","sourcesContent":["export { BadgeIcon } from './BadgeIcon';\nexport type { BadgeIconProps } from './BadgeIcon.types';\n"]}

package/dist/components/BadgeNetwork/BadgeNetwork.cjs

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BadgeNetwork = void 0;
+const react_1 = __importDefault(require("react"));
+const AvatarNetwork_1 = require("../AvatarNetwork/index.cjs");
+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.cjs.map

package/dist/components/BadgeNetwork/BadgeNetwork.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeNetwork.cjs","sourceRoot":"","sources":["../../../src/components/BadgeNetwork/BadgeNetwork.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,8DAAoE;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.d.cts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeNetwork.d.cts","sourceRoot":"","sources":["../../../src/components/BadgeNetwork/BadgeNetwork.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAI1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,iCAA6B;AAE9D,eAAO,MAAM,YAAY,0CAKtB,iBAAiB,sBASnB,CAAC"}

package/dist/components/BadgeNetwork/BadgeNetwork.d.mts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeNetwork.d.mts","sourceRoot":"","sources":["../../../src/components/BadgeNetwork/BadgeNetwork.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAI1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,iCAA6B;AAE9D,eAAO,MAAM,YAAY,0CAKtB,iBAAiB,sBASnB,CAAC"}

package/dist/components/BadgeNetwork/BadgeNetwork.mjs

@@ -0,0 +1,11 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+import $React from "react";
+const React = $importDefault($React);
+import { AvatarNetwork, AvatarNetworkSize } from "../AvatarNetwork/index.mjs";
+export const BadgeNetwork = ({ src, name, fallbackText, ...props }) => (<AvatarNetwork src={src} name={name} fallbackText={fallbackText} {...props} size={AvatarNetworkSize.Xs} hasBorder/>);
+//# sourceMappingURL=BadgeNetwork.mjs.map

package/dist/components/BadgeNetwork/BadgeNetwork.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeNetwork.mjs","sourceRoot":"","sources":["../../../src/components/BadgeNetwork/BadgeNetwork.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,mCAAyB;AAIpE,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,GAAG,EACH,IAAI,EACJ,YAAY,EACZ,GAAG,KAAK,EACU,EAAE,EAAE,CAAC,CACvB,CAAC,aAAa,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,iBAAiB,CAAC,EAAE,CAAC,CAC3B,SAAS,EACT,CACH,CAAC","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.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeNetwork.types.cjs","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/BadgeNetwork.types.d.cts

@@ -0,0 +1,17 @@
+import type { AvatarNetworkProps } from "../AvatarNetwork/index.cjs";
+import type { ImageOrSvgSrc } from "../temp-components/ImageOrSvg/index.cjs";
+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.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeNetwork.types.d.cts","sourceRoot":"","sources":["../../../src/components/BadgeNetwork/BadgeNetwork.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,mCAAyB;AAC3D,OAAO,KAAK,EAAE,aAAa,EAAE,gDAAsC;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.d.mts

@@ -0,0 +1,17 @@
+import type { AvatarNetworkProps } from "../AvatarNetwork/index.mjs";
+import type { ImageOrSvgSrc } from "../temp-components/ImageOrSvg/index.mjs";
+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.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeNetwork.types.d.mts","sourceRoot":"","sources":["../../../src/components/BadgeNetwork/BadgeNetwork.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,mCAAyB;AAC3D,OAAO,KAAK,EAAE,aAAa,EAAE,gDAAsC;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.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=BadgeNetwork.types.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeNetwork.types.mjs","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.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BadgeNetwork = void 0;
+var BadgeNetwork_1 = require("./BadgeNetwork.cjs");
+Object.defineProperty(exports, "BadgeNetwork", { enumerable: true, get: function () { return BadgeNetwork_1.BadgeNetwork; } });
+//# sourceMappingURL=index.cjs.map

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

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

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

@@ -0,0 +1,3 @@
+export { BadgeNetwork } from "./BadgeNetwork.cjs";
+export type { BadgeNetworkProps } from "./BadgeNetwork.types.cjs";
+//# sourceMappingURL=index.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/BadgeNetwork/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,2BAAuB;AAC9C,YAAY,EAAE,iBAAiB,EAAE,iCAA6B"}

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

@@ -0,0 +1,3 @@
+export { BadgeNetwork } from "./BadgeNetwork.mjs";
+export type { BadgeNetworkProps } from "./BadgeNetwork.types.mjs";
+//# sourceMappingURL=index.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/BadgeNetwork/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,2BAAuB;AAC9C,YAAY,EAAE,iBAAiB,EAAE,iCAA6B"}

package/dist/components/BadgeNetwork/index.mjs

@@ -0,0 +1,2 @@
+export { BadgeNetwork } from "./BadgeNetwork.mjs";
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/BadgeNetwork/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,2BAAuB","sourcesContent":["export { BadgeNetwork } from './BadgeNetwork';\nexport type { BadgeNetworkProps } from './BadgeNetwork.types';\n"]}

package/dist/components/BadgeStatus/BadgeStatus.cjs

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+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/index.js");
+const types_1 = require("../../types/index.cjs");
+const BadgeStatus_constants_1 = require("./BadgeStatus.constants.cjs");
+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}`,
+            style,
+        ]} {...props}>
+      <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]} `,
+        ]}/>
+    </react_native_1.View>);
+};
+exports.BadgeStatus = BadgeStatus;
+//# sourceMappingURL=BadgeStatus.cjs.map

package/dist/components/BadgeStatus/BadgeStatus.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeStatus.cjs","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.tsx"],"names":[],"mappings":";;;;;;AAAA,8FAA4E;AAC5E,kDAA0B;AAC1B,wDAAoC;AAEpC,iDAA8C;AAE9C,uEAGiC;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"]}