@metamask/design-system-react-native 0.8.0 → 0.10.0

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/design-system-shared";
 import { useTailwind } from "@metamask/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,6CAA6C;AACnE,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/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,uCAAuC;AAChE,OAAO,EAAE,WAAW,EAAE,6CAA6C;AACnE,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/design-system-shared';\nimport { useTailwind } from '@metamask/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/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/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,uCAAuC;AAC5E,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/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,uCAAuC;AAC5E,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/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/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,uEAAgE;AAAvD,sHAAA,cAAc,OAAA;AACvB,+CAA0C;AAAjC,wGAAA,UAAU,OAAA","sourcesContent":["export { BadgeCountSize } from '@metamask/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/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,uCAAuC;AAChE,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/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,uCAAuC;AAChE,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/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,uCAAuC;AAChE,OAAO,EAAE,UAAU,EAAE,yBAAqB","sourcesContent":["export { BadgeCountSize } from '@metamask/design-system-shared';\nexport { BadgeCount } from './BadgeCount';\nexport type { BadgeCountProps } from './BadgeCount.types';\n"]}

package/dist/components/BottomSheetHeader/BottomSheetHeader.cjs

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BottomSheetHeader = void 0;
+// Third party dependencies.
+const design_system_twrnc_preset_1 = require("@metamask/design-system-twrnc-preset");
+const react_1 = __importDefault(require("react"));
+// External dependencies.
+const ButtonIcon_1 = require("../ButtonIcon/index.cjs");
+const HeaderBase_1 = require("../HeaderBase/index.cjs");
+const Icon_1 = require("../Icon/index.cjs");
+// Internal dependencies.
+const BottomSheetHeader_constants_1 = require("./BottomSheetHeader.constants.cjs");
+const BottomSheetHeader_types_1 = require("./BottomSheetHeader.types.cjs");
+const BottomSheetHeader = ({ style, twClassName, children, onBack, backButtonProps, onClose, closeButtonProps, variant = BottomSheetHeader_types_1.BottomSheetHeaderVariant.Compact, ...props }) => {
+    const tw = (0, design_system_twrnc_preset_1.useTailwind)();
+    const startAccessory = onBack ? (<ButtonIcon_1.ButtonIcon iconName={Icon_1.IconName.ArrowLeft} onPress={onBack} size={ButtonIcon_1.ButtonIconSize.Lg} {...backButtonProps}/>) : undefined;
+    const endAccessory = onClose ? (<ButtonIcon_1.ButtonIcon iconName={Icon_1.IconName.Close} onPress={onClose} size={ButtonIcon_1.ButtonIconSize.Lg} {...closeButtonProps}/>) : undefined;
+    const headerBaseVariant = BottomSheetHeader_constants_1.BOTTOM_SHEET_HEADER_VARIANT_MAP[variant];
+    return (<HeaderBase_1.HeaderBase {...props} style={[tw.style('px-4', twClassName), style]} startAccessory={startAccessory} endAccessory={endAccessory} variant={headerBaseVariant}>
+      {children}
+    </HeaderBase_1.HeaderBase>);
+};
+exports.BottomSheetHeader = BottomSheetHeader;
+//# sourceMappingURL=BottomSheetHeader.cjs.map

package/dist/components/BottomSheetHeader/BottomSheetHeader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetHeader.cjs","sourceRoot":"","sources":["../../../src/components/BottomSheetHeader/BottomSheetHeader.tsx"],"names":[],"mappings":";;;;;;AAAA,4BAA4B;AAC5B,qFAAmE;AACnE,kDAA0B;AAE1B,yBAAyB;AACzB,wDAA2D;AAC3D,wDAA2C;AAC3C,4CAAmC;AAEnC,yBAAyB;AACzB,mFAAgF;AAEhF,2EAAqE;AAE9D,MAAM,iBAAiB,GAAqC,CAAC,EAClE,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,eAAe,EACf,OAAO,EACP,gBAAgB,EAChB,OAAO,GAAG,kDAAwB,CAAC,OAAO,EAC1C,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IAEzB,MAAM,cAAc,GAAG,MAAM,CAAC,CAAC,CAAC,CAC9B,CAAC,uBAAU,CACT,QAAQ,CAAC,CAAC,eAAQ,CAAC,SAAS,CAAC,CAC7B,OAAO,CAAC,CAAC,MAAM,CAAC,CAChB,IAAI,CAAC,CAAC,2BAAc,CAAC,EAAE,CAAC,CACxB,IAAI,eAAe,CAAC,EACpB,CACH,CAAC,CAAC,CAAC,SAAS,CAAC;IAEd,MAAM,YAAY,GAAG,OAAO,CAAC,CAAC,CAAC,CAC7B,CAAC,uBAAU,CACT,QAAQ,CAAC,CAAC,eAAQ,CAAC,KAAK,CAAC,CACzB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,IAAI,CAAC,CAAC,2BAAc,CAAC,EAAE,CAAC,CACxB,IAAI,gBAAgB,CAAC,EACrB,CACH,CAAC,CAAC,CAAC,SAAS,CAAC;IAEd,MAAM,iBAAiB,GAAG,6DAA+B,CAAC,OAAO,CAAC,CAAC;IAEnE,OAAO,CACL,CAAC,uBAAU,CACT,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC,CAC9C,cAAc,CAAC,CAAC,cAAc,CAAC,CAC/B,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,OAAO,CAAC,CAAC,iBAAiB,CAAC,CAE3B;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,uBAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC;AA5CW,QAAA,iBAAiB,qBA4C5B","sourcesContent":["// Third party dependencies.\nimport { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React from 'react';\n\n// External dependencies.\nimport { ButtonIcon, ButtonIconSize } from '../ButtonIcon';\nimport { HeaderBase } from '../HeaderBase';\nimport { IconName } from '../Icon';\n\n// Internal dependencies.\nimport { BOTTOM_SHEET_HEADER_VARIANT_MAP } from './BottomSheetHeader.constants';\nimport type { BottomSheetHeaderProps } from './BottomSheetHeader.types';\nimport { BottomSheetHeaderVariant } from './BottomSheetHeader.types';\n\nexport const BottomSheetHeader: React.FC<BottomSheetHeaderProps> = ({\n  style,\n  twClassName,\n  children,\n  onBack,\n  backButtonProps,\n  onClose,\n  closeButtonProps,\n  variant = BottomSheetHeaderVariant.Compact,\n  ...props\n}) => {\n  const tw = useTailwind();\n\n  const startAccessory = onBack ? (\n    <ButtonIcon\n      iconName={IconName.ArrowLeft}\n      onPress={onBack}\n      size={ButtonIconSize.Lg}\n      {...backButtonProps}\n    />\n  ) : undefined;\n\n  const endAccessory = onClose ? (\n    <ButtonIcon\n      iconName={IconName.Close}\n      onPress={onClose}\n      size={ButtonIconSize.Lg}\n      {...closeButtonProps}\n    />\n  ) : undefined;\n\n  const headerBaseVariant = BOTTOM_SHEET_HEADER_VARIANT_MAP[variant];\n\n  return (\n    <HeaderBase\n      {...props}\n      style={[tw.style('px-4', twClassName), style]}\n      startAccessory={startAccessory}\n      endAccessory={endAccessory}\n      variant={headerBaseVariant}\n    >\n      {children}\n    </HeaderBase>\n  );\n};\n"]}

package/dist/components/BottomSheetHeader/BottomSheetHeader.constants.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BOTTOM_SHEET_HEADER_VARIANT_MAP = void 0;
+// External dependencies.
+const HeaderBase_types_1 = require("../HeaderBase/HeaderBase.types.cjs");
+// Internal dependencies.
+const BottomSheetHeader_types_1 = require("./BottomSheetHeader.types.cjs");
+/**
+ * Maps BottomSheetHeaderVariant to HeaderBaseVariant.
+ */
+exports.BOTTOM_SHEET_HEADER_VARIANT_MAP = {
+    [BottomSheetHeader_types_1.BottomSheetHeaderVariant.Display]: HeaderBase_types_1.HeaderBaseVariant.Display,
+    [BottomSheetHeader_types_1.BottomSheetHeaderVariant.Compact]: HeaderBase_types_1.HeaderBaseVariant.Compact,
+};
+//# sourceMappingURL=BottomSheetHeader.constants.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetHeader.constants.cjs","sourceRoot":"","sources":["../../../src/components/BottomSheetHeader/BottomSheetHeader.constants.ts"],"names":[],"mappings":";;;AAAA,yBAAyB;AACzB,yEAAmE;AAEnE,yBAAyB;AACzB,2EAAqE;AAErE;;GAEG;AACU,QAAA,+BAA+B,GAGxC;IACF,CAAC,kDAAwB,CAAC,OAAO,CAAC,EAAE,oCAAiB,CAAC,OAAO;IAC7D,CAAC,kDAAwB,CAAC,OAAO,CAAC,EAAE,oCAAiB,CAAC,OAAO;CAC9D,CAAC","sourcesContent":["// External dependencies.\nimport { HeaderBaseVariant } from '../HeaderBase/HeaderBase.types';\n\n// Internal dependencies.\nimport { BottomSheetHeaderVariant } from './BottomSheetHeader.types';\n\n/**\n * Maps BottomSheetHeaderVariant to HeaderBaseVariant.\n */\nexport const BOTTOM_SHEET_HEADER_VARIANT_MAP: Record<\n  BottomSheetHeaderVariant,\n  HeaderBaseVariant\n> = {\n  [BottomSheetHeaderVariant.Display]: HeaderBaseVariant.Display,\n  [BottomSheetHeaderVariant.Compact]: HeaderBaseVariant.Compact,\n};\n"]}

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

@@ -0,0 +1,7 @@
+import { HeaderBaseVariant } from "../HeaderBase/HeaderBase.types.cjs";
+import { BottomSheetHeaderVariant } from "./BottomSheetHeader.types.cjs";
+/**
+ * Maps BottomSheetHeaderVariant to HeaderBaseVariant.
+ */
+export declare const BOTTOM_SHEET_HEADER_VARIANT_MAP: Record<BottomSheetHeaderVariant, HeaderBaseVariant>;
+//# sourceMappingURL=BottomSheetHeader.constants.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetHeader.constants.d.cts","sourceRoot":"","sources":["../../../src/components/BottomSheetHeader/BottomSheetHeader.constants.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,2CAAuC;AAGnE,OAAO,EAAE,wBAAwB,EAAE,sCAAkC;AAErE;;GAEG;AACH,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAClD,wBAAwB,EACxB,iBAAiB,CAIlB,CAAC"}

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

@@ -0,0 +1,7 @@
+import { HeaderBaseVariant } from "../HeaderBase/HeaderBase.types.mjs";
+import { BottomSheetHeaderVariant } from "./BottomSheetHeader.types.mjs";
+/**
+ * Maps BottomSheetHeaderVariant to HeaderBaseVariant.
+ */
+export declare const BOTTOM_SHEET_HEADER_VARIANT_MAP: Record<BottomSheetHeaderVariant, HeaderBaseVariant>;
+//# sourceMappingURL=BottomSheetHeader.constants.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetHeader.constants.d.mts","sourceRoot":"","sources":["../../../src/components/BottomSheetHeader/BottomSheetHeader.constants.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,2CAAuC;AAGnE,OAAO,EAAE,wBAAwB,EAAE,sCAAkC;AAErE;;GAEG;AACH,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAClD,wBAAwB,EACxB,iBAAiB,CAIlB,CAAC"}

package/dist/components/BottomSheetHeader/BottomSheetHeader.constants.mjs

@@ -0,0 +1,12 @@
+// External dependencies.
+import { HeaderBaseVariant } from "../HeaderBase/HeaderBase.types.mjs";
+// Internal dependencies.
+import { BottomSheetHeaderVariant } from "./BottomSheetHeader.types.mjs";
+/**
+ * Maps BottomSheetHeaderVariant to HeaderBaseVariant.
+ */
+export const BOTTOM_SHEET_HEADER_VARIANT_MAP = {
+    [BottomSheetHeaderVariant.Display]: HeaderBaseVariant.Display,
+    [BottomSheetHeaderVariant.Compact]: HeaderBaseVariant.Compact,
+};
+//# sourceMappingURL=BottomSheetHeader.constants.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetHeader.constants.mjs","sourceRoot":"","sources":["../../../src/components/BottomSheetHeader/BottomSheetHeader.constants.ts"],"names":[],"mappings":"AAAA,yBAAyB;AACzB,OAAO,EAAE,iBAAiB,EAAE,2CAAuC;AAEnE,yBAAyB;AACzB,OAAO,EAAE,wBAAwB,EAAE,sCAAkC;AAErE;;GAEG;AACH,MAAM,CAAC,MAAM,+BAA+B,GAGxC;IACF,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,iBAAiB,CAAC,OAAO;IAC7D,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,iBAAiB,CAAC,OAAO;CAC9D,CAAC","sourcesContent":["// External dependencies.\nimport { HeaderBaseVariant } from '../HeaderBase/HeaderBase.types';\n\n// Internal dependencies.\nimport { BottomSheetHeaderVariant } from './BottomSheetHeader.types';\n\n/**\n * Maps BottomSheetHeaderVariant to HeaderBaseVariant.\n */\nexport const BOTTOM_SHEET_HEADER_VARIANT_MAP: Record<\n  BottomSheetHeaderVariant,\n  HeaderBaseVariant\n> = {\n  [BottomSheetHeaderVariant.Display]: HeaderBaseVariant.Display,\n  [BottomSheetHeaderVariant.Compact]: HeaderBaseVariant.Compact,\n};\n"]}

package/dist/components/BottomSheetHeader/BottomSheetHeader.d.cts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BottomSheetHeaderProps } from "./BottomSheetHeader.types.cjs";
+export declare const BottomSheetHeader: React.FC<BottomSheetHeaderProps>;
+//# sourceMappingURL=BottomSheetHeader.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetHeader.d.cts","sourceRoot":"","sources":["../../../src/components/BottomSheetHeader/BottomSheetHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,cAAc;AAS1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,sCAAkC;AAGxE,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA4C9D,CAAC"}

package/dist/components/BottomSheetHeader/BottomSheetHeader.d.mts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BottomSheetHeaderProps } from "./BottomSheetHeader.types.mjs";
+export declare const BottomSheetHeader: React.FC<BottomSheetHeaderProps>;
+//# sourceMappingURL=BottomSheetHeader.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetHeader.d.mts","sourceRoot":"","sources":["../../../src/components/BottomSheetHeader/BottomSheetHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,cAAc;AAS1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,sCAAkC;AAGxE,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA4C9D,CAAC"}

package/dist/components/BottomSheetHeader/BottomSheetHeader.mjs

@@ -0,0 +1,27 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+// Third party dependencies.
+import { useTailwind } from "@metamask/design-system-twrnc-preset";
+import $React from "react";
+const React = $importDefault($React);
+// External dependencies.
+import { ButtonIcon, ButtonIconSize } from "../ButtonIcon/index.mjs";
+import { HeaderBase } from "../HeaderBase/index.mjs";
+import { IconName } from "../Icon/index.mjs";
+// Internal dependencies.
+import { BOTTOM_SHEET_HEADER_VARIANT_MAP } from "./BottomSheetHeader.constants.mjs";
+import { BottomSheetHeaderVariant } from "./BottomSheetHeader.types.mjs";
+export const BottomSheetHeader = ({ style, twClassName, children, onBack, backButtonProps, onClose, closeButtonProps, variant = BottomSheetHeaderVariant.Compact, ...props }) => {
+    const tw = useTailwind();
+    const startAccessory = onBack ? (<ButtonIcon iconName={IconName.ArrowLeft} onPress={onBack} size={ButtonIconSize.Lg} {...backButtonProps}/>) : undefined;
+    const endAccessory = onClose ? (<ButtonIcon iconName={IconName.Close} onPress={onClose} size={ButtonIconSize.Lg} {...closeButtonProps}/>) : undefined;
+    const headerBaseVariant = BOTTOM_SHEET_HEADER_VARIANT_MAP[variant];
+    return (<HeaderBase {...props} style={[tw.style('px-4', twClassName), style]} startAccessory={startAccessory} endAccessory={endAccessory} variant={headerBaseVariant}>
+      {children}
+    </HeaderBase>);
+};
+//# sourceMappingURL=BottomSheetHeader.mjs.map

package/dist/components/BottomSheetHeader/BottomSheetHeader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetHeader.mjs","sourceRoot":"","sources":["../../../src/components/BottomSheetHeader/BottomSheetHeader.tsx"],"names":[],"mappings":";;;;;;AAAA,4BAA4B;AAC5B,OAAO,EAAE,WAAW,EAAE,6CAA6C;AACnE,OAAO,MAAK,cAAc;;AAE1B,yBAAyB;AACzB,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,gCAAsB;AAC3D,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAC3C,OAAO,EAAE,QAAQ,EAAE,0BAAgB;AAEnC,yBAAyB;AACzB,OAAO,EAAE,+BAA+B,EAAE,0CAAsC;AAEhF,OAAO,EAAE,wBAAwB,EAAE,sCAAkC;AAErE,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAClE,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,eAAe,EACf,OAAO,EACP,gBAAgB,EAChB,OAAO,GAAG,wBAAwB,CAAC,OAAO,EAC1C,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IAEzB,MAAM,cAAc,GAAG,MAAM,CAAC,CAAC,CAAC,CAC9B,CAAC,UAAU,CACT,QAAQ,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,CAC7B,OAAO,CAAC,CAAC,MAAM,CAAC,CAChB,IAAI,CAAC,CAAC,cAAc,CAAC,EAAE,CAAC,CACxB,IAAI,eAAe,CAAC,EACpB,CACH,CAAC,CAAC,CAAC,SAAS,CAAC;IAEd,MAAM,YAAY,GAAG,OAAO,CAAC,CAAC,CAAC,CAC7B,CAAC,UAAU,CACT,QAAQ,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CACzB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,IAAI,CAAC,CAAC,cAAc,CAAC,EAAE,CAAC,CACxB,IAAI,gBAAgB,CAAC,EACrB,CACH,CAAC,CAAC,CAAC,SAAS,CAAC;IAEd,MAAM,iBAAiB,GAAG,+BAA+B,CAAC,OAAO,CAAC,CAAC;IAEnE,OAAO,CACL,CAAC,UAAU,CACT,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC,CAC9C,cAAc,CAAC,CAAC,cAAc,CAAC,CAC/B,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,OAAO,CAAC,CAAC,iBAAiB,CAAC,CAE3B;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Third party dependencies.\nimport { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React from 'react';\n\n// External dependencies.\nimport { ButtonIcon, ButtonIconSize } from '../ButtonIcon';\nimport { HeaderBase } from '../HeaderBase';\nimport { IconName } from '../Icon';\n\n// Internal dependencies.\nimport { BOTTOM_SHEET_HEADER_VARIANT_MAP } from './BottomSheetHeader.constants';\nimport type { BottomSheetHeaderProps } from './BottomSheetHeader.types';\nimport { BottomSheetHeaderVariant } from './BottomSheetHeader.types';\n\nexport const BottomSheetHeader: React.FC<BottomSheetHeaderProps> = ({\n  style,\n  twClassName,\n  children,\n  onBack,\n  backButtonProps,\n  onClose,\n  closeButtonProps,\n  variant = BottomSheetHeaderVariant.Compact,\n  ...props\n}) => {\n  const tw = useTailwind();\n\n  const startAccessory = onBack ? (\n    <ButtonIcon\n      iconName={IconName.ArrowLeft}\n      onPress={onBack}\n      size={ButtonIconSize.Lg}\n      {...backButtonProps}\n    />\n  ) : undefined;\n\n  const endAccessory = onClose ? (\n    <ButtonIcon\n      iconName={IconName.Close}\n      onPress={onClose}\n      size={ButtonIconSize.Lg}\n      {...closeButtonProps}\n    />\n  ) : undefined;\n\n  const headerBaseVariant = BOTTOM_SHEET_HEADER_VARIANT_MAP[variant];\n\n  return (\n    <HeaderBase\n      {...props}\n      style={[tw.style('px-4', twClassName), style]}\n      startAccessory={startAccessory}\n      endAccessory={endAccessory}\n      variant={headerBaseVariant}\n    >\n      {children}\n    </HeaderBase>\n  );\n};\n"]}

package/dist/components/BottomSheetHeader/BottomSheetHeader.types.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BottomSheetHeaderVariant = void 0;
+/**
+ * Variant options for BottomSheetHeader component.
+ * - Compact: Center-aligned title with HeadingSm text (default)
+ * - Display: Left-aligned title with HeadingLg text
+ */
+var BottomSheetHeaderVariant;
+(function (BottomSheetHeaderVariant) {
+    BottomSheetHeaderVariant["Display"] = "display";
+    BottomSheetHeaderVariant["Compact"] = "compact";
+})(BottomSheetHeaderVariant || (exports.BottomSheetHeaderVariant = BottomSheetHeaderVariant = {}));
+//# sourceMappingURL=BottomSheetHeader.types.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetHeader.types.cjs","sourceRoot":"","sources":["../../../src/components/BottomSheetHeader/BottomSheetHeader.types.ts"],"names":[],"mappings":";;;AAGA;;;;GAIG;AACH,IAAY,wBAGX;AAHD,WAAY,wBAAwB;IAClC,+CAAmB,CAAA;IACnB,+CAAmB,CAAA;AACrB,CAAC,EAHW,wBAAwB,wCAAxB,wBAAwB,QAGnC","sourcesContent":["import type { ButtonIconProps } from '../ButtonIcon/ButtonIcon.types';\nimport type { HeaderBaseProps } from '../HeaderBase/HeaderBase.types';\n\n/**\n * Variant options for BottomSheetHeader component.\n * - Compact: Center-aligned title with HeadingSm text (default)\n * - Display: Left-aligned title with HeadingLg text\n */\nexport enum BottomSheetHeaderVariant {\n  Display = 'display',\n  Compact = 'compact',\n}\n\n/**\n * BottomSheetHeader component props.\n *\n * Extends HeaderBase's props (which extends ViewProps) to inherit standard\n * props such as `testID`, `accessibilityLabel`, and other View props.\n */\nexport type BottomSheetHeaderProps = {\n  /**\n   * Callback function triggered when the back button is pressed.\n   * When provided, a back arrow ButtonIcon is rendered as the start accessory.\n   */\n  onBack?: () => void;\n  /**\n   * Props spread to the back ButtonIcon component for additional properties\n   * like `testID` or `accessibilityLabel`. Use this for testing or accessibility purposes.\n   * Note: `iconName` and `onPress` are managed internally and excluded.\n   */\n  backButtonProps?: Partial<Omit<ButtonIconProps, 'iconName' | 'onPress'>>;\n  /**\n   * Callback function triggered when the close button is pressed.\n   * When provided, a close ButtonIcon is rendered as the end accessory.\n   */\n  onClose?: () => void;\n  /**\n   * Props spread to the close ButtonIcon component for additional properties\n   * like `testID` or `accessibilityLabel`. Use this for testing or accessibility purposes.\n   * Note: `iconName` and `onPress` are managed internally and excluded.\n   */\n  closeButtonProps?: Partial<Omit<ButtonIconProps, 'iconName' | 'onPress'>>;\n  /**\n   * Variant controlling header alignment and text size.\n   * - Compact: center-aligned with HeadingSm text\n   * - Display: left-aligned with HeadingLg text\n   *\n   * @default BottomSheetHeaderVariant.Compact\n   */\n  variant?: BottomSheetHeaderVariant;\n} & Omit<HeaderBaseProps, 'variant'>;\n"]}

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

@@ -0,0 +1,50 @@
+import type { ButtonIconProps } from "../ButtonIcon/ButtonIcon.types.cjs";
+import type { HeaderBaseProps } from "../HeaderBase/HeaderBase.types.cjs";
+/**
+ * Variant options for BottomSheetHeader component.
+ * - Compact: Center-aligned title with HeadingSm text (default)
+ * - Display: Left-aligned title with HeadingLg text
+ */
+export declare enum BottomSheetHeaderVariant {
+    Display = "display",
+    Compact = "compact"
+}
+/**
+ * BottomSheetHeader component props.
+ *
+ * Extends HeaderBase's props (which extends ViewProps) to inherit standard
+ * props such as `testID`, `accessibilityLabel`, and other View props.
+ */
+export type BottomSheetHeaderProps = {
+    /**
+     * Callback function triggered when the back button is pressed.
+     * When provided, a back arrow ButtonIcon is rendered as the start accessory.
+     */
+    onBack?: () => void;
+    /**
+     * Props spread to the back ButtonIcon component for additional properties
+     * like `testID` or `accessibilityLabel`. Use this for testing or accessibility purposes.
+     * Note: `iconName` and `onPress` are managed internally and excluded.
+     */
+    backButtonProps?: Partial<Omit<ButtonIconProps, 'iconName' | 'onPress'>>;
+    /**
+     * Callback function triggered when the close button is pressed.
+     * When provided, a close ButtonIcon is rendered as the end accessory.
+     */
+    onClose?: () => void;
+    /**
+     * Props spread to the close ButtonIcon component for additional properties
+     * like `testID` or `accessibilityLabel`. Use this for testing or accessibility purposes.
+     * Note: `iconName` and `onPress` are managed internally and excluded.
+     */
+    closeButtonProps?: Partial<Omit<ButtonIconProps, 'iconName' | 'onPress'>>;
+    /**
+     * Variant controlling header alignment and text size.
+     * - Compact: center-aligned with HeadingSm text
+     * - Display: left-aligned with HeadingLg text
+     *
+     * @default BottomSheetHeaderVariant.Compact
+     */
+    variant?: BottomSheetHeaderVariant;
+} & Omit<HeaderBaseProps, 'variant'>;
+//# sourceMappingURL=BottomSheetHeader.types.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetHeader.types.d.cts","sourceRoot":"","sources":["../../../src/components/BottomSheetHeader/BottomSheetHeader.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,2CAAuC;AACtE,OAAO,KAAK,EAAE,eAAe,EAAE,2CAAuC;AAEtE;;;;GAIG;AACH,oBAAY,wBAAwB;IAClC,OAAO,YAAY;IACnB,OAAO,YAAY;CACpB;AAED;;;;;GAKG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACnC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC,CAAC;IACzE;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC,CAAC;IAC1E;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,wBAAwB,CAAC;CACpC,GAAG,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC"}

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

@@ -0,0 +1,50 @@
+import type { ButtonIconProps } from "../ButtonIcon/ButtonIcon.types.mjs";
+import type { HeaderBaseProps } from "../HeaderBase/HeaderBase.types.mjs";
+/**
+ * Variant options for BottomSheetHeader component.
+ * - Compact: Center-aligned title with HeadingSm text (default)
+ * - Display: Left-aligned title with HeadingLg text
+ */
+export declare enum BottomSheetHeaderVariant {
+    Display = "display",
+    Compact = "compact"
+}
+/**
+ * BottomSheetHeader component props.
+ *
+ * Extends HeaderBase's props (which extends ViewProps) to inherit standard
+ * props such as `testID`, `accessibilityLabel`, and other View props.
+ */
+export type BottomSheetHeaderProps = {
+    /**
+     * Callback function triggered when the back button is pressed.
+     * When provided, a back arrow ButtonIcon is rendered as the start accessory.
+     */
+    onBack?: () => void;
+    /**
+     * Props spread to the back ButtonIcon component for additional properties
+     * like `testID` or `accessibilityLabel`. Use this for testing or accessibility purposes.
+     * Note: `iconName` and `onPress` are managed internally and excluded.
+     */
+    backButtonProps?: Partial<Omit<ButtonIconProps, 'iconName' | 'onPress'>>;
+    /**
+     * Callback function triggered when the close button is pressed.
+     * When provided, a close ButtonIcon is rendered as the end accessory.
+     */
+    onClose?: () => void;
+    /**
+     * Props spread to the close ButtonIcon component for additional properties
+     * like `testID` or `accessibilityLabel`. Use this for testing or accessibility purposes.
+     * Note: `iconName` and `onPress` are managed internally and excluded.
+     */
+    closeButtonProps?: Partial<Omit<ButtonIconProps, 'iconName' | 'onPress'>>;
+    /**
+     * Variant controlling header alignment and text size.
+     * - Compact: center-aligned with HeadingSm text
+     * - Display: left-aligned with HeadingLg text
+     *
+     * @default BottomSheetHeaderVariant.Compact
+     */
+    variant?: BottomSheetHeaderVariant;
+} & Omit<HeaderBaseProps, 'variant'>;
+//# sourceMappingURL=BottomSheetHeader.types.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetHeader.types.d.mts","sourceRoot":"","sources":["../../../src/components/BottomSheetHeader/BottomSheetHeader.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,2CAAuC;AACtE,OAAO,KAAK,EAAE,eAAe,EAAE,2CAAuC;AAEtE;;;;GAIG;AACH,oBAAY,wBAAwB;IAClC,OAAO,YAAY;IACnB,OAAO,YAAY;CACpB;AAED;;;;;GAKG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACnC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC,CAAC;IACzE;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC,CAAC;IAC1E;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,wBAAwB,CAAC;CACpC,GAAG,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC"}

package/dist/components/BottomSheetHeader/BottomSheetHeader.types.mjs

@@ -0,0 +1,11 @@
+/**
+ * Variant options for BottomSheetHeader component.
+ * - Compact: Center-aligned title with HeadingSm text (default)
+ * - Display: Left-aligned title with HeadingLg text
+ */
+export var BottomSheetHeaderVariant;
+(function (BottomSheetHeaderVariant) {
+    BottomSheetHeaderVariant["Display"] = "display";
+    BottomSheetHeaderVariant["Compact"] = "compact";
+})(BottomSheetHeaderVariant || (BottomSheetHeaderVariant = {}));
+//# sourceMappingURL=BottomSheetHeader.types.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetHeader.types.mjs","sourceRoot":"","sources":["../../../src/components/BottomSheetHeader/BottomSheetHeader.types.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,MAAM,CAAN,IAAY,wBAGX;AAHD,WAAY,wBAAwB;IAClC,+CAAmB,CAAA;IACnB,+CAAmB,CAAA;AACrB,CAAC,EAHW,wBAAwB,KAAxB,wBAAwB,QAGnC","sourcesContent":["import type { ButtonIconProps } from '../ButtonIcon/ButtonIcon.types';\nimport type { HeaderBaseProps } from '../HeaderBase/HeaderBase.types';\n\n/**\n * Variant options for BottomSheetHeader component.\n * - Compact: Center-aligned title with HeadingSm text (default)\n * - Display: Left-aligned title with HeadingLg text\n */\nexport enum BottomSheetHeaderVariant {\n  Display = 'display',\n  Compact = 'compact',\n}\n\n/**\n * BottomSheetHeader component props.\n *\n * Extends HeaderBase's props (which extends ViewProps) to inherit standard\n * props such as `testID`, `accessibilityLabel`, and other View props.\n */\nexport type BottomSheetHeaderProps = {\n  /**\n   * Callback function triggered when the back button is pressed.\n   * When provided, a back arrow ButtonIcon is rendered as the start accessory.\n   */\n  onBack?: () => void;\n  /**\n   * Props spread to the back ButtonIcon component for additional properties\n   * like `testID` or `accessibilityLabel`. Use this for testing or accessibility purposes.\n   * Note: `iconName` and `onPress` are managed internally and excluded.\n   */\n  backButtonProps?: Partial<Omit<ButtonIconProps, 'iconName' | 'onPress'>>;\n  /**\n   * Callback function triggered when the close button is pressed.\n   * When provided, a close ButtonIcon is rendered as the end accessory.\n   */\n  onClose?: () => void;\n  /**\n   * Props spread to the close ButtonIcon component for additional properties\n   * like `testID` or `accessibilityLabel`. Use this for testing or accessibility purposes.\n   * Note: `iconName` and `onPress` are managed internally and excluded.\n   */\n  closeButtonProps?: Partial<Omit<ButtonIconProps, 'iconName' | 'onPress'>>;\n  /**\n   * Variant controlling header alignment and text size.\n   * - Compact: center-aligned with HeadingSm text\n   * - Display: left-aligned with HeadingLg text\n   *\n   * @default BottomSheetHeaderVariant.Compact\n   */\n  variant?: BottomSheetHeaderVariant;\n} & Omit<HeaderBaseProps, 'variant'>;\n"]}

package/dist/components/BottomSheetHeader/index.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/BottomSheetHeader/index.ts"],"names":[],"mappings":";;;AAAA,6DAAwD;AAA/C,sHAAA,iBAAiB,OAAA;AAC1B,yEAAqE;AAA5D,mIAAA,wBAAwB,OAAA","sourcesContent":["export { BottomSheetHeader } from './BottomSheetHeader';\nexport { BottomSheetHeaderVariant } from './BottomSheetHeader.types';\nexport type { BottomSheetHeaderProps } from './BottomSheetHeader.types';\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/BottomSheetHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,gCAA4B;AACxD,OAAO,EAAE,wBAAwB,EAAE,sCAAkC;AACrE,YAAY,EAAE,sBAAsB,EAAE,sCAAkC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/BottomSheetHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,gCAA4B;AACxD,OAAO,EAAE,wBAAwB,EAAE,sCAAkC;AACrE,YAAY,EAAE,sBAAsB,EAAE,sCAAkC"}

package/dist/components/BottomSheetHeader/index.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/BottomSheetHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,gCAA4B;AACxD,OAAO,EAAE,wBAAwB,EAAE,sCAAkC","sourcesContent":["export { BottomSheetHeader } from './BottomSheetHeader';\nexport { BottomSheetHeaderVariant } from './BottomSheetHeader.types';\nexport type { BottomSheetHeaderProps } from './BottomSheetHeader.types';\n"]}