@metamask-previews/design-system-react-native 0.6.0-preview.3dc70e1 → 0.11.0-preview.23cc337

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

@@ -1,21 +1,19 @@
+import type { AvatarNetworkPropsShared } from "@metamask-previews/design-system-shared";
 import type { AvatarBaseProps } from "../AvatarBase/index.mjs";
 import type { ImageOrSvgProps, ImageOrSvgSrc } from "../temp-components/ImageOrSvg/index.mjs";
 /**
- * AvatarNetwork component props.
+ * AvatarNetwork component props (React Native platform-specific)
+ * Extends shared props from @metamask-previews/design-system-shared with React Native-specific platform concerns
  */
-export type AvatarNetworkProps = {
+export type AvatarNetworkProps = AvatarNetworkPropsShared & Omit<AvatarBaseProps, 'children'> & {
     /**
      * 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 prop to pass to the underlying ImageOrSvg element
-     * Useful for overriding the default alt text which is the dapp name
+     * Optional prop to pass to the underlying ImageOrSvg element.
+     * Useful for overriding the default alt text which is the network name.
      */
     imageOrSvgProps?: Partial<ImageOrSvgProps>;
-} & Omit<AvatarBaseProps, 'children'>;
+};
 //# sourceMappingURL=AvatarNetwork.types.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarNetwork.types.d.mts","sourceRoot":"","sources":["../../../src/components/AvatarNetwork/AvatarNetwork.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,gCAAsB;AACrD,OAAO,KAAK,EACV,eAAe,EACf,aAAa,EACd,gDAAsC;AAEvC;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,GAAG,CAAC,EAAE,aAAa,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CAC5C,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC"}
+{"version":3,"file":"AvatarNetwork.types.d.mts","sourceRoot":"","sources":["../../../src/components/AvatarNetwork/AvatarNetwork.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,gDAAgD;AAExF,OAAO,KAAK,EAAE,eAAe,EAAE,gCAAsB;AACrD,OAAO,KAAK,EACV,eAAe,EACf,aAAa,EACd,gDAAsC;AAEvC;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG,wBAAwB,GACvD,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,GAAG;IAClC;;OAEG;IACH,GAAG,CAAC,EAAE,aAAa,CAAC;IACpB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CAC5C,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarNetwork.types.mjs","sourceRoot":"","sources":["../../../src/components/AvatarNetwork/AvatarNetwork.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { AvatarBaseProps } from '../AvatarBase';\nimport type {\n  ImageOrSvgProps,\n  ImageOrSvgSrc,\n} from '../temp-components/ImageOrSvg';\n\n/**\n * AvatarNetwork component props.\n */\nexport type AvatarNetworkProps = {\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 prop to pass to the underlying ImageOrSvg element\n   * Useful for overriding the default alt text which is the dapp name\n   */\n  imageOrSvgProps?: Partial<ImageOrSvgProps>;\n} & Omit<AvatarBaseProps, 'children'>;\n"]}
+{"version":3,"file":"AvatarNetwork.types.mjs","sourceRoot":"","sources":["../../../src/components/AvatarNetwork/AvatarNetwork.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { AvatarNetworkPropsShared } from '@metamask-previews/design-system-shared';\n\nimport type { AvatarBaseProps } from '../AvatarBase';\nimport type {\n  ImageOrSvgProps,\n  ImageOrSvgSrc,\n} from '../temp-components/ImageOrSvg';\n\n/**\n * AvatarNetwork component props (React Native platform-specific)\n * Extends shared props from @metamask-previews/design-system-shared with React Native-specific platform concerns\n */\nexport type AvatarNetworkProps = AvatarNetworkPropsShared &\n  Omit<AvatarBaseProps, 'children'> & {\n    /**\n     * Optional prop for the source of the image or SVG.\n     */\n    src?: ImageOrSvgSrc;\n    /**\n     * Optional prop to pass to the underlying ImageOrSvg element.\n     * Useful for overriding the default alt text which is the network name.\n     */\n    imageOrSvgProps?: Partial<ImageOrSvgProps>;\n  };\n"]}

package/dist/components/BadgeCount/BadgeCount.cjs

@@ -4,19 +4,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BadgeCount = void 0;
+const design_system_shared_1 = require("@metamask-previews/design-system-shared");
 const design_system_twrnc_preset_1 = require("@metamask-previews/design-system-twrnc-preset");
 const react_1 = __importDefault(require("react"));
 const react_native_1 = require("react-native/index.js");
-const types_1 = require("../../types/index.cjs");
 const Text_1 = require("../Text/index.cjs");
 const BadgeCount_constants_1 = require("./BadgeCount.constants.cjs");
-const BadgeCount = ({ size = types_1.BadgeCountSize.Md, count, max = 99, textProps, twClassName, style, ...props }) => {
+const BadgeCount = ({ size = design_system_shared_1.BadgeCountSize.Md, count, max = 99, textProps, twClassName, style, ...props }) => {
     const tw = (0, design_system_twrnc_preset_1.useTailwind)();
     return (<react_native_1.View {...props} style={[
             tw.style('bg-error-default rounded-lg items-center justify-center self-start', BadgeCount_constants_1.TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER[size], twClassName),
             style,
         ]}>
-      <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 || ''}`}>
+      <Text_1.Text variant={BadgeCount_constants_1.MAP_BADGECOUNT_SIZE_TEXTVARIANT[size]} color={Text_1.TextColor.ErrorInverse} fontWeight={Text_1.FontWeight.Medium} {...textProps} twClassName={`leading-0 ${textProps?.twClassName || ''}`}>
         {count > max ? `${max}+` : `${count}`}
       </Text_1.Text>
     </react_native_1.View>);

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

@@ -1 +1 @@
-{"version":3,"file":"BadgeCount.cjs","sourceRoot":"","sources":["../../../src/components/BadgeCount/BadgeCount.tsx"],"names":[],"mappings":";;;;;;AAAA,8FAA4E;AAC5E,kDAA0B;AAC1B,wDAAoC;AAEpC,iDAA6C;AAC7C,4CAAsD;AAEtD,qEAIgC;AAGzB,MAAM,UAAU,GAAG,CAAC,EACzB,IAAI,GAAG,sBAAc,CAAC,EAAE,EACxB,KAAK,EACL,GAAG,GAAG,EAAE,EACR,SAAS,EACT,WAAW,EACX,KAAK,EACL,GAAG,KAAK,EACQ,EAAE,EAAE;IACpB,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IAEzB,OAAO,CACL,CAAC,mBAAI,CACH,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CACN,oEAAoE,EACpE,2DAAoC,CAAC,IAAI,CAAC,EAC1C,WAAW,CACZ;YACD,KAAK;SACN,CAAC,CAEF;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;AAlCW,QAAA,UAAU,cAkCrB","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\n  return (\n    <View\n      {...props}\n      style={[\n        tw.style(\n          'bg-error-default rounded-lg items-center justify-center self-start',\n          TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER[size],\n          twClassName,\n        ),\n        style,\n      ]}\n    >\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"]}
+{"version":3,"file":"BadgeCount.cjs","sourceRoot":"","sources":["../../../src/components/BadgeCount/BadgeCount.tsx"],"names":[],"mappings":";;;;;;AAAA,kFAAyE;AACzE,8FAA4E;AAC5E,kDAA0B;AAC1B,wDAAoC;AAEpC,4CAAsD;AAEtD,qEAGgC;AAGzB,MAAM,UAAU,GAAG,CAAC,EACzB,IAAI,GAAG,qCAAc,CAAC,EAAE,EACxB,KAAK,EACL,GAAG,GAAG,EAAE,EACR,SAAS,EACT,WAAW,EACX,KAAK,EACL,GAAG,KAAK,EACQ,EAAE,EAAE;IACpB,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IAEzB,OAAO,CACL,CAAC,mBAAI,CACH,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CACN,oEAAoE,EACpE,2DAAoC,CAAC,IAAI,CAAC,EAC1C,WAAW,CACZ;YACD,KAAK;SACN,CAAC,CAEF;MAAA,CAAC,WAAI,CACH,OAAO,CAAC,CAAC,sDAA+B,CAAC,IAAI,CAAC,CAAC,CAC/C,KAAK,CAAC,CAAC,gBAAS,CAAC,YAAY,CAAC,CAC9B,UAAU,CAAC,CAAC,iBAAU,CAAC,MAAM,CAAC,CAC9B,IAAI,SAAS,CAAC,CACd,WAAW,CAAC,CAAC,aAAa,SAAS,EAAE,WAAW,IAAI,EAAE,EAAE,CAAC,CAEzD;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;AAlCW,QAAA,UAAU,cAkCrB","sourcesContent":["import { BadgeCountSize } from '@metamask-previews/design-system-shared';\nimport { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport { Text, TextColor, FontWeight } from '../Text';\n\nimport {\n  MAP_BADGECOUNT_SIZE_TEXTVARIANT,\n  TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER,\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\n  return (\n    <View\n      {...props}\n      style={[\n        tw.style(\n          'bg-error-default rounded-lg items-center justify-center self-start',\n          TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER[size],\n          twClassName,\n        ),\n        style,\n      ]}\n    >\n      <Text\n        variant={MAP_BADGECOUNT_SIZE_TEXTVARIANT[size]}\n        color={TextColor.ErrorInverse}\n        fontWeight={FontWeight.Medium}\n        {...textProps}\n        twClassName={`leading-0 ${textProps?.twClassName || ''}`}\n      >\n        {count > max ? `${max}+` : `${count}`}\n      </Text>\n    </View>\n  );\n};\n"]}

package/dist/components/BadgeCount/BadgeCount.constants.cjs

@@ -1,19 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER = exports.MAP_BADGECOUNT_SIZE_LINEHEIGHT = exports.MAP_BADGECOUNT_SIZE_TEXTVARIANT = void 0;
-const types_1 = require("../../types/index.cjs");
+exports.TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER = exports.MAP_BADGECOUNT_SIZE_TEXTVARIANT = void 0;
+const design_system_shared_1 = require("@metamask-previews/design-system-shared");
 const Text_1 = require("../Text/index.cjs");
 // Mappings
 exports.MAP_BADGECOUNT_SIZE_TEXTVARIANT = {
-    [types_1.BadgeCountSize.Md]: Text_1.TextVariant.BodyXs,
-    [types_1.BadgeCountSize.Lg]: Text_1.TextVariant.BodySm,
-};
-exports.MAP_BADGECOUNT_SIZE_LINEHEIGHT = {
-    [types_1.BadgeCountSize.Md]: 'leading-[14px]',
-    [types_1.BadgeCountSize.Lg]: 'leading-4', // line-height 16px
+    [design_system_shared_1.BadgeCountSize.Md]: Text_1.TextVariant.BodyXs,
+    [design_system_shared_1.BadgeCountSize.Lg]: Text_1.TextVariant.BodySm,
 };
 exports.TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER = {
-    [types_1.BadgeCountSize.Md]: 'min-w-4 h-3.5 py-0 px-1',
-    [types_1.BadgeCountSize.Lg]: 'min-w-6 h-5 py-0.5 px-1.5', // min-width 24px, height 20px, padding-vertical 2, padding-horizontal 6
+    [design_system_shared_1.BadgeCountSize.Md]: 'min-w-4 h-4 px-1',
+    [design_system_shared_1.BadgeCountSize.Lg]: 'min-w-6 h-5 px-1.5', // min-width 24px, height 20px, padding-horizontal 6
 };
 //# sourceMappingURL=BadgeCount.constants.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"BadgeCount.constants.cjs","sourceRoot":"","sources":["../../../src/components/BadgeCount/BadgeCount.constants.ts"],"names":[],"mappings":";;;AAAA,iDAA6C;AAC7C,4CAAsC;AAEtC,WAAW;AACE,QAAA,+BAA+B,GAGxC;IACF,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,kBAAW,CAAC,MAAM;IACvC,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,kBAAW,CAAC,MAAM;CACxC,CAAC;AACW,QAAA,8BAA8B,GAAmC;IAC5E,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,gBAAgB;IACrC,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,WAAW,EAAE,mBAAmB;CACtD,CAAC;AAEW,QAAA,oCAAoC,GAG7C;IACF,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,yBAAyB;IAC9C,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,2BAA2B,EAAE,wEAAwE;CAC3H,CAAC","sourcesContent":["import { BadgeCountSize } from '../../types';\nimport { TextVariant } from '../Text';\n\n// Mappings\nexport const MAP_BADGECOUNT_SIZE_TEXTVARIANT: Record<\n  BadgeCountSize,\n  TextVariant\n> = {\n  [BadgeCountSize.Md]: TextVariant.BodyXs,\n  [BadgeCountSize.Lg]: TextVariant.BodySm,\n};\nexport const MAP_BADGECOUNT_SIZE_LINEHEIGHT: Record<BadgeCountSize, string> = {\n  [BadgeCountSize.Md]: 'leading-[14px]', // line-height 14px\n  [BadgeCountSize.Lg]: 'leading-4', // line-height 16px\n};\n\nexport const TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER: Record<\n  BadgeCountSize,\n  string\n> = {\n  [BadgeCountSize.Md]: 'min-w-4 h-3.5 py-0 px-1', // min-width 16px, height 14px, padding-vertical 0, padding-horizontal 4\n  [BadgeCountSize.Lg]: 'min-w-6 h-5 py-0.5 px-1.5', // min-width 24px, height 20px, padding-vertical 2, padding-horizontal 6\n};\n"]}
+{"version":3,"file":"BadgeCount.constants.cjs","sourceRoot":"","sources":["../../../src/components/BadgeCount/BadgeCount.constants.ts"],"names":[],"mappings":";;;AAAA,kFAAyE;AAEzE,4CAAsC;AAEtC,WAAW;AACE,QAAA,+BAA+B,GAGxC;IACF,CAAC,qCAAc,CAAC,EAAE,CAAC,EAAE,kBAAW,CAAC,MAAM;IACvC,CAAC,qCAAc,CAAC,EAAE,CAAC,EAAE,kBAAW,CAAC,MAAM;CACxC,CAAC;AAEW,QAAA,oCAAoC,GAG7C;IACF,CAAC,qCAAc,CAAC,EAAE,CAAC,EAAE,kBAAkB;IACvC,CAAC,qCAAc,CAAC,EAAE,CAAC,EAAE,oBAAoB,EAAE,oDAAoD;CAChG,CAAC","sourcesContent":["import { BadgeCountSize } from '@metamask-previews/design-system-shared';\n\nimport { TextVariant } from '../Text';\n\n// Mappings\nexport const MAP_BADGECOUNT_SIZE_TEXTVARIANT: Record<\n  BadgeCountSize,\n  TextVariant\n> = {\n  [BadgeCountSize.Md]: TextVariant.BodyXs,\n  [BadgeCountSize.Lg]: TextVariant.BodySm,\n};\n\nexport const TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER: Record<\n  BadgeCountSize,\n  string\n> = {\n  [BadgeCountSize.Md]: 'min-w-4 h-4 px-1', // min-width 16px, height 14px, padding-horizontal 4\n  [BadgeCountSize.Lg]: 'min-w-6 h-5 px-1.5', // min-width 24px, height 20px, padding-horizontal 6\n};\n"]}

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

@@ -1,6 +1,5 @@
-import { BadgeCountSize } from "../../types/index.cjs";
+import { BadgeCountSize } from "@metamask-previews/design-system-shared";
 import { TextVariant } from "../Text/index.cjs";
 export declare const MAP_BADGECOUNT_SIZE_TEXTVARIANT: Record<BadgeCountSize, TextVariant>;
-export declare const MAP_BADGECOUNT_SIZE_LINEHEIGHT: Record<BadgeCountSize, string>;
 export declare const TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER: Record<BadgeCountSize, string>;
 //# sourceMappingURL=BadgeCount.constants.d.cts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BadgeCount.constants.d.cts","sourceRoot":"","sources":["../../../src/components/BadgeCount/BadgeCount.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,8BAAoB;AAC7C,OAAO,EAAE,WAAW,EAAE,0BAAgB;AAGtC,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAClD,cAAc,EACd,WAAW,CAIZ,CAAC;AACF,eAAO,MAAM,8BAA8B,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAGzE,CAAC;AAEF,eAAO,MAAM,oCAAoC,EAAE,MAAM,CACvD,cAAc,EACd,MAAM,CAIP,CAAC"}
+{"version":3,"file":"BadgeCount.constants.d.cts","sourceRoot":"","sources":["../../../src/components/BadgeCount/BadgeCount.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,gDAAgD;AAEzE,OAAO,EAAE,WAAW,EAAE,0BAAgB;AAGtC,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAClD,cAAc,EACd,WAAW,CAIZ,CAAC;AAEF,eAAO,MAAM,oCAAoC,EAAE,MAAM,CACvD,cAAc,EACd,MAAM,CAIP,CAAC"}

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

@@ -1,6 +1,5 @@
-import { BadgeCountSize } from "../../types/index.mjs";
+import { BadgeCountSize } from "@metamask-previews/design-system-shared";
 import { TextVariant } from "../Text/index.mjs";
 export declare const MAP_BADGECOUNT_SIZE_TEXTVARIANT: Record<BadgeCountSize, TextVariant>;
-export declare const MAP_BADGECOUNT_SIZE_LINEHEIGHT: Record<BadgeCountSize, string>;
 export declare const TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER: Record<BadgeCountSize, string>;
 //# sourceMappingURL=BadgeCount.constants.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BadgeCount.constants.d.mts","sourceRoot":"","sources":["../../../src/components/BadgeCount/BadgeCount.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,8BAAoB;AAC7C,OAAO,EAAE,WAAW,EAAE,0BAAgB;AAGtC,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAClD,cAAc,EACd,WAAW,CAIZ,CAAC;AACF,eAAO,MAAM,8BAA8B,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAGzE,CAAC;AAEF,eAAO,MAAM,oCAAoC,EAAE,MAAM,CACvD,cAAc,EACd,MAAM,CAIP,CAAC"}
+{"version":3,"file":"BadgeCount.constants.d.mts","sourceRoot":"","sources":["../../../src/components/BadgeCount/BadgeCount.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,gDAAgD;AAEzE,OAAO,EAAE,WAAW,EAAE,0BAAgB;AAGtC,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAClD,cAAc,EACd,WAAW,CAIZ,CAAC;AAEF,eAAO,MAAM,oCAAoC,EAAE,MAAM,CACvD,cAAc,EACd,MAAM,CAIP,CAAC"}

package/dist/components/BadgeCount/BadgeCount.constants.mjs

@@ -1,16 +1,12 @@
-import { BadgeCountSize } from "../../types/index.mjs";
+import { BadgeCountSize } from "@metamask-previews/design-system-shared";
 import { TextVariant } from "../Text/index.mjs";
 // Mappings
 export const MAP_BADGECOUNT_SIZE_TEXTVARIANT = {
     [BadgeCountSize.Md]: TextVariant.BodyXs,
     [BadgeCountSize.Lg]: TextVariant.BodySm,
 };
-export const MAP_BADGECOUNT_SIZE_LINEHEIGHT = {
-    [BadgeCountSize.Md]: 'leading-[14px]',
-    [BadgeCountSize.Lg]: 'leading-4', // line-height 16px
-};
 export const TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER = {
-    [BadgeCountSize.Md]: 'min-w-4 h-3.5 py-0 px-1',
-    [BadgeCountSize.Lg]: 'min-w-6 h-5 py-0.5 px-1.5', // min-width 24px, height 20px, padding-vertical 2, padding-horizontal 6
+    [BadgeCountSize.Md]: 'min-w-4 h-4 px-1',
+    [BadgeCountSize.Lg]: 'min-w-6 h-5 px-1.5', // min-width 24px, height 20px, padding-horizontal 6
 };
 //# sourceMappingURL=BadgeCount.constants.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"BadgeCount.constants.mjs","sourceRoot":"","sources":["../../../src/components/BadgeCount/BadgeCount.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,8BAAoB;AAC7C,OAAO,EAAE,WAAW,EAAE,0BAAgB;AAEtC,WAAW;AACX,MAAM,CAAC,MAAM,+BAA+B,GAGxC;IACF,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,MAAM;IACvC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,MAAM;CACxC,CAAC;AACF,MAAM,CAAC,MAAM,8BAA8B,GAAmC;IAC5E,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,gBAAgB;IACrC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,WAAW,EAAE,mBAAmB;CACtD,CAAC;AAEF,MAAM,CAAC,MAAM,oCAAoC,GAG7C;IACF,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,yBAAyB;IAC9C,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,2BAA2B,EAAE,wEAAwE;CAC3H,CAAC","sourcesContent":["import { BadgeCountSize } from '../../types';\nimport { TextVariant } from '../Text';\n\n// Mappings\nexport const MAP_BADGECOUNT_SIZE_TEXTVARIANT: Record<\n  BadgeCountSize,\n  TextVariant\n> = {\n  [BadgeCountSize.Md]: TextVariant.BodyXs,\n  [BadgeCountSize.Lg]: TextVariant.BodySm,\n};\nexport const MAP_BADGECOUNT_SIZE_LINEHEIGHT: Record<BadgeCountSize, string> = {\n  [BadgeCountSize.Md]: 'leading-[14px]', // line-height 14px\n  [BadgeCountSize.Lg]: 'leading-4', // line-height 16px\n};\n\nexport const TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER: Record<\n  BadgeCountSize,\n  string\n> = {\n  [BadgeCountSize.Md]: 'min-w-4 h-3.5 py-0 px-1', // min-width 16px, height 14px, padding-vertical 0, padding-horizontal 4\n  [BadgeCountSize.Lg]: 'min-w-6 h-5 py-0.5 px-1.5', // min-width 24px, height 20px, padding-vertical 2, padding-horizontal 6\n};\n"]}
+{"version":3,"file":"BadgeCount.constants.mjs","sourceRoot":"","sources":["../../../src/components/BadgeCount/BadgeCount.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,gDAAgD;AAEzE,OAAO,EAAE,WAAW,EAAE,0BAAgB;AAEtC,WAAW;AACX,MAAM,CAAC,MAAM,+BAA+B,GAGxC;IACF,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,MAAM;IACvC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,MAAM;CACxC,CAAC;AAEF,MAAM,CAAC,MAAM,oCAAoC,GAG7C;IACF,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,kBAAkB;IACvC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,oBAAoB,EAAE,oDAAoD;CAChG,CAAC","sourcesContent":["import { BadgeCountSize } from '@metamask-previews/design-system-shared';\n\nimport { TextVariant } from '../Text';\n\n// Mappings\nexport const MAP_BADGECOUNT_SIZE_TEXTVARIANT: Record<\n  BadgeCountSize,\n  TextVariant\n> = {\n  [BadgeCountSize.Md]: TextVariant.BodyXs,\n  [BadgeCountSize.Lg]: TextVariant.BodySm,\n};\n\nexport const TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER: Record<\n  BadgeCountSize,\n  string\n> = {\n  [BadgeCountSize.Md]: 'min-w-4 h-4 px-1', // min-width 16px, height 14px, padding-horizontal 4\n  [BadgeCountSize.Lg]: 'min-w-6 h-5 px-1.5', // min-width 24px, height 20px, padding-horizontal 6\n};\n"]}

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

@@ -1 +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,sBA0BjB,CAAC"}
+{"version":3,"file":"BadgeCount.d.cts","sourceRoot":"","sources":["../../../src/components/BadgeCount/BadgeCount.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,cAAc;AAS1B,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AAE1D,eAAO,MAAM,UAAU,kEAQpB,eAAe,sBA0BjB,CAAC"}

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

@@ -1 +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,sBA0BjB,CAAC"}
+{"version":3,"file":"BadgeCount.d.mts","sourceRoot":"","sources":["../../../src/components/BadgeCount/BadgeCount.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,cAAc;AAS1B,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AAE1D,eAAO,MAAM,UAAU,kEAQpB,eAAe,sBA0BjB,CAAC"}

package/dist/components/BadgeCount/BadgeCount.mjs

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

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

@@ -1 +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,EACX,KAAK,EACL,GAAG,KAAK,EACQ,EAAE,EAAE;IACpB,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IAEzB,OAAO,CACL,CAAC,IAAI,CACH,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CACN,oEAAoE,EACpE,oCAAoC,CAAC,IAAI,CAAC,EAC1C,WAAW,CACZ;YACD,KAAK;SACN,CAAC,CAEF;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\n  return (\n    <View\n      {...props}\n      style={[\n        tw.style(\n          'bg-error-default rounded-lg items-center justify-center self-start',\n          TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER[size],\n          twClassName,\n        ),\n        style,\n      ]}\n    >\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"]}
+{"version":3,"file":"BadgeCount.mjs","sourceRoot":"","sources":["../../../src/components/BadgeCount/BadgeCount.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,cAAc,EAAE,gDAAgD;AACzE,OAAO,EAAE,WAAW,EAAE,sDAAsD;AAC5E,OAAO,MAAK,cAAc;;AAC1B,OAAO,EAAE,IAAI,EAAE,8BAAqB;AAEpC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,0BAAgB;AAEtD,OAAO,EACL,+BAA+B,EAC/B,oCAAoC,EACrC,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,EACX,KAAK,EACL,GAAG,KAAK,EACQ,EAAE,EAAE;IACpB,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IAEzB,OAAO,CACL,CAAC,IAAI,CACH,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CACN,oEAAoE,EACpE,oCAAoC,CAAC,IAAI,CAAC,EAC1C,WAAW,CACZ;YACD,KAAK;SACN,CAAC,CAEF;MAAA,CAAC,IAAI,CACH,OAAO,CAAC,CAAC,+BAA+B,CAAC,IAAI,CAAC,CAAC,CAC/C,KAAK,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC,CAC9B,UAAU,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAC9B,IAAI,SAAS,CAAC,CACd,WAAW,CAAC,CAAC,aAAa,SAAS,EAAE,WAAW,IAAI,EAAE,EAAE,CAAC,CAEzD;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 { BadgeCountSize } from '@metamask-previews/design-system-shared';\nimport { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport { Text, TextColor, FontWeight } from '../Text';\n\nimport {\n  MAP_BADGECOUNT_SIZE_TEXTVARIANT,\n  TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER,\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\n  return (\n    <View\n      {...props}\n      style={[\n        tw.style(\n          'bg-error-default rounded-lg items-center justify-center self-start',\n          TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER[size],\n          twClassName,\n        ),\n        style,\n      ]}\n    >\n      <Text\n        variant={MAP_BADGECOUNT_SIZE_TEXTVARIANT[size]}\n        color={TextColor.ErrorInverse}\n        fontWeight={FontWeight.Medium}\n        {...textProps}\n        twClassName={`leading-0 ${textProps?.twClassName || ''}`}\n      >\n        {count > max ? `${max}+` : `${count}`}\n      </Text>\n    </View>\n  );\n};\n"]}

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

@@ -1 +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"]}
+{"version":3,"file":"BadgeCount.types.cjs","sourceRoot":"","sources":["../../../src/components/BadgeCount/BadgeCount.types.ts"],"names":[],"mappings":"","sourcesContent":["// Import shared type for extension\nimport type { BadgeCountPropsShared } from '@metamask-previews/design-system-shared';\nimport type { ViewProps, StyleProp, ViewStyle } from 'react-native';\n\nimport type { TextProps } from '../Text';\n\n/**\n * BadgeCount component props (React Native platform-specific)\n * Extends shared props with React Native-specific platform concerns\n */\nexport type BadgeCountProps = BadgeCountPropsShared &\n  Omit<ViewProps, 'children'> & {\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  };\n"]}

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

@@ -1,28 +1,11 @@
+import type { BadgeCountPropsShared } from "@metamask-previews/design-system-shared";
 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.
+ * BadgeCount component props (React Native platform-specific)
+ * Extends shared props with React Native-specific platform concerns
  */
-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;
+export type BadgeCountProps = BadgeCountPropsShared & Omit<ViewProps, 'children'> & {
     /**
      * Optional props to be passed to the Text component used by count
      */
@@ -35,5 +18,5 @@ export type BadgeCountProps = {
      * 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

@@ -1 +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"}
+{"version":3,"file":"BadgeCount.types.d.cts","sourceRoot":"","sources":["../../../src/components/BadgeCount/BadgeCount.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,gDAAgD;AACrF,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,8BAAqB;AAEpE,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AAEzC;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,qBAAqB,GACjD,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG;IAC5B;;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,CAAC"}

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

@@ -1,28 +1,11 @@
+import type { BadgeCountPropsShared } from "@metamask-previews/design-system-shared";
 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.
+ * BadgeCount component props (React Native platform-specific)
+ * Extends shared props with React Native-specific platform concerns
  */
-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;
+export type BadgeCountProps = BadgeCountPropsShared & Omit<ViewProps, 'children'> & {
     /**
      * Optional props to be passed to the Text component used by count
      */
@@ -35,5 +18,5 @@ export type BadgeCountProps = {
      * 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

@@ -1 +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"}
+{"version":3,"file":"BadgeCount.types.d.mts","sourceRoot":"","sources":["../../../src/components/BadgeCount/BadgeCount.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,gDAAgD;AACrF,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,8BAAqB;AAEpE,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AAEzC;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,qBAAqB,GACjD,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG;IAC5B;;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,CAAC"}

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

@@ -1 +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"]}
+{"version":3,"file":"BadgeCount.types.mjs","sourceRoot":"","sources":["../../../src/components/BadgeCount/BadgeCount.types.ts"],"names":[],"mappings":"","sourcesContent":["// Import shared type for extension\nimport type { BadgeCountPropsShared } from '@metamask-previews/design-system-shared';\nimport type { ViewProps, StyleProp, ViewStyle } from 'react-native';\n\nimport type { TextProps } from '../Text';\n\n/**\n * BadgeCount component props (React Native platform-specific)\n * Extends shared props with React Native-specific platform concerns\n */\nexport type BadgeCountProps = BadgeCountPropsShared &\n  Omit<ViewProps, 'children'> & {\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  };\n"]}

package/dist/components/BadgeCount/index.cjs

@@ -1,8 +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 design_system_shared_1 = require("@metamask-previews/design-system-shared");
+Object.defineProperty(exports, "BadgeCountSize", { enumerable: true, get: function () { return design_system_shared_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

@@ -1 +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"]}
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/BadgeCount/index.ts"],"names":[],"mappings":";;;AAAA,gFAAyE;AAAhE,sHAAA,cAAc,OAAA;AACvB,+CAA0C;AAAjC,wGAAA,UAAU,OAAA","sourcesContent":["export { BadgeCountSize } from '@metamask-previews/design-system-shared';\nexport { BadgeCount } from './BadgeCount';\nexport type { BadgeCountProps } from './BadgeCount.types';\n"]}

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

@@ -1,4 +1,4 @@
-export { BadgeCountSize } from "../../types/index.cjs";
+export { BadgeCountSize } from "@metamask-previews/design-system-shared";
 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

@@ -1 +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"}
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/BadgeCount/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,gDAAgD;AACzE,OAAO,EAAE,UAAU,EAAE,yBAAqB;AAC1C,YAAY,EAAE,eAAe,EAAE,+BAA2B"}

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

@@ -1,4 +1,4 @@
-export { BadgeCountSize } from "../../types/index.mjs";
+export { BadgeCountSize } from "@metamask-previews/design-system-shared";
 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

@@ -1 +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"}
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/BadgeCount/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,gDAAgD;AACzE,OAAO,EAAE,UAAU,EAAE,yBAAqB;AAC1C,YAAY,EAAE,eAAe,EAAE,+BAA2B"}

package/dist/components/BadgeCount/index.mjs

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

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

@@ -1 +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"]}
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/BadgeCount/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,gDAAgD;AACzE,OAAO,EAAE,UAAU,EAAE,yBAAqB","sourcesContent":["export { BadgeCountSize } from '@metamask-previews/design-system-shared';\nexport { BadgeCount } from './BadgeCount';\nexport type { BadgeCountProps } from './BadgeCount.types';\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"BadgeStatus.types.cjs","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.types.ts"],"names":[],"mappings":"","sourcesContent":["// Import shared type for extension\nimport type { BadgeStatusPropsShared } from '@metamask-previews/design-system-shared';\nimport type { ViewProps } from 'react-native';\n\n/**\n * BadgeStatus component props (React Native platform-specific)\n * Extends shared props with React Native-specific platform concerns\n */\nexport type BadgeStatusProps = BadgeStatusPropsShared &\n  Omit<ViewProps, 'children'> & {\n    /**\n     * Optional prop to add twrnc overriding classNames.\n     */\n    twClassName?: string;\n  };\n"]}
+{"version":3,"file":"BadgeStatus.types.cjs","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { BadgeStatusPropsShared } from '@metamask-previews/design-system-shared';\nimport type { ViewProps } from 'react-native';\n\n/**\n * BadgeStatus component props (React Native platform-specific)\n * Extends shared props from @metamask-previews/design-system-shared with React Native specific platform concerns\n */\nexport type BadgeStatusProps = BadgeStatusPropsShared &\n  Omit<ViewProps, 'children'> & {\n    /**\n     * Optional prop to add twrnc overriding classNames.\n     */\n    twClassName?: string;\n  };\n"]}

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

@@ -2,7 +2,7 @@ import type { BadgeStatusPropsShared } from "@metamask-previews/design-system-sh
 import type { ViewProps } from "react-native/index.js";
 /**
  * BadgeStatus component props (React Native platform-specific)
- * Extends shared props with React Native-specific platform concerns
+ * Extends shared props from @metamask-previews/design-system-shared with React Native specific platform concerns
  */
 export type BadgeStatusProps = BadgeStatusPropsShared & Omit<ViewProps, 'children'> & {
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"BadgeStatus.types.d.cts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,gDAAgD;AACtF,OAAO,KAAK,EAAE,SAAS,EAAE,8BAAqB;AAE9C;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,GACnD,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG;IAC5B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}
+{"version":3,"file":"BadgeStatus.types.d.cts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,gDAAgD;AACtF,OAAO,KAAK,EAAE,SAAS,EAAE,8BAAqB;AAE9C;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,GACnD,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG;IAC5B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}

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

@@ -2,7 +2,7 @@ import type { BadgeStatusPropsShared } from "@metamask-previews/design-system-sh
 import type { ViewProps } from "react-native/index.js";
 /**
  * BadgeStatus component props (React Native platform-specific)
- * Extends shared props with React Native-specific platform concerns
+ * Extends shared props from @metamask-previews/design-system-shared with React Native specific platform concerns
  */
 export type BadgeStatusProps = BadgeStatusPropsShared & Omit<ViewProps, 'children'> & {
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"BadgeStatus.types.d.mts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,gDAAgD;AACtF,OAAO,KAAK,EAAE,SAAS,EAAE,8BAAqB;AAE9C;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,GACnD,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG;IAC5B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}
+{"version":3,"file":"BadgeStatus.types.d.mts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,gDAAgD;AACtF,OAAO,KAAK,EAAE,SAAS,EAAE,8BAAqB;AAE9C;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,GACnD,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG;IAC5B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"BadgeStatus.types.mjs","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.types.ts"],"names":[],"mappings":"","sourcesContent":["// Import shared type for extension\nimport type { BadgeStatusPropsShared } from '@metamask-previews/design-system-shared';\nimport type { ViewProps } from 'react-native';\n\n/**\n * BadgeStatus component props (React Native platform-specific)\n * Extends shared props with React Native-specific platform concerns\n */\nexport type BadgeStatusProps = BadgeStatusPropsShared &\n  Omit<ViewProps, 'children'> & {\n    /**\n     * Optional prop to add twrnc overriding classNames.\n     */\n    twClassName?: string;\n  };\n"]}
+{"version":3,"file":"BadgeStatus.types.mjs","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { BadgeStatusPropsShared } from '@metamask-previews/design-system-shared';\nimport type { ViewProps } from 'react-native';\n\n/**\n * BadgeStatus component props (React Native platform-specific)\n * Extends shared props from @metamask-previews/design-system-shared with React Native specific platform concerns\n */\nexport type BadgeStatusProps = BadgeStatusPropsShared &\n  Omit<ViewProps, 'children'> & {\n    /**\n     * Optional prop to add twrnc overriding classNames.\n     */\n    twClassName?: string;\n  };\n"]}

package/dist/components/BannerAlert/BannerAlert.cjs

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BannerAlert = void 0;
+const design_system_shared_1 = require("@metamask-previews/design-system-shared");
+const design_system_twrnc_preset_1 = require("@metamask-previews/design-system-twrnc-preset");
+const react_1 = __importDefault(require("react"));
+const types_1 = require("../../types/index.cjs");
+const BannerBase_1 = require("../BannerBase/index.cjs");
+const Icon_1 = require("../Icon/index.cjs");
+const BannerAlert_constants_1 = require("./BannerAlert.constants.cjs");
+const BannerAlert = ({ severity = design_system_shared_1.BannerAlertSeverity.Info, iconProps, style, ...props }) => {
+    const tw = (0, design_system_twrnc_preset_1.useTailwind)();
+    const iconName = BannerAlert_constants_1.MAP_BANNER_ALERT_SEVERITY_ICON_NAME[severity];
+    const iconColor = BannerAlert_constants_1.MAP_BANNER_ALERT_SEVERITY_ICON_COLOR[severity];
+    const backgroundColor = BannerAlert_constants_1.MAP_BANNER_ALERT_SEVERITY_BACKGROUND_COLOR[severity];
+    const borderColorClass = BannerAlert_constants_1.MAP_BANNER_ALERT_SEVERITY_BORDER_COLOR[severity];
+    return (<BannerBase_1.BannerBase startAccessory={<Icon_1.Icon name={iconName} color={iconColor} size={types_1.IconSize.Lg} {...iconProps}/>} backgroundColor={backgroundColor} paddingLeft={2} style={[tw.style(`border-l-4 ${borderColorClass}`), style]} {...props}/>);
+};
+exports.BannerAlert = BannerAlert;
+//# sourceMappingURL=BannerAlert.cjs.map

package/dist/components/BannerAlert/BannerAlert.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerAlert.cjs","sourceRoot":"","sources":["../../../src/components/BannerAlert/BannerAlert.tsx"],"names":[],"mappings":";;;;;;AAAA,kFAA8E;AAC9E,8FAA4E;AAC5E,kDAA0B;AAE1B,iDAAuC;AACvC,wDAA2C;AAC3C,4CAA+B;AAE/B,uEAKiC;AAG1B,MAAM,WAAW,GAA+B,CAAC,EACtD,QAAQ,GAAG,0CAAmB,CAAC,IAAI,EACnC,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IACzB,MAAM,QAAQ,GAAG,2DAAmC,CAAC,QAAQ,CAAC,CAAC;IAC/D,MAAM,SAAS,GAAG,4DAAoC,CAAC,QAAQ,CAAC,CAAC;IACjE,MAAM,eAAe,GAAG,kEAA0C,CAAC,QAAQ,CAAC,CAAC;IAC7E,MAAM,gBAAgB,GAAG,8DAAsC,CAAC,QAAQ,CAAC,CAAC;IAC1E,OAAO,CACL,CAAC,uBAAU,CACT,cAAc,CAAC,CACb,CAAC,WAAI,CACH,IAAI,CAAC,CAAC,QAAQ,CAAC,CACf,KAAK,CAAC,CAAC,SAAS,CAAC,CACjB,IAAI,CAAC,CAAC,gBAAQ,CAAC,EAAE,CAAC,CAClB,IAAI,SAAS,CAAC,EACd,CACH,CACD,eAAe,CAAC,CAAC,eAAe,CAAC,CACjC,WAAW,CAAC,CAAC,CAAC,CAAC,CACf,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,gBAAgB,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,CAC3D,IAAI,KAAK,CAAC,EACV,CACH,CAAC;AACJ,CAAC,CAAC;AA3BW,QAAA,WAAW,eA2BtB","sourcesContent":["import { BannerAlertSeverity } from '@metamask-previews/design-system-shared';\nimport { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\n\nimport { IconSize } from '../../types';\nimport { BannerBase } from '../BannerBase';\nimport { Icon } from '../Icon';\n\nimport {\n  MAP_BANNER_ALERT_SEVERITY_BACKGROUND_COLOR,\n  MAP_BANNER_ALERT_SEVERITY_ICON_COLOR,\n  MAP_BANNER_ALERT_SEVERITY_ICON_NAME,\n  MAP_BANNER_ALERT_SEVERITY_BORDER_COLOR,\n} from './BannerAlert.constants';\nimport type { BannerAlertProps } from './BannerAlert.types';\n\nexport const BannerAlert: React.FC<BannerAlertProps> = ({\n  severity = BannerAlertSeverity.Info,\n  iconProps,\n  style,\n  ...props\n}) => {\n  const tw = useTailwind();\n  const iconName = MAP_BANNER_ALERT_SEVERITY_ICON_NAME[severity];\n  const iconColor = MAP_BANNER_ALERT_SEVERITY_ICON_COLOR[severity];\n  const backgroundColor = MAP_BANNER_ALERT_SEVERITY_BACKGROUND_COLOR[severity];\n  const borderColorClass = MAP_BANNER_ALERT_SEVERITY_BORDER_COLOR[severity];\n  return (\n    <BannerBase\n      startAccessory={\n        <Icon\n          name={iconName}\n          color={iconColor}\n          size={IconSize.Lg}\n          {...iconProps}\n        />\n      }\n      backgroundColor={backgroundColor}\n      paddingLeft={2}\n      style={[tw.style(`border-l-4 ${borderColorClass}`), style]}\n      {...props}\n    />\n  );\n};\n"]}

package/dist/components/BannerAlert/BannerAlert.constants.cjs

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MAP_BANNER_ALERT_SEVERITY_BORDER_COLOR = exports.MAP_BANNER_ALERT_SEVERITY_BACKGROUND_COLOR = exports.MAP_BANNER_ALERT_SEVERITY_ICON_COLOR = exports.MAP_BANNER_ALERT_SEVERITY_ICON_NAME = void 0;
+const design_system_shared_1 = require("@metamask-previews/design-system-shared");
+const types_1 = require("../../types/index.cjs");
+exports.MAP_BANNER_ALERT_SEVERITY_ICON_NAME = {
+    info: types_1.IconName.Info,
+    success: types_1.IconName.Confirmation,
+    warning: types_1.IconName.Danger,
+    danger: types_1.IconName.Danger,
+};
+exports.MAP_BANNER_ALERT_SEVERITY_ICON_COLOR = {
+    info: types_1.IconColor.PrimaryDefault,
+    success: types_1.IconColor.SuccessDefault,
+    warning: types_1.IconColor.WarningDefault,
+    danger: types_1.IconColor.ErrorDefault,
+};
+exports.MAP_BANNER_ALERT_SEVERITY_BACKGROUND_COLOR = {
+    info: types_1.BoxBackgroundColor.PrimaryMuted,
+    success: types_1.BoxBackgroundColor.SuccessMuted,
+    warning: types_1.BoxBackgroundColor.WarningMuted,
+    danger: types_1.BoxBackgroundColor.ErrorMuted,
+};
+exports.MAP_BANNER_ALERT_SEVERITY_BORDER_COLOR = {
+    info: types_1.BoxBorderColor.PrimaryDefault,
+    success: types_1.BoxBorderColor.SuccessDefault,
+    warning: types_1.BoxBorderColor.WarningDefault,
+    danger: types_1.BoxBorderColor.ErrorDefault,
+};
+//# sourceMappingURL=BannerAlert.constants.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BannerAlert.constants.cjs","sourceRoot":"","sources":["../../../src/components/BannerAlert/BannerAlert.constants.ts"],"names":[],"mappings":";;;AAAA,kFAA8E;AAE9E,iDAKqB;AAER,QAAA,mCAAmC,GAG5C;IACF,IAAI,EAAE,gBAAQ,CAAC,IAAI;IACnB,OAAO,EAAE,gBAAQ,CAAC,YAAY;IAC9B,OAAO,EAAE,gBAAQ,CAAC,MAAM;IACxB,MAAM,EAAE,gBAAQ,CAAC,MAAM;CACxB,CAAC;AAEW,QAAA,oCAAoC,GAG7C;IACF,IAAI,EAAE,iBAAS,CAAC,cAAc;IAC9B,OAAO,EAAE,iBAAS,CAAC,cAAc;IACjC,OAAO,EAAE,iBAAS,CAAC,cAAc;IACjC,MAAM,EAAE,iBAAS,CAAC,YAAY;CAC/B,CAAC;AAEW,QAAA,0CAA0C,GAGnD;IACF,IAAI,EAAE,0BAAkB,CAAC,YAAY;IACrC,OAAO,EAAE,0BAAkB,CAAC,YAAY;IACxC,OAAO,EAAE,0BAAkB,CAAC,YAAY;IACxC,MAAM,EAAE,0BAAkB,CAAC,UAAU;CACtC,CAAC;AAEW,QAAA,sCAAsC,GAG/C;IACF,IAAI,EAAE,sBAAc,CAAC,cAAc;IACnC,OAAO,EAAE,sBAAc,CAAC,cAAc;IACtC,OAAO,EAAE,sBAAc,CAAC,cAAc;IACtC,MAAM,EAAE,sBAAc,CAAC,YAAY;CACpC,CAAC","sourcesContent":["import { BannerAlertSeverity } from '@metamask-previews/design-system-shared';\n\nimport {\n  BoxBackgroundColor,\n  BoxBorderColor,\n  IconColor,\n  IconName,\n} from '../../types';\n\nexport const MAP_BANNER_ALERT_SEVERITY_ICON_NAME: Record<\n  (typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity],\n  IconName\n> = {\n  info: IconName.Info,\n  success: IconName.Confirmation,\n  warning: IconName.Danger,\n  danger: IconName.Danger,\n};\n\nexport const MAP_BANNER_ALERT_SEVERITY_ICON_COLOR: Record<\n  (typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity],\n  IconColor\n> = {\n  info: IconColor.PrimaryDefault,\n  success: IconColor.SuccessDefault,\n  warning: IconColor.WarningDefault,\n  danger: IconColor.ErrorDefault,\n};\n\nexport const MAP_BANNER_ALERT_SEVERITY_BACKGROUND_COLOR: Record<\n  (typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity],\n  BoxBackgroundColor\n> = {\n  info: BoxBackgroundColor.PrimaryMuted,\n  success: BoxBackgroundColor.SuccessMuted,\n  warning: BoxBackgroundColor.WarningMuted,\n  danger: BoxBackgroundColor.ErrorMuted,\n};\n\nexport const MAP_BANNER_ALERT_SEVERITY_BORDER_COLOR: Record<\n  (typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity],\n  BoxBorderColor\n> = {\n  info: BoxBorderColor.PrimaryDefault,\n  success: BoxBorderColor.SuccessDefault,\n  warning: BoxBorderColor.WarningDefault,\n  danger: BoxBorderColor.ErrorDefault,\n};\n"]}

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

@@ -0,0 +1,7 @@
+import { BannerAlertSeverity } from "@metamask-previews/design-system-shared";
+import { BoxBackgroundColor, BoxBorderColor, IconColor, IconName } from "../../types/index.cjs";
+export declare const MAP_BANNER_ALERT_SEVERITY_ICON_NAME: Record<(typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity], IconName>;
+export declare const MAP_BANNER_ALERT_SEVERITY_ICON_COLOR: Record<(typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity], IconColor>;
+export declare const MAP_BANNER_ALERT_SEVERITY_BACKGROUND_COLOR: Record<(typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity], BoxBackgroundColor>;
+export declare const MAP_BANNER_ALERT_SEVERITY_BORDER_COLOR: Record<(typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity], BoxBorderColor>;
+//# sourceMappingURL=BannerAlert.constants.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BannerAlert.constants.d.cts","sourceRoot":"","sources":["../../../src/components/BannerAlert/BannerAlert.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,gDAAgD;AAE9E,OAAO,EACL,kBAAkB,EAClB,cAAc,EACd,SAAS,EACT,QAAQ,EACT,8BAAoB;AAErB,eAAO,MAAM,mCAAmC,EAAE,MAAM,CACtD,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,EAC9D,QAAQ,CAMT,CAAC;AAEF,eAAO,MAAM,oCAAoC,EAAE,MAAM,CACvD,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,EAC9D,SAAS,CAMV,CAAC;AAEF,eAAO,MAAM,0CAA0C,EAAE,MAAM,CAC7D,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,EAC9D,kBAAkB,CAMnB,CAAC;AAEF,eAAO,MAAM,sCAAsC,EAAE,MAAM,CACzD,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,EAC9D,cAAc,CAMf,CAAC"}

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

@@ -0,0 +1,7 @@
+import { BannerAlertSeverity } from "@metamask-previews/design-system-shared";
+import { BoxBackgroundColor, BoxBorderColor, IconColor, IconName } from "../../types/index.mjs";
+export declare const MAP_BANNER_ALERT_SEVERITY_ICON_NAME: Record<(typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity], IconName>;
+export declare const MAP_BANNER_ALERT_SEVERITY_ICON_COLOR: Record<(typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity], IconColor>;
+export declare const MAP_BANNER_ALERT_SEVERITY_BACKGROUND_COLOR: Record<(typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity], BoxBackgroundColor>;
+export declare const MAP_BANNER_ALERT_SEVERITY_BORDER_COLOR: Record<(typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity], BoxBorderColor>;
+//# sourceMappingURL=BannerAlert.constants.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BannerAlert.constants.d.mts","sourceRoot":"","sources":["../../../src/components/BannerAlert/BannerAlert.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,gDAAgD;AAE9E,OAAO,EACL,kBAAkB,EAClB,cAAc,EACd,SAAS,EACT,QAAQ,EACT,8BAAoB;AAErB,eAAO,MAAM,mCAAmC,EAAE,MAAM,CACtD,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,EAC9D,QAAQ,CAMT,CAAC;AAEF,eAAO,MAAM,oCAAoC,EAAE,MAAM,CACvD,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,EAC9D,SAAS,CAMV,CAAC;AAEF,eAAO,MAAM,0CAA0C,EAAE,MAAM,CAC7D,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,EAC9D,kBAAkB,CAMnB,CAAC;AAEF,eAAO,MAAM,sCAAsC,EAAE,MAAM,CACzD,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,EAC9D,cAAc,CAMf,CAAC"}

package/dist/components/BannerAlert/BannerAlert.constants.mjs

@@ -0,0 +1,27 @@
+import { BannerAlertSeverity } from "@metamask-previews/design-system-shared";
+import { BoxBackgroundColor, BoxBorderColor, IconColor, IconName } from "../../types/index.mjs";
+export const MAP_BANNER_ALERT_SEVERITY_ICON_NAME = {
+    info: IconName.Info,
+    success: IconName.Confirmation,
+    warning: IconName.Danger,
+    danger: IconName.Danger,
+};
+export const MAP_BANNER_ALERT_SEVERITY_ICON_COLOR = {
+    info: IconColor.PrimaryDefault,
+    success: IconColor.SuccessDefault,
+    warning: IconColor.WarningDefault,
+    danger: IconColor.ErrorDefault,
+};
+export const MAP_BANNER_ALERT_SEVERITY_BACKGROUND_COLOR = {
+    info: BoxBackgroundColor.PrimaryMuted,
+    success: BoxBackgroundColor.SuccessMuted,
+    warning: BoxBackgroundColor.WarningMuted,
+    danger: BoxBackgroundColor.ErrorMuted,
+};
+export const MAP_BANNER_ALERT_SEVERITY_BORDER_COLOR = {
+    info: BoxBorderColor.PrimaryDefault,
+    success: BoxBorderColor.SuccessDefault,
+    warning: BoxBorderColor.WarningDefault,
+    danger: BoxBorderColor.ErrorDefault,
+};
+//# sourceMappingURL=BannerAlert.constants.mjs.map