@metamask-previews/design-system-react-native 0.14.0-preview.4ce710b → 0.15.0-preview.a73a010

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

@@ -1 +1 @@
-{"version":3,"file":"Input.types.mjs","sourceRoot":"","sources":["../../../src/components/Input/Input.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { TextVariant } from '@metamask-previews/design-system-shared';\nimport type { TextInputProps } from 'react-native';\n\nexport type InputProps = Omit<\n  TextInputProps,\n  'editable' | 'value' | 'defaultValue'\n> & {\n  /**\n   * Controlled value for Input.\n   */\n  value: string;\n  /**\n   * Optional enum to select between Typography variants.\n   *\n   * @default BodyMd\n   */\n  textVariant?: TextVariant;\n  /**\n   * Optional boolean to disable Input.\n   *\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Optional boolean to show readonly input.\n   *\n   * @default false\n   */\n  isReadonly?: boolean;\n  /**\n   * Optional boolean to disable state styles.\n   *\n   * @default false\n   */\n  isStateStylesDisabled?: boolean;\n  /**\n   * Optional prop to add twrnc overriding classNames.\n   */\n  twClassName?: string;\n};\n"]}
+{"version":3,"file":"Input.types.mjs","sourceRoot":"","sources":["../../../src/components/Input/Input.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { TextInputProps } from 'react-native';\n\nimport type { TextVariant } from '../../types';\n\nexport type InputProps = Omit<\n  TextInputProps,\n  'editable' | 'value' | 'defaultValue'\n> & {\n  /**\n   * Controlled value for Input.\n   */\n  value: string;\n  /**\n   * Optional enum to select between Typography variants.\n   *\n   * @default BodyMd\n   */\n  textVariant?: TextVariant;\n  /**\n   * Optional boolean to disable Input.\n   *\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Optional boolean to show readonly input.\n   *\n   * @default false\n   */\n  isReadonly?: boolean;\n  /**\n   * Optional boolean to disable state styles.\n   *\n   * @default false\n   */\n  isStateStylesDisabled?: boolean;\n  /**\n   * Optional prop to add twrnc overriding classNames.\n   */\n  twClassName?: string;\n};\n"]}

package/dist/components/KeyValueColumn/KeyValueColumn.cjs

@@ -0,0 +1,43 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.KeyValueColumn = void 0;
+const react_1 = __importDefault(require("react"));
+const types_1 = require("../../types/index.cjs");
+const BoxHorizontal_1 = require("../BoxHorizontal/index.cjs");
+const BoxVertical_1 = require("../BoxVertical/index.cjs");
+const ButtonIcon_1 = require("../ButtonIcon/index.cjs");
+const KeyValueColumn = ({ keyStartAccessory, keyEndAccessory, keyEndButtonIconProps, keyLabel: keyContent, keyTextProps, valueStartAccessory, valueEndAccessory, valueEndButtonIconProps, value: valueContent, valueTextProps, twClassName, ...viewProps }) => {
+    const keyEndAccessoryNode = keyEndButtonIconProps?.iconName !== undefined &&
+        keyEndButtonIconProps.iconName !== null ? (<ButtonIcon_1.ButtonIcon size={types_1.ButtonIconSize.Sm} iconProps={{ color: types_1.IconColor.IconAlternative }} {...keyEndButtonIconProps} iconName={keyEndButtonIconProps.iconName}/>) : (keyEndAccessory);
+    const valueEndAccessoryNode = valueEndButtonIconProps?.iconName !== undefined &&
+        valueEndButtonIconProps.iconName !== null ? (<ButtonIcon_1.ButtonIcon size={types_1.ButtonIconSize.Sm} iconProps={{ color: types_1.IconColor.IconDefault }} {...valueEndButtonIconProps} iconName={valueEndButtonIconProps.iconName}/>) : (valueEndAccessory);
+    const keyBox = (<BoxHorizontal_1.BoxHorizontal startAccessory={keyStartAccessory} endAccessory={keyEndAccessoryNode} textProps={{
+            variant: types_1.TextVariant.BodyMd,
+            fontWeight: types_1.FontWeight.Medium,
+            color: types_1.TextColor.TextAlternative,
+            numberOfLines: 1,
+            ellipsizeMode: 'tail',
+            ...keyTextProps,
+        }} twClassName="w-full min-w-0">
+      {keyContent}
+    </BoxHorizontal_1.BoxHorizontal>);
+    const valueBox = (<BoxHorizontal_1.BoxHorizontal startAccessory={valueStartAccessory} endAccessory={valueEndAccessoryNode} textProps={{
+            variant: types_1.TextVariant.BodyMd,
+            fontWeight: types_1.FontWeight.Medium,
+            color: types_1.TextColor.TextDefault,
+            numberOfLines: 1,
+            ellipsizeMode: 'tail',
+            ...valueTextProps,
+        }} twClassName="w-full min-w-0">
+      {valueContent}
+    </BoxHorizontal_1.BoxHorizontal>);
+    return (<BoxVertical_1.BoxVertical bottomAccessory={valueBox} twClassName={twClassName} {...viewProps}>
+      {keyBox}
+    </BoxVertical_1.BoxVertical>);
+};
+exports.KeyValueColumn = KeyValueColumn;
+exports.KeyValueColumn.displayName = 'KeyValueColumn';
+//# sourceMappingURL=KeyValueColumn.cjs.map

package/dist/components/KeyValueColumn/KeyValueColumn.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueColumn.cjs","sourceRoot":"","sources":["../../../src/components/KeyValueColumn/KeyValueColumn.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,iDAMqB;AACrB,8DAAiD;AACjD,0DAA6C;AAC7C,wDAA2C;AAIpC,MAAM,cAAc,GAAG,CAAC,EAC7B,iBAAiB,EACjB,eAAe,EACf,qBAAqB,EACrB,QAAQ,EAAE,UAAU,EACpB,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EACjB,uBAAuB,EACvB,KAAK,EAAE,YAAY,EACnB,cAAc,EACd,WAAW,EACX,GAAG,SAAS,EACQ,EAAE,EAAE;IACxB,MAAM,mBAAmB,GACvB,qBAAqB,EAAE,QAAQ,KAAK,SAAS;QAC7C,qBAAqB,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,CACxC,CAAC,uBAAU,CACT,IAAI,CAAC,CAAC,sBAAc,CAAC,EAAE,CAAC,CACxB,SAAS,CAAC,CAAC,EAAE,KAAK,EAAE,iBAAS,CAAC,eAAe,EAAE,CAAC,CAChD,IAAI,qBAAqB,CAAC,CAC1B,QAAQ,CAAC,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EACzC,CACH,CAAC,CAAC,CAAC,CACF,eAAe,CAChB,CAAC;IAEJ,MAAM,qBAAqB,GACzB,uBAAuB,EAAE,QAAQ,KAAK,SAAS;QAC/C,uBAAuB,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,CAC1C,CAAC,uBAAU,CACT,IAAI,CAAC,CAAC,sBAAc,CAAC,EAAE,CAAC,CACxB,SAAS,CAAC,CAAC,EAAE,KAAK,EAAE,iBAAS,CAAC,WAAW,EAAE,CAAC,CAC5C,IAAI,uBAAuB,CAAC,CAC5B,QAAQ,CAAC,CAAC,uBAAuB,CAAC,QAAQ,CAAC,EAC3C,CACH,CAAC,CAAC,CAAC,CACF,iBAAiB,CAClB,CAAC;IAEJ,MAAM,MAAM,GAAG,CACb,CAAC,6BAAa,CACZ,cAAc,CAAC,CAAC,iBAAiB,CAAC,CAClC,YAAY,CAAC,CAAC,mBAAmB,CAAC,CAClC,SAAS,CAAC,CAAC;YACT,OAAO,EAAE,mBAAW,CAAC,MAAM;YAC3B,UAAU,EAAE,kBAAU,CAAC,MAAM;YAC7B,KAAK,EAAE,iBAAS,CAAC,eAAe;YAChC,aAAa,EAAE,CAAC;YAChB,aAAa,EAAE,MAAM;YACrB,GAAG,YAAY;SAChB,CAAC,CACF,WAAW,CAAC,gBAAgB,CAE5B;MAAA,CAAC,UAAU,CACb;IAAA,EAAE,6BAAa,CAAC,CACjB,CAAC;IAEF,MAAM,QAAQ,GAAG,CACf,CAAC,6BAAa,CACZ,cAAc,CAAC,CAAC,mBAAmB,CAAC,CACpC,YAAY,CAAC,CAAC,qBAAqB,CAAC,CACpC,SAAS,CAAC,CAAC;YACT,OAAO,EAAE,mBAAW,CAAC,MAAM;YAC3B,UAAU,EAAE,kBAAU,CAAC,MAAM;YAC7B,KAAK,EAAE,iBAAS,CAAC,WAAW;YAC5B,aAAa,EAAE,CAAC;YAChB,aAAa,EAAE,MAAM;YACrB,GAAG,cAAc;SAClB,CAAC,CACF,WAAW,CAAC,gBAAgB,CAE5B;MAAA,CAAC,YAAY,CACf;IAAA,EAAE,6BAAa,CAAC,CACjB,CAAC;IAEF,OAAO,CACL,CAAC,yBAAW,CACV,eAAe,CAAC,CAAC,QAAQ,CAAC,CAC1B,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,IAAI,SAAS,CAAC,CAEd;MAAA,CAAC,MAAM,CACT;IAAA,EAAE,yBAAW,CAAC,CACf,CAAC;AACJ,CAAC,CAAC;AArFW,QAAA,cAAc,kBAqFzB;AAEF,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC","sourcesContent":["import React from 'react';\n\nimport {\n  ButtonIconSize,\n  FontWeight,\n  IconColor,\n  TextColor,\n  TextVariant,\n} from '../../types';\nimport { BoxHorizontal } from '../BoxHorizontal';\nimport { BoxVertical } from '../BoxVertical';\nimport { ButtonIcon } from '../ButtonIcon';\n\nimport type { KeyValueColumnProps } from './KeyValueColumn.types';\n\nexport const KeyValueColumn = ({\n  keyStartAccessory,\n  keyEndAccessory,\n  keyEndButtonIconProps,\n  keyLabel: keyContent,\n  keyTextProps,\n  valueStartAccessory,\n  valueEndAccessory,\n  valueEndButtonIconProps,\n  value: valueContent,\n  valueTextProps,\n  twClassName,\n  ...viewProps\n}: KeyValueColumnProps) => {\n  const keyEndAccessoryNode =\n    keyEndButtonIconProps?.iconName !== undefined &&\n    keyEndButtonIconProps.iconName !== null ? (\n      <ButtonIcon\n        size={ButtonIconSize.Sm}\n        iconProps={{ color: IconColor.IconAlternative }}\n        {...keyEndButtonIconProps}\n        iconName={keyEndButtonIconProps.iconName}\n      />\n    ) : (\n      keyEndAccessory\n    );\n\n  const valueEndAccessoryNode =\n    valueEndButtonIconProps?.iconName !== undefined &&\n    valueEndButtonIconProps.iconName !== null ? (\n      <ButtonIcon\n        size={ButtonIconSize.Sm}\n        iconProps={{ color: IconColor.IconDefault }}\n        {...valueEndButtonIconProps}\n        iconName={valueEndButtonIconProps.iconName}\n      />\n    ) : (\n      valueEndAccessory\n    );\n\n  const keyBox = (\n    <BoxHorizontal\n      startAccessory={keyStartAccessory}\n      endAccessory={keyEndAccessoryNode}\n      textProps={{\n        variant: TextVariant.BodyMd,\n        fontWeight: FontWeight.Medium,\n        color: TextColor.TextAlternative,\n        numberOfLines: 1,\n        ellipsizeMode: 'tail',\n        ...keyTextProps,\n      }}\n      twClassName=\"w-full min-w-0\"\n    >\n      {keyContent}\n    </BoxHorizontal>\n  );\n\n  const valueBox = (\n    <BoxHorizontal\n      startAccessory={valueStartAccessory}\n      endAccessory={valueEndAccessoryNode}\n      textProps={{\n        variant: TextVariant.BodyMd,\n        fontWeight: FontWeight.Medium,\n        color: TextColor.TextDefault,\n        numberOfLines: 1,\n        ellipsizeMode: 'tail',\n        ...valueTextProps,\n      }}\n      twClassName=\"w-full min-w-0\"\n    >\n      {valueContent}\n    </BoxHorizontal>\n  );\n\n  return (\n    <BoxVertical\n      bottomAccessory={valueBox}\n      twClassName={twClassName}\n      {...viewProps}\n    >\n      {keyBox}\n    </BoxVertical>\n  );\n};\n\nKeyValueColumn.displayName = 'KeyValueColumn';\n"]}

package/dist/components/KeyValueColumn/KeyValueColumn.d.cts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { KeyValueColumnProps } from "./KeyValueColumn.types.cjs";
+export declare const KeyValueColumn: {
+    ({ keyStartAccessory, keyEndAccessory, keyEndButtonIconProps, keyLabel: keyContent, keyTextProps, valueStartAccessory, valueEndAccessory, valueEndButtonIconProps, value: valueContent, valueTextProps, twClassName, ...viewProps }: KeyValueColumnProps): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=KeyValueColumn.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueColumn.d.cts","sourceRoot":"","sources":["../../../src/components/KeyValueColumn/KeyValueColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAa1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,mCAA+B;AAElE,eAAO,MAAM,cAAc;yOAaxB,mBAAmB;;CAwErB,CAAC"}

package/dist/components/KeyValueColumn/KeyValueColumn.d.mts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { KeyValueColumnProps } from "./KeyValueColumn.types.mjs";
+export declare const KeyValueColumn: {
+    ({ keyStartAccessory, keyEndAccessory, keyEndButtonIconProps, keyLabel: keyContent, keyTextProps, valueStartAccessory, valueEndAccessory, valueEndButtonIconProps, value: valueContent, valueTextProps, twClassName, ...viewProps }: KeyValueColumnProps): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=KeyValueColumn.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueColumn.d.mts","sourceRoot":"","sources":["../../../src/components/KeyValueColumn/KeyValueColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAa1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,mCAA+B;AAElE,eAAO,MAAM,cAAc;yOAaxB,mBAAmB;;CAwErB,CAAC"}

package/dist/components/KeyValueColumn/KeyValueColumn.mjs

@@ -0,0 +1,43 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+import $React from "react";
+const React = $importDefault($React);
+import { ButtonIconSize, FontWeight, IconColor, TextColor, TextVariant } from "../../types/index.mjs";
+import { BoxHorizontal } from "../BoxHorizontal/index.mjs";
+import { BoxVertical } from "../BoxVertical/index.mjs";
+import { ButtonIcon } from "../ButtonIcon/index.mjs";
+export const KeyValueColumn = ({ keyStartAccessory, keyEndAccessory, keyEndButtonIconProps, keyLabel: keyContent, keyTextProps, valueStartAccessory, valueEndAccessory, valueEndButtonIconProps, value: valueContent, valueTextProps, twClassName, ...viewProps }) => {
+    const keyEndAccessoryNode = keyEndButtonIconProps?.iconName !== undefined &&
+        keyEndButtonIconProps.iconName !== null ? (<ButtonIcon size={ButtonIconSize.Sm} iconProps={{ color: IconColor.IconAlternative }} {...keyEndButtonIconProps} iconName={keyEndButtonIconProps.iconName}/>) : (keyEndAccessory);
+    const valueEndAccessoryNode = valueEndButtonIconProps?.iconName !== undefined &&
+        valueEndButtonIconProps.iconName !== null ? (<ButtonIcon size={ButtonIconSize.Sm} iconProps={{ color: IconColor.IconDefault }} {...valueEndButtonIconProps} iconName={valueEndButtonIconProps.iconName}/>) : (valueEndAccessory);
+    const keyBox = (<BoxHorizontal startAccessory={keyStartAccessory} endAccessory={keyEndAccessoryNode} textProps={{
+            variant: TextVariant.BodyMd,
+            fontWeight: FontWeight.Medium,
+            color: TextColor.TextAlternative,
+            numberOfLines: 1,
+            ellipsizeMode: 'tail',
+            ...keyTextProps,
+        }} twClassName="w-full min-w-0">
+      {keyContent}
+    </BoxHorizontal>);
+    const valueBox = (<BoxHorizontal startAccessory={valueStartAccessory} endAccessory={valueEndAccessoryNode} textProps={{
+            variant: TextVariant.BodyMd,
+            fontWeight: FontWeight.Medium,
+            color: TextColor.TextDefault,
+            numberOfLines: 1,
+            ellipsizeMode: 'tail',
+            ...valueTextProps,
+        }} twClassName="w-full min-w-0">
+      {valueContent}
+    </BoxHorizontal>);
+    return (<BoxVertical bottomAccessory={valueBox} twClassName={twClassName} {...viewProps}>
+      {keyBox}
+    </BoxVertical>);
+};
+KeyValueColumn.displayName = 'KeyValueColumn';
+//# sourceMappingURL=KeyValueColumn.mjs.map

package/dist/components/KeyValueColumn/KeyValueColumn.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueColumn.mjs","sourceRoot":"","sources":["../../../src/components/KeyValueColumn/KeyValueColumn.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,MAAK,cAAc;;AAE1B,OAAO,EACL,cAAc,EACd,UAAU,EACV,SAAS,EACT,SAAS,EACT,WAAW,EACZ,8BAAoB;AACrB,OAAO,EAAE,aAAa,EAAE,mCAAyB;AACjD,OAAO,EAAE,WAAW,EAAE,iCAAuB;AAC7C,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAI3C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,iBAAiB,EACjB,eAAe,EACf,qBAAqB,EACrB,QAAQ,EAAE,UAAU,EACpB,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EACjB,uBAAuB,EACvB,KAAK,EAAE,YAAY,EACnB,cAAc,EACd,WAAW,EACX,GAAG,SAAS,EACQ,EAAE,EAAE;IACxB,MAAM,mBAAmB,GACvB,qBAAqB,EAAE,QAAQ,KAAK,SAAS;QAC7C,qBAAqB,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,CACxC,CAAC,UAAU,CACT,IAAI,CAAC,CAAC,cAAc,CAAC,EAAE,CAAC,CACxB,SAAS,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,eAAe,EAAE,CAAC,CAChD,IAAI,qBAAqB,CAAC,CAC1B,QAAQ,CAAC,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EACzC,CACH,CAAC,CAAC,CAAC,CACF,eAAe,CAChB,CAAC;IAEJ,MAAM,qBAAqB,GACzB,uBAAuB,EAAE,QAAQ,KAAK,SAAS;QAC/C,uBAAuB,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,CAC1C,CAAC,UAAU,CACT,IAAI,CAAC,CAAC,cAAc,CAAC,EAAE,CAAC,CACxB,SAAS,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,WAAW,EAAE,CAAC,CAC5C,IAAI,uBAAuB,CAAC,CAC5B,QAAQ,CAAC,CAAC,uBAAuB,CAAC,QAAQ,CAAC,EAC3C,CACH,CAAC,CAAC,CAAC,CACF,iBAAiB,CAClB,CAAC;IAEJ,MAAM,MAAM,GAAG,CACb,CAAC,aAAa,CACZ,cAAc,CAAC,CAAC,iBAAiB,CAAC,CAClC,YAAY,CAAC,CAAC,mBAAmB,CAAC,CAClC,SAAS,CAAC,CAAC;YACT,OAAO,EAAE,WAAW,CAAC,MAAM;YAC3B,UAAU,EAAE,UAAU,CAAC,MAAM;YAC7B,KAAK,EAAE,SAAS,CAAC,eAAe;YAChC,aAAa,EAAE,CAAC;YAChB,aAAa,EAAE,MAAM;YACrB,GAAG,YAAY;SAChB,CAAC,CACF,WAAW,CAAC,gBAAgB,CAE5B;MAAA,CAAC,UAAU,CACb;IAAA,EAAE,aAAa,CAAC,CACjB,CAAC;IAEF,MAAM,QAAQ,GAAG,CACf,CAAC,aAAa,CACZ,cAAc,CAAC,CAAC,mBAAmB,CAAC,CACpC,YAAY,CAAC,CAAC,qBAAqB,CAAC,CACpC,SAAS,CAAC,CAAC;YACT,OAAO,EAAE,WAAW,CAAC,MAAM;YAC3B,UAAU,EAAE,UAAU,CAAC,MAAM;YAC7B,KAAK,EAAE,SAAS,CAAC,WAAW;YAC5B,aAAa,EAAE,CAAC;YAChB,aAAa,EAAE,MAAM;YACrB,GAAG,cAAc;SAClB,CAAC,CACF,WAAW,CAAC,gBAAgB,CAE5B;MAAA,CAAC,YAAY,CACf;IAAA,EAAE,aAAa,CAAC,CACjB,CAAC;IAEF,OAAO,CACL,CAAC,WAAW,CACV,eAAe,CAAC,CAAC,QAAQ,CAAC,CAC1B,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,IAAI,SAAS,CAAC,CAEd;MAAA,CAAC,MAAM,CACT;IAAA,EAAE,WAAW,CAAC,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC","sourcesContent":["import React from 'react';\n\nimport {\n  ButtonIconSize,\n  FontWeight,\n  IconColor,\n  TextColor,\n  TextVariant,\n} from '../../types';\nimport { BoxHorizontal } from '../BoxHorizontal';\nimport { BoxVertical } from '../BoxVertical';\nimport { ButtonIcon } from '../ButtonIcon';\n\nimport type { KeyValueColumnProps } from './KeyValueColumn.types';\n\nexport const KeyValueColumn = ({\n  keyStartAccessory,\n  keyEndAccessory,\n  keyEndButtonIconProps,\n  keyLabel: keyContent,\n  keyTextProps,\n  valueStartAccessory,\n  valueEndAccessory,\n  valueEndButtonIconProps,\n  value: valueContent,\n  valueTextProps,\n  twClassName,\n  ...viewProps\n}: KeyValueColumnProps) => {\n  const keyEndAccessoryNode =\n    keyEndButtonIconProps?.iconName !== undefined &&\n    keyEndButtonIconProps.iconName !== null ? (\n      <ButtonIcon\n        size={ButtonIconSize.Sm}\n        iconProps={{ color: IconColor.IconAlternative }}\n        {...keyEndButtonIconProps}\n        iconName={keyEndButtonIconProps.iconName}\n      />\n    ) : (\n      keyEndAccessory\n    );\n\n  const valueEndAccessoryNode =\n    valueEndButtonIconProps?.iconName !== undefined &&\n    valueEndButtonIconProps.iconName !== null ? (\n      <ButtonIcon\n        size={ButtonIconSize.Sm}\n        iconProps={{ color: IconColor.IconDefault }}\n        {...valueEndButtonIconProps}\n        iconName={valueEndButtonIconProps.iconName}\n      />\n    ) : (\n      valueEndAccessory\n    );\n\n  const keyBox = (\n    <BoxHorizontal\n      startAccessory={keyStartAccessory}\n      endAccessory={keyEndAccessoryNode}\n      textProps={{\n        variant: TextVariant.BodyMd,\n        fontWeight: FontWeight.Medium,\n        color: TextColor.TextAlternative,\n        numberOfLines: 1,\n        ellipsizeMode: 'tail',\n        ...keyTextProps,\n      }}\n      twClassName=\"w-full min-w-0\"\n    >\n      {keyContent}\n    </BoxHorizontal>\n  );\n\n  const valueBox = (\n    <BoxHorizontal\n      startAccessory={valueStartAccessory}\n      endAccessory={valueEndAccessoryNode}\n      textProps={{\n        variant: TextVariant.BodyMd,\n        fontWeight: FontWeight.Medium,\n        color: TextColor.TextDefault,\n        numberOfLines: 1,\n        ellipsizeMode: 'tail',\n        ...valueTextProps,\n      }}\n      twClassName=\"w-full min-w-0\"\n    >\n      {valueContent}\n    </BoxHorizontal>\n  );\n\n  return (\n    <BoxVertical\n      bottomAccessory={valueBox}\n      twClassName={twClassName}\n      {...viewProps}\n    >\n      {keyBox}\n    </BoxVertical>\n  );\n};\n\nKeyValueColumn.displayName = 'KeyValueColumn';\n"]}

package/dist/components/KeyValueColumn/KeyValueColumn.types.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueColumn.types.cjs","sourceRoot":"","sources":["../../../src/components/KeyValueColumn/KeyValueColumn.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { KeyValueColumnPropsShared } from '@metamask-previews/design-system-shared';\nimport type { ViewProps } from 'react-native';\n\nimport type { ButtonIconProps } from '../ButtonIcon/ButtonIcon.types';\nimport type { TextProps } from '../Text/Text.types';\n\nexport type KeyValueColumnProps = KeyValueColumnPropsShared &\n  Omit<ViewProps, 'children'> & {\n    /** Optional props for the key Text when key is a string. */\n    keyTextProps?: Partial<Omit<TextProps, 'children'>>;\n    /** Optional props for the value Text when value is a string. */\n    valueTextProps?: Partial<Omit<TextProps, 'children'>>;\n    /** Optional Tailwind class names applied to the outer BoxVertical. Merged with base styles. */\n    twClassName?: string;\n    /** When set, renders a ButtonIcon as the key endAccessory (takes precedence over keyEndAccessory). */\n    keyEndButtonIconProps?: Partial<ButtonIconProps>;\n    /** When set, renders a ButtonIcon as the value endAccessory (takes precedence over valueEndAccessory). */\n    valueEndButtonIconProps?: Partial<ButtonIconProps>;\n  };\n"]}

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

@@ -0,0 +1,17 @@
+import type { KeyValueColumnPropsShared } from "@metamask-previews/design-system-shared";
+import type { ViewProps } from "react-native/index.js";
+import type { ButtonIconProps } from "../ButtonIcon/ButtonIcon.types.cjs";
+import type { TextProps } from "../Text/Text.types.cjs";
+export type KeyValueColumnProps = KeyValueColumnPropsShared & Omit<ViewProps, 'children'> & {
+    /** Optional props for the key Text when key is a string. */
+    keyTextProps?: Partial<Omit<TextProps, 'children'>>;
+    /** Optional props for the value Text when value is a string. */
+    valueTextProps?: Partial<Omit<TextProps, 'children'>>;
+    /** Optional Tailwind class names applied to the outer BoxVertical. Merged with base styles. */
+    twClassName?: string;
+    /** When set, renders a ButtonIcon as the key endAccessory (takes precedence over keyEndAccessory). */
+    keyEndButtonIconProps?: Partial<ButtonIconProps>;
+    /** When set, renders a ButtonIcon as the value endAccessory (takes precedence over valueEndAccessory). */
+    valueEndButtonIconProps?: Partial<ButtonIconProps>;
+};
+//# sourceMappingURL=KeyValueColumn.types.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueColumn.types.d.cts","sourceRoot":"","sources":["../../../src/components/KeyValueColumn/KeyValueColumn.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,gDAAgD;AACzF,OAAO,KAAK,EAAE,SAAS,EAAE,8BAAqB;AAE9C,OAAO,KAAK,EAAE,eAAe,EAAE,2CAAuC;AACtE,OAAO,KAAK,EAAE,SAAS,EAAE,+BAA2B;AAEpD,MAAM,MAAM,mBAAmB,GAAG,yBAAyB,GACzD,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG;IAC5B,4DAA4D;IAC5D,YAAY,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;IACpD,gEAAgE;IAChE,cAAc,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;IACtD,+FAA+F;IAC/F,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sGAAsG;IACtG,qBAAqB,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACjD,0GAA0G;IAC1G,uBAAuB,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CACpD,CAAC"}

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

@@ -0,0 +1,17 @@
+import type { KeyValueColumnPropsShared } from "@metamask-previews/design-system-shared";
+import type { ViewProps } from "react-native/index.js";
+import type { ButtonIconProps } from "../ButtonIcon/ButtonIcon.types.mjs";
+import type { TextProps } from "../Text/Text.types.mjs";
+export type KeyValueColumnProps = KeyValueColumnPropsShared & Omit<ViewProps, 'children'> & {
+    /** Optional props for the key Text when key is a string. */
+    keyTextProps?: Partial<Omit<TextProps, 'children'>>;
+    /** Optional props for the value Text when value is a string. */
+    valueTextProps?: Partial<Omit<TextProps, 'children'>>;
+    /** Optional Tailwind class names applied to the outer BoxVertical. Merged with base styles. */
+    twClassName?: string;
+    /** When set, renders a ButtonIcon as the key endAccessory (takes precedence over keyEndAccessory). */
+    keyEndButtonIconProps?: Partial<ButtonIconProps>;
+    /** When set, renders a ButtonIcon as the value endAccessory (takes precedence over valueEndAccessory). */
+    valueEndButtonIconProps?: Partial<ButtonIconProps>;
+};
+//# sourceMappingURL=KeyValueColumn.types.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueColumn.types.d.mts","sourceRoot":"","sources":["../../../src/components/KeyValueColumn/KeyValueColumn.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,gDAAgD;AACzF,OAAO,KAAK,EAAE,SAAS,EAAE,8BAAqB;AAE9C,OAAO,KAAK,EAAE,eAAe,EAAE,2CAAuC;AACtE,OAAO,KAAK,EAAE,SAAS,EAAE,+BAA2B;AAEpD,MAAM,MAAM,mBAAmB,GAAG,yBAAyB,GACzD,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG;IAC5B,4DAA4D;IAC5D,YAAY,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;IACpD,gEAAgE;IAChE,cAAc,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;IACtD,+FAA+F;IAC/F,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sGAAsG;IACtG,qBAAqB,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACjD,0GAA0G;IAC1G,uBAAuB,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CACpD,CAAC"}

package/dist/components/KeyValueColumn/KeyValueColumn.types.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueColumn.types.mjs","sourceRoot":"","sources":["../../../src/components/KeyValueColumn/KeyValueColumn.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { KeyValueColumnPropsShared } from '@metamask-previews/design-system-shared';\nimport type { ViewProps } from 'react-native';\n\nimport type { ButtonIconProps } from '../ButtonIcon/ButtonIcon.types';\nimport type { TextProps } from '../Text/Text.types';\n\nexport type KeyValueColumnProps = KeyValueColumnPropsShared &\n  Omit<ViewProps, 'children'> & {\n    /** Optional props for the key Text when key is a string. */\n    keyTextProps?: Partial<Omit<TextProps, 'children'>>;\n    /** Optional props for the value Text when value is a string. */\n    valueTextProps?: Partial<Omit<TextProps, 'children'>>;\n    /** Optional Tailwind class names applied to the outer BoxVertical. Merged with base styles. */\n    twClassName?: string;\n    /** When set, renders a ButtonIcon as the key endAccessory (takes precedence over keyEndAccessory). */\n    keyEndButtonIconProps?: Partial<ButtonIconProps>;\n    /** When set, renders a ButtonIcon as the value endAccessory (takes precedence over valueEndAccessory). */\n    valueEndButtonIconProps?: Partial<ButtonIconProps>;\n  };\n"]}

package/dist/components/KeyValueColumn/index.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/KeyValueColumn/index.ts"],"names":[],"mappings":";;;AAAA,uDAAkD;AAAzC,gHAAA,cAAc,OAAA","sourcesContent":["export { KeyValueColumn } from './KeyValueColumn';\nexport type { KeyValueColumnProps } from './KeyValueColumn.types';\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/KeyValueColumn/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,6BAAyB;AAClD,YAAY,EAAE,mBAAmB,EAAE,mCAA+B"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/KeyValueColumn/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,6BAAyB;AAClD,YAAY,EAAE,mBAAmB,EAAE,mCAA+B"}

package/dist/components/KeyValueColumn/index.mjs

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

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

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

package/dist/components/Text/Text.cjs

@@ -24,17 +24,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Text = 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 = __importStar(require("react"));
 const react_native_1 = require("react-native/index.js");
+const types_1 = require("../../types/index.cjs");
 const Text_constants_1 = require("./Text.constants.cjs");
-const Text = ({ variant = design_system_shared_1.TextVariant.BodyMd, color = design_system_shared_1.TextColor.TextDefault, style, children, fontWeight, fontFamily = design_system_shared_1.FontFamily.Default, fontStyle = design_system_shared_1.FontStyle.Normal, twClassName, ...props }) => {
+const Text = ({ variant = types_1.TextVariant.BodyMd, color = types_1.TextColor.TextDefault, style, children, fontWeight, fontFamily = types_1.FontFamily.Default, fontStyle = types_1.FontStyle.Normal, twClassName, ...props }) => {
     const tw = (0, design_system_twrnc_preset_1.useTailwind)();
     const finalFontWeight = fontWeight ?? Text_constants_1.MAP_TEXT_VARIANT_FONTWEIGHT[variant];
     const textStyle = (0, react_1.useMemo)(() => {
-        const isItalic = fontStyle === design_system_shared_1.FontStyle.Italic;
-        const fontSuffix = `${Text_constants_1.TWCLASSMAP_TEXT_FONTWEIGHT[finalFontWeight]}${isItalic && fontFamily === design_system_shared_1.FontFamily.Default ? '-italic' : ''}`;
+        const isItalic = fontStyle === types_1.FontStyle.Italic;
+        const fontSuffix = `${Text_constants_1.TWCLASSMAP_TEXT_FONTWEIGHT[finalFontWeight]}${isItalic && fontFamily === types_1.FontFamily.Default ? '-italic' : ''}`;
         const fontClass = `font-${fontFamily}${fontSuffix}`;
         return tw.style(`text-${variant}`, fontClass, color, twClassName);
     }, [variant, color, finalFontWeight, fontFamily, fontStyle, twClassName, tw]);

package/dist/components/Text/Text.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Text.cjs","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kFAKiD;AACjD,8FAA4E;AAC5E,+CAAuC;AACvC,wDAA8C;AAE9C,yDAG0B;AAGnB,MAAM,IAAI,GAAwB,CAAC,EACxC,OAAO,GAAG,kCAAW,CAAC,MAAM,EAC5B,KAAK,GAAG,gCAAS,CAAC,WAAW,EAC7B,KAAK,EACL,QAAQ,EACR,UAAU,EACV,UAAU,GAAG,iCAAU,CAAC,OAAO,EAC/B,SAAS,GAAG,gCAAS,CAAC,MAAM,EAC5B,WAAW,EACX,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IACzB,MAAM,eAAe,GAAG,UAAU,IAAI,4CAA2B,CAAC,OAAO,CAAC,CAAC;IAE3E,MAAM,SAAS,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC7B,MAAM,QAAQ,GAAG,SAAS,KAAK,gCAAS,CAAC,MAAM,CAAC;QAChD,MAAM,UAAU,GAAG,GAAG,2CAA0B,CAAC,eAAe,CAAC,GAC/D,QAAQ,IAAI,UAAU,KAAK,iCAAU,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAC9D,EAAE,CAAC;QACH,MAAM,SAAS,GAAG,QAAQ,UAAU,GAAG,UAAU,EAAE,CAAC;QACpD,OAAO,EAAE,CAAC,KAAK,CAAC,QAAQ,OAAO,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC;IACpE,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,CAAC,CAAC,CAAC;IAE9E,OAAO,CACL,CAAC,mBAAM,CAAC,iBAAiB,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACpE;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,mBAAM,CAAC,CACV,CAAC;AACJ,CAAC,CAAC;AA5BW,QAAA,IAAI,QA4Bf","sourcesContent":["import {\n  FontFamily,\n  FontStyle,\n  TextColor,\n  TextVariant,\n} from '@metamask-previews/design-system-shared';\nimport { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, { useMemo } from 'react';\nimport { Text as RNText } from 'react-native';\n\nimport {\n  MAP_TEXT_VARIANT_FONTWEIGHT,\n  TWCLASSMAP_TEXT_FONTWEIGHT,\n} from './Text.constants';\nimport type { TextProps } from './Text.types';\n\nexport const Text: React.FC<TextProps> = ({\n  variant = TextVariant.BodyMd,\n  color = TextColor.TextDefault,\n  style,\n  children,\n  fontWeight,\n  fontFamily = FontFamily.Default,\n  fontStyle = FontStyle.Normal,\n  twClassName,\n  ...props\n}) => {\n  const tw = useTailwind();\n  const finalFontWeight = fontWeight ?? MAP_TEXT_VARIANT_FONTWEIGHT[variant];\n\n  const textStyle = useMemo(() => {\n    const isItalic = fontStyle === FontStyle.Italic;\n    const fontSuffix = `${TWCLASSMAP_TEXT_FONTWEIGHT[finalFontWeight]}${\n      isItalic && fontFamily === FontFamily.Default ? '-italic' : ''\n    }`;\n    const fontClass = `font-${fontFamily}${fontSuffix}`;\n    return tw.style(`text-${variant}`, fontClass, color, twClassName);\n  }, [variant, color, finalFontWeight, fontFamily, fontStyle, twClassName, tw]);\n\n  return (\n    <RNText accessibilityRole=\"text\" {...props} style={[textStyle, style]}>\n      {children}\n    </RNText>\n  );\n};\n"]}
+{"version":3,"file":"Text.cjs","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,8FAA4E;AAC5E,+CAAuC;AACvC,wDAA8C;AAE9C,iDAA4E;AAE5E,yDAG0B;AAGnB,MAAM,IAAI,GAAwB,CAAC,EACxC,OAAO,GAAG,mBAAW,CAAC,MAAM,EAC5B,KAAK,GAAG,iBAAS,CAAC,WAAW,EAC7B,KAAK,EACL,QAAQ,EACR,UAAU,EACV,UAAU,GAAG,kBAAU,CAAC,OAAO,EAC/B,SAAS,GAAG,iBAAS,CAAC,MAAM,EAC5B,WAAW,EACX,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IACzB,MAAM,eAAe,GAAG,UAAU,IAAI,4CAA2B,CAAC,OAAO,CAAC,CAAC;IAE3E,MAAM,SAAS,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC7B,MAAM,QAAQ,GAAG,SAAS,KAAK,iBAAS,CAAC,MAAM,CAAC;QAChD,MAAM,UAAU,GAAG,GAAG,2CAA0B,CAAC,eAAe,CAAC,GAC/D,QAAQ,IAAI,UAAU,KAAK,kBAAU,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAC9D,EAAE,CAAC;QACH,MAAM,SAAS,GAAG,QAAQ,UAAU,GAAG,UAAU,EAAE,CAAC;QACpD,OAAO,EAAE,CAAC,KAAK,CAAC,QAAQ,OAAO,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC;IACpE,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,CAAC,CAAC,CAAC;IAE9E,OAAO,CACL,CAAC,mBAAM,CAAC,iBAAiB,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACpE;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,mBAAM,CAAC,CACV,CAAC;AACJ,CAAC,CAAC;AA5BW,QAAA,IAAI,QA4Bf","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, { useMemo } from 'react';\nimport { Text as RNText } from 'react-native';\n\nimport { FontFamily, FontStyle, TextVariant, TextColor } from '../../types';\n\nimport {\n  MAP_TEXT_VARIANT_FONTWEIGHT,\n  TWCLASSMAP_TEXT_FONTWEIGHT,\n} from './Text.constants';\nimport type { TextProps } from './Text.types';\n\nexport const Text: React.FC<TextProps> = ({\n  variant = TextVariant.BodyMd,\n  color = TextColor.TextDefault,\n  style,\n  children,\n  fontWeight,\n  fontFamily = FontFamily.Default,\n  fontStyle = FontStyle.Normal,\n  twClassName,\n  ...props\n}) => {\n  const tw = useTailwind();\n  const finalFontWeight = fontWeight ?? MAP_TEXT_VARIANT_FONTWEIGHT[variant];\n\n  const textStyle = useMemo(() => {\n    const isItalic = fontStyle === FontStyle.Italic;\n    const fontSuffix = `${TWCLASSMAP_TEXT_FONTWEIGHT[finalFontWeight]}${\n      isItalic && fontFamily === FontFamily.Default ? '-italic' : ''\n    }`;\n    const fontClass = `font-${fontFamily}${fontSuffix}`;\n    return tw.style(`text-${variant}`, fontClass, color, twClassName);\n  }, [variant, color, finalFontWeight, fontFamily, fontStyle, twClassName, tw]);\n\n  return (\n    <RNText accessibilityRole=\"text\" {...props} style={[textStyle, style]}>\n      {children}\n    </RNText>\n  );\n};\n"]}

package/dist/components/Text/Text.constants.cjs

@@ -1,27 +1,32 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MAP_TEXT_VARIANT_FONTWEIGHT = exports.TWCLASSMAP_TEXT_FONTWEIGHT = void 0;
-const design_system_shared_1 = require("@metamask-previews/design-system-shared");
+const design_tokens_1 = require("@metamask-previews/design-tokens");
+const types_1 = require("../../types/index.cjs");
 // Mappings
 exports.TWCLASSMAP_TEXT_FONTWEIGHT = {
-    [design_system_shared_1.FontWeight.Regular]: '-regular',
-    [design_system_shared_1.FontWeight.Medium]: '-medium',
-    [design_system_shared_1.FontWeight.Bold]: '-bold',
+    [types_1.FontWeight.Regular]: '-regular',
+    [types_1.FontWeight.Medium]: '-medium',
+    [types_1.FontWeight.Bold]: '-bold',
 };
 exports.MAP_TEXT_VARIANT_FONTWEIGHT = {
-    [design_system_shared_1.TextVariant.DisplayLg]: design_system_shared_1.FontWeight.Bold,
-    [design_system_shared_1.TextVariant.DisplayMd]: design_system_shared_1.FontWeight.Bold,
-    [design_system_shared_1.TextVariant.HeadingLg]: design_system_shared_1.FontWeight.Bold,
-    [design_system_shared_1.TextVariant.HeadingMd]: design_system_shared_1.FontWeight.Bold,
-    [design_system_shared_1.TextVariant.HeadingSm]: design_system_shared_1.FontWeight.Bold,
-    [design_system_shared_1.TextVariant.BodyLg]: design_system_shared_1.FontWeight.Medium,
-    [design_system_shared_1.TextVariant.BodyMd]: design_system_shared_1.FontWeight.Regular,
-    [design_system_shared_1.TextVariant.BodySm]: design_system_shared_1.FontWeight.Regular,
-    [design_system_shared_1.TextVariant.BodyXs]: design_system_shared_1.FontWeight.Regular,
-    [design_system_shared_1.TextVariant.PageHeading]: design_system_shared_1.FontWeight.Bold,
-    [design_system_shared_1.TextVariant.SectionHeading]: design_system_shared_1.FontWeight.Bold,
-    [design_system_shared_1.TextVariant.ButtonLabelMd]: design_system_shared_1.FontWeight.Medium,
-    [design_system_shared_1.TextVariant.ButtonLabelLg]: design_system_shared_1.FontWeight.Medium,
-    [design_system_shared_1.TextVariant.AmountDisplayLg]: design_system_shared_1.FontWeight.Bold,
+    [types_1.TextVariant.DisplayLg]: design_tokens_1.typography.sDisplayLG.fontWeight,
+    [types_1.TextVariant.DisplayMd]: design_tokens_1.typography.sDisplayMD.fontWeight,
+    [types_1.TextVariant.HeadingLg]: design_tokens_1.typography.sHeadingLG.fontWeight,
+    [types_1.TextVariant.HeadingMd]: design_tokens_1.typography.sHeadingMD.fontWeight,
+    [types_1.TextVariant.HeadingSm]: design_tokens_1.typography.sHeadingSM.fontWeight,
+    [types_1.TextVariant.BodyLg]: design_tokens_1.typography.sBodyLGMedium.fontWeight,
+    [types_1.TextVariant.BodyMd]: design_tokens_1.typography.sBodyMD.fontWeight,
+    [types_1.TextVariant.BodySm]: design_tokens_1.typography.sBodySM.fontWeight,
+    [types_1.TextVariant.BodyXs]: design_tokens_1.typography.sBodyXS.fontWeight,
+    [types_1.TextVariant.PageHeading]: design_tokens_1.typography.sPageHeading.fontWeight,
+    [types_1.TextVariant.SectionHeading]: design_tokens_1.typography.sSectionHeading
+        .fontWeight,
+    [types_1.TextVariant.ButtonLabelMd]: design_tokens_1.typography.sButtonLabelMd
+        .fontWeight,
+    [types_1.TextVariant.ButtonLabelLg]: design_tokens_1.typography.sButtonLabelLg
+        .fontWeight,
+    [types_1.TextVariant.AmountDisplayLg]: design_tokens_1.typography.sAmountDisplayLg
+        .fontWeight,
 };
 //# sourceMappingURL=Text.constants.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Text.constants.cjs","sourceRoot":"","sources":["../../../src/components/Text/Text.constants.ts"],"names":[],"mappings":";;;AAAA,kFAAkF;AAElF,WAAW;AACE,QAAA,0BAA0B,GAEnC;IACF,CAAC,iCAAU,CAAC,OAAO,CAAC,EAAE,UAAU;IAChC,CAAC,iCAAU,CAAC,MAAM,CAAC,EAAE,SAAS;IAC9B,CAAC,iCAAU,CAAC,IAAI,CAAC,EAAE,OAAO;CAC3B,CAAC;AAEW,QAAA,2BAA2B,GAEpC;IACF,CAAC,kCAAW,CAAC,SAAS,CAAC,EAAE,iCAAU,CAAC,IAAI;IACxC,CAAC,kCAAW,CAAC,SAAS,CAAC,EAAE,iCAAU,CAAC,IAAI;IACxC,CAAC,kCAAW,CAAC,SAAS,CAAC,EAAE,iCAAU,CAAC,IAAI;IACxC,CAAC,kCAAW,CAAC,SAAS,CAAC,EAAE,iCAAU,CAAC,IAAI;IACxC,CAAC,kCAAW,CAAC,SAAS,CAAC,EAAE,iCAAU,CAAC,IAAI;IACxC,CAAC,kCAAW,CAAC,MAAM,CAAC,EAAE,iCAAU,CAAC,MAAM;IACvC,CAAC,kCAAW,CAAC,MAAM,CAAC,EAAE,iCAAU,CAAC,OAAO;IACxC,CAAC,kCAAW,CAAC,MAAM,CAAC,EAAE,iCAAU,CAAC,OAAO;IACxC,CAAC,kCAAW,CAAC,MAAM,CAAC,EAAE,iCAAU,CAAC,OAAO;IACxC,CAAC,kCAAW,CAAC,WAAW,CAAC,EAAE,iCAAU,CAAC,IAAI;IAC1C,CAAC,kCAAW,CAAC,cAAc,CAAC,EAAE,iCAAU,CAAC,IAAI;IAC7C,CAAC,kCAAW,CAAC,aAAa,CAAC,EAAE,iCAAU,CAAC,MAAM;IAC9C,CAAC,kCAAW,CAAC,aAAa,CAAC,EAAE,iCAAU,CAAC,MAAM;IAC9C,CAAC,kCAAW,CAAC,eAAe,CAAC,EAAE,iCAAU,CAAC,IAAI;CAC/C,CAAC","sourcesContent":["import { FontWeight, TextVariant } from '@metamask-previews/design-system-shared';\n\n// Mappings\nexport const TWCLASSMAP_TEXT_FONTWEIGHT: {\n  [key in FontWeight]: string;\n} = {\n  [FontWeight.Regular]: '-regular',\n  [FontWeight.Medium]: '-medium',\n  [FontWeight.Bold]: '-bold',\n};\n\nexport const MAP_TEXT_VARIANT_FONTWEIGHT: {\n  [key in TextVariant]: FontWeight;\n} = {\n  [TextVariant.DisplayLg]: FontWeight.Bold,\n  [TextVariant.DisplayMd]: FontWeight.Bold,\n  [TextVariant.HeadingLg]: FontWeight.Bold,\n  [TextVariant.HeadingMd]: FontWeight.Bold,\n  [TextVariant.HeadingSm]: FontWeight.Bold,\n  [TextVariant.BodyLg]: FontWeight.Medium,\n  [TextVariant.BodyMd]: FontWeight.Regular,\n  [TextVariant.BodySm]: FontWeight.Regular,\n  [TextVariant.BodyXs]: FontWeight.Regular,\n  [TextVariant.PageHeading]: FontWeight.Bold,\n  [TextVariant.SectionHeading]: FontWeight.Bold,\n  [TextVariant.ButtonLabelMd]: FontWeight.Medium,\n  [TextVariant.ButtonLabelLg]: FontWeight.Medium,\n  [TextVariant.AmountDisplayLg]: FontWeight.Bold,\n};\n"]}
+{"version":3,"file":"Text.constants.cjs","sourceRoot":"","sources":["../../../src/components/Text/Text.constants.ts"],"names":[],"mappings":";;;AAAA,oEAA8D;AAE9D,iDAAsD;AAEtD,WAAW;AACE,QAAA,0BAA0B,GAEnC;IACF,CAAC,kBAAU,CAAC,OAAO,CAAC,EAAE,UAAU;IAChC,CAAC,kBAAU,CAAC,MAAM,CAAC,EAAE,SAAS;IAC9B,CAAC,kBAAU,CAAC,IAAI,CAAC,EAAE,OAAO;CAC3B,CAAC;AAEW,QAAA,2BAA2B,GAEpC;IACF,CAAC,mBAAW,CAAC,SAAS,CAAC,EAAE,0BAAU,CAAC,UAAU,CAAC,UAAwB;IACvE,CAAC,mBAAW,CAAC,SAAS,CAAC,EAAE,0BAAU,CAAC,UAAU,CAAC,UAAwB;IACvE,CAAC,mBAAW,CAAC,SAAS,CAAC,EAAE,0BAAU,CAAC,UAAU,CAAC,UAAwB;IACvE,CAAC,mBAAW,CAAC,SAAS,CAAC,EAAE,0BAAU,CAAC,UAAU,CAAC,UAAwB;IACvE,CAAC,mBAAW,CAAC,SAAS,CAAC,EAAE,0BAAU,CAAC,UAAU,CAAC,UAAwB;IACvE,CAAC,mBAAW,CAAC,MAAM,CAAC,EAAE,0BAAU,CAAC,aAAa,CAAC,UAAwB;IACvE,CAAC,mBAAW,CAAC,MAAM,CAAC,EAAE,0BAAU,CAAC,OAAO,CAAC,UAAwB;IACjE,CAAC,mBAAW,CAAC,MAAM,CAAC,EAAE,0BAAU,CAAC,OAAO,CAAC,UAAwB;IACjE,CAAC,mBAAW,CAAC,MAAM,CAAC,EAAE,0BAAU,CAAC,OAAO,CAAC,UAAwB;IACjE,CAAC,mBAAW,CAAC,WAAW,CAAC,EAAE,0BAAU,CAAC,YAAY,CAAC,UAAwB;IAC3E,CAAC,mBAAW,CAAC,cAAc,CAAC,EAAE,0BAAU,CAAC,eAAe;SACrD,UAAwB;IAC3B,CAAC,mBAAW,CAAC,aAAa,CAAC,EAAE,0BAAU,CAAC,cAAc;SACnD,UAAwB;IAC3B,CAAC,mBAAW,CAAC,aAAa,CAAC,EAAE,0BAAU,CAAC,cAAc;SACnD,UAAwB;IAC3B,CAAC,mBAAW,CAAC,eAAe,CAAC,EAAE,0BAAU,CAAC,gBAAgB;SACvD,UAAwB;CAC5B,CAAC","sourcesContent":["import { typography } from '@metamask-previews/design-tokens';\n\nimport { FontWeight, TextVariant } from '../../types';\n\n// Mappings\nexport const TWCLASSMAP_TEXT_FONTWEIGHT: {\n  [key in FontWeight]: string;\n} = {\n  [FontWeight.Regular]: '-regular',\n  [FontWeight.Medium]: '-medium',\n  [FontWeight.Bold]: '-bold',\n};\n\nexport const MAP_TEXT_VARIANT_FONTWEIGHT: {\n  [key in TextVariant]: FontWeight;\n} = {\n  [TextVariant.DisplayLg]: typography.sDisplayLG.fontWeight as FontWeight,\n  [TextVariant.DisplayMd]: typography.sDisplayMD.fontWeight as FontWeight,\n  [TextVariant.HeadingLg]: typography.sHeadingLG.fontWeight as FontWeight,\n  [TextVariant.HeadingMd]: typography.sHeadingMD.fontWeight as FontWeight,\n  [TextVariant.HeadingSm]: typography.sHeadingSM.fontWeight as FontWeight,\n  [TextVariant.BodyLg]: typography.sBodyLGMedium.fontWeight as FontWeight,\n  [TextVariant.BodyMd]: typography.sBodyMD.fontWeight as FontWeight,\n  [TextVariant.BodySm]: typography.sBodySM.fontWeight as FontWeight,\n  [TextVariant.BodyXs]: typography.sBodyXS.fontWeight as FontWeight,\n  [TextVariant.PageHeading]: typography.sPageHeading.fontWeight as FontWeight,\n  [TextVariant.SectionHeading]: typography.sSectionHeading\n    .fontWeight as FontWeight,\n  [TextVariant.ButtonLabelMd]: typography.sButtonLabelMd\n    .fontWeight as FontWeight,\n  [TextVariant.ButtonLabelLg]: typography.sButtonLabelLg\n    .fontWeight as FontWeight,\n  [TextVariant.AmountDisplayLg]: typography.sAmountDisplayLg\n    .fontWeight as FontWeight,\n};\n"]}

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

@@ -1,4 +1,4 @@
-import { FontWeight, TextVariant } from "@metamask-previews/design-system-shared";
+import { FontWeight, TextVariant } from "../../types/index.cjs";
 export declare const TWCLASSMAP_TEXT_FONTWEIGHT: {
     [key in FontWeight]: string;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Text.constants.d.cts","sourceRoot":"","sources":["../../../src/components/Text/Text.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,gDAAgD;AAGlF,eAAO,MAAM,0BAA0B,EAAE;KACtC,GAAG,IAAI,UAAU,GAAG,MAAM;CAK5B,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE;KACvC,GAAG,IAAI,WAAW,GAAG,UAAU;CAgBjC,CAAC"}
+{"version":3,"file":"Text.constants.d.cts","sourceRoot":"","sources":["../../../src/components/Text/Text.constants.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,8BAAoB;AAGtD,eAAO,MAAM,0BAA0B,EAAE;KACtC,GAAG,IAAI,UAAU,GAAG,MAAM;CAK5B,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE;KACvC,GAAG,IAAI,WAAW,GAAG,UAAU;CAoBjC,CAAC"}

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

@@ -1,4 +1,4 @@
-import { FontWeight, TextVariant } from "@metamask-previews/design-system-shared";
+import { FontWeight, TextVariant } from "../../types/index.mjs";
 export declare const TWCLASSMAP_TEXT_FONTWEIGHT: {
     [key in FontWeight]: string;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Text.constants.d.mts","sourceRoot":"","sources":["../../../src/components/Text/Text.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,gDAAgD;AAGlF,eAAO,MAAM,0BAA0B,EAAE;KACtC,GAAG,IAAI,UAAU,GAAG,MAAM;CAK5B,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE;KACvC,GAAG,IAAI,WAAW,GAAG,UAAU;CAgBjC,CAAC"}
+{"version":3,"file":"Text.constants.d.mts","sourceRoot":"","sources":["../../../src/components/Text/Text.constants.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,8BAAoB;AAGtD,eAAO,MAAM,0BAA0B,EAAE;KACtC,GAAG,IAAI,UAAU,GAAG,MAAM;CAK5B,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE;KACvC,GAAG,IAAI,WAAW,GAAG,UAAU;CAoBjC,CAAC"}

package/dist/components/Text/Text.constants.mjs

@@ -1,4 +1,5 @@
-import { FontWeight, TextVariant } from "@metamask-previews/design-system-shared";
+import { typography } from "@metamask-previews/design-tokens";
+import { FontWeight, TextVariant } from "../../types/index.mjs";
 // Mappings
 export const TWCLASSMAP_TEXT_FONTWEIGHT = {
     [FontWeight.Regular]: '-regular',
@@ -6,19 +7,23 @@ export const TWCLASSMAP_TEXT_FONTWEIGHT = {
     [FontWeight.Bold]: '-bold',
 };
 export const MAP_TEXT_VARIANT_FONTWEIGHT = {
-    [TextVariant.DisplayLg]: FontWeight.Bold,
-    [TextVariant.DisplayMd]: FontWeight.Bold,
-    [TextVariant.HeadingLg]: FontWeight.Bold,
-    [TextVariant.HeadingMd]: FontWeight.Bold,
-    [TextVariant.HeadingSm]: FontWeight.Bold,
-    [TextVariant.BodyLg]: FontWeight.Medium,
-    [TextVariant.BodyMd]: FontWeight.Regular,
-    [TextVariant.BodySm]: FontWeight.Regular,
-    [TextVariant.BodyXs]: FontWeight.Regular,
-    [TextVariant.PageHeading]: FontWeight.Bold,
-    [TextVariant.SectionHeading]: FontWeight.Bold,
-    [TextVariant.ButtonLabelMd]: FontWeight.Medium,
-    [TextVariant.ButtonLabelLg]: FontWeight.Medium,
-    [TextVariant.AmountDisplayLg]: FontWeight.Bold,
+    [TextVariant.DisplayLg]: typography.sDisplayLG.fontWeight,
+    [TextVariant.DisplayMd]: typography.sDisplayMD.fontWeight,
+    [TextVariant.HeadingLg]: typography.sHeadingLG.fontWeight,
+    [TextVariant.HeadingMd]: typography.sHeadingMD.fontWeight,
+    [TextVariant.HeadingSm]: typography.sHeadingSM.fontWeight,
+    [TextVariant.BodyLg]: typography.sBodyLGMedium.fontWeight,
+    [TextVariant.BodyMd]: typography.sBodyMD.fontWeight,
+    [TextVariant.BodySm]: typography.sBodySM.fontWeight,
+    [TextVariant.BodyXs]: typography.sBodyXS.fontWeight,
+    [TextVariant.PageHeading]: typography.sPageHeading.fontWeight,
+    [TextVariant.SectionHeading]: typography.sSectionHeading
+        .fontWeight,
+    [TextVariant.ButtonLabelMd]: typography.sButtonLabelMd
+        .fontWeight,
+    [TextVariant.ButtonLabelLg]: typography.sButtonLabelLg
+        .fontWeight,
+    [TextVariant.AmountDisplayLg]: typography.sAmountDisplayLg
+        .fontWeight,
 };
 //# sourceMappingURL=Text.constants.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Text.constants.mjs","sourceRoot":"","sources":["../../../src/components/Text/Text.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,gDAAgD;AAElF,WAAW;AACX,MAAM,CAAC,MAAM,0BAA0B,GAEnC;IACF,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,UAAU;IAChC,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,SAAS;IAC9B,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,OAAO;CAC3B,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAEpC;IACF,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,IAAI;IACxC,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,IAAI;IACxC,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,IAAI;IACxC,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,IAAI;IACxC,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,IAAI;IACxC,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,MAAM;IACvC,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,OAAO;IACxC,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,OAAO;IACxC,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,OAAO;IACxC,CAAC,WAAW,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,IAAI;IAC1C,CAAC,WAAW,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,IAAI;IAC7C,CAAC,WAAW,CAAC,aAAa,CAAC,EAAE,UAAU,CAAC,MAAM;IAC9C,CAAC,WAAW,CAAC,aAAa,CAAC,EAAE,UAAU,CAAC,MAAM;IAC9C,CAAC,WAAW,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC,IAAI;CAC/C,CAAC","sourcesContent":["import { FontWeight, TextVariant } from '@metamask-previews/design-system-shared';\n\n// Mappings\nexport const TWCLASSMAP_TEXT_FONTWEIGHT: {\n  [key in FontWeight]: string;\n} = {\n  [FontWeight.Regular]: '-regular',\n  [FontWeight.Medium]: '-medium',\n  [FontWeight.Bold]: '-bold',\n};\n\nexport const MAP_TEXT_VARIANT_FONTWEIGHT: {\n  [key in TextVariant]: FontWeight;\n} = {\n  [TextVariant.DisplayLg]: FontWeight.Bold,\n  [TextVariant.DisplayMd]: FontWeight.Bold,\n  [TextVariant.HeadingLg]: FontWeight.Bold,\n  [TextVariant.HeadingMd]: FontWeight.Bold,\n  [TextVariant.HeadingSm]: FontWeight.Bold,\n  [TextVariant.BodyLg]: FontWeight.Medium,\n  [TextVariant.BodyMd]: FontWeight.Regular,\n  [TextVariant.BodySm]: FontWeight.Regular,\n  [TextVariant.BodyXs]: FontWeight.Regular,\n  [TextVariant.PageHeading]: FontWeight.Bold,\n  [TextVariant.SectionHeading]: FontWeight.Bold,\n  [TextVariant.ButtonLabelMd]: FontWeight.Medium,\n  [TextVariant.ButtonLabelLg]: FontWeight.Medium,\n  [TextVariant.AmountDisplayLg]: FontWeight.Bold,\n};\n"]}
+{"version":3,"file":"Text.constants.mjs","sourceRoot":"","sources":["../../../src/components/Text/Text.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,yCAAyC;AAE9D,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,8BAAoB;AAEtD,WAAW;AACX,MAAM,CAAC,MAAM,0BAA0B,GAEnC;IACF,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,UAAU;IAChC,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,SAAS;IAC9B,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,OAAO;CAC3B,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAEpC;IACF,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,UAAwB;IACvE,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,UAAwB;IACvE,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,UAAwB;IACvE,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,UAAwB;IACvE,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,UAAwB;IACvE,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,aAAa,CAAC,UAAwB;IACvE,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,UAAwB;IACjE,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,UAAwB;IACjE,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,UAAwB;IACjE,CAAC,WAAW,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC,UAAwB;IAC3E,CAAC,WAAW,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,eAAe;SACrD,UAAwB;IAC3B,CAAC,WAAW,CAAC,aAAa,CAAC,EAAE,UAAU,CAAC,cAAc;SACnD,UAAwB;IAC3B,CAAC,WAAW,CAAC,aAAa,CAAC,EAAE,UAAU,CAAC,cAAc;SACnD,UAAwB;IAC3B,CAAC,WAAW,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC,gBAAgB;SACvD,UAAwB;CAC5B,CAAC","sourcesContent":["import { typography } from '@metamask-previews/design-tokens';\n\nimport { FontWeight, TextVariant } from '../../types';\n\n// Mappings\nexport const TWCLASSMAP_TEXT_FONTWEIGHT: {\n  [key in FontWeight]: string;\n} = {\n  [FontWeight.Regular]: '-regular',\n  [FontWeight.Medium]: '-medium',\n  [FontWeight.Bold]: '-bold',\n};\n\nexport const MAP_TEXT_VARIANT_FONTWEIGHT: {\n  [key in TextVariant]: FontWeight;\n} = {\n  [TextVariant.DisplayLg]: typography.sDisplayLG.fontWeight as FontWeight,\n  [TextVariant.DisplayMd]: typography.sDisplayMD.fontWeight as FontWeight,\n  [TextVariant.HeadingLg]: typography.sHeadingLG.fontWeight as FontWeight,\n  [TextVariant.HeadingMd]: typography.sHeadingMD.fontWeight as FontWeight,\n  [TextVariant.HeadingSm]: typography.sHeadingSM.fontWeight as FontWeight,\n  [TextVariant.BodyLg]: typography.sBodyLGMedium.fontWeight as FontWeight,\n  [TextVariant.BodyMd]: typography.sBodyMD.fontWeight as FontWeight,\n  [TextVariant.BodySm]: typography.sBodySM.fontWeight as FontWeight,\n  [TextVariant.BodyXs]: typography.sBodyXS.fontWeight as FontWeight,\n  [TextVariant.PageHeading]: typography.sPageHeading.fontWeight as FontWeight,\n  [TextVariant.SectionHeading]: typography.sSectionHeading\n    .fontWeight as FontWeight,\n  [TextVariant.ButtonLabelMd]: typography.sButtonLabelMd\n    .fontWeight as FontWeight,\n  [TextVariant.ButtonLabelLg]: typography.sButtonLabelLg\n    .fontWeight as FontWeight,\n  [TextVariant.AmountDisplayLg]: typography.sAmountDisplayLg\n    .fontWeight as FontWeight,\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"Text.d.cts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAkB,cAAc;AAOvC,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;AAE9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA4BpC,CAAC"}
+{"version":3,"file":"Text.d.cts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,cAAc;AASvC,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;AAE9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA4BpC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Text.d.mts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAkB,cAAc;AAOvC,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;AAE9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA4BpC,CAAC"}
+{"version":3,"file":"Text.d.mts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,cAAc;AASvC,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;AAE9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA4BpC,CAAC"}

package/dist/components/Text/Text.mjs

@@ -4,11 +4,11 @@ function $importDefault(module) {
     }
     return module;
 }
-import { FontFamily, FontStyle, TextColor, TextVariant } from "@metamask-previews/design-system-shared";
 import { useTailwind } from "@metamask-previews/design-system-twrnc-preset";
 import $React, { useMemo } from "react";
 const React = $importDefault($React);
 import { Text as RNText } from "react-native/index.js";
+import { FontFamily, FontStyle, TextVariant, TextColor } from "../../types/index.mjs";
 import { MAP_TEXT_VARIANT_FONTWEIGHT, TWCLASSMAP_TEXT_FONTWEIGHT } from "./Text.constants.mjs";
 export const Text = ({ variant = TextVariant.BodyMd, color = TextColor.TextDefault, style, children, fontWeight, fontFamily = FontFamily.Default, fontStyle = FontStyle.Normal, twClassName, ...props }) => {
     const tw = useTailwind();

package/dist/components/Text/Text.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Text.mjs","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EACL,UAAU,EACV,SAAS,EACT,SAAS,EACT,WAAW,EACZ,gDAAgD;AACjD,OAAO,EAAE,WAAW,EAAE,sDAAsD;AAC5E,OAAO,QAAO,EAAE,OAAO,EAAE,cAAc;;AACvC,OAAO,EAAE,IAAI,IAAI,MAAM,EAAE,8BAAqB;AAE9C,OAAO,EACL,2BAA2B,EAC3B,0BAA0B,EAC3B,6BAAyB;AAG1B,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EACxC,OAAO,GAAG,WAAW,CAAC,MAAM,EAC5B,KAAK,GAAG,SAAS,CAAC,WAAW,EAC7B,KAAK,EACL,QAAQ,EACR,UAAU,EACV,UAAU,GAAG,UAAU,CAAC,OAAO,EAC/B,SAAS,GAAG,SAAS,CAAC,MAAM,EAC5B,WAAW,EACX,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IACzB,MAAM,eAAe,GAAG,UAAU,IAAI,2BAA2B,CAAC,OAAO,CAAC,CAAC;IAE3E,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,MAAM,QAAQ,GAAG,SAAS,KAAK,SAAS,CAAC,MAAM,CAAC;QAChD,MAAM,UAAU,GAAG,GAAG,0BAA0B,CAAC,eAAe,CAAC,GAC/D,QAAQ,IAAI,UAAU,KAAK,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAC9D,EAAE,CAAC;QACH,MAAM,SAAS,GAAG,QAAQ,UAAU,GAAG,UAAU,EAAE,CAAC;QACpD,OAAO,EAAE,CAAC,KAAK,CAAC,QAAQ,OAAO,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC;IACpE,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,CAAC,CAAC,CAAC;IAE9E,OAAO,CACL,CAAC,MAAM,CAAC,iBAAiB,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACpE;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,MAAM,CAAC,CACV,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {\n  FontFamily,\n  FontStyle,\n  TextColor,\n  TextVariant,\n} from '@metamask-previews/design-system-shared';\nimport { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, { useMemo } from 'react';\nimport { Text as RNText } from 'react-native';\n\nimport {\n  MAP_TEXT_VARIANT_FONTWEIGHT,\n  TWCLASSMAP_TEXT_FONTWEIGHT,\n} from './Text.constants';\nimport type { TextProps } from './Text.types';\n\nexport const Text: React.FC<TextProps> = ({\n  variant = TextVariant.BodyMd,\n  color = TextColor.TextDefault,\n  style,\n  children,\n  fontWeight,\n  fontFamily = FontFamily.Default,\n  fontStyle = FontStyle.Normal,\n  twClassName,\n  ...props\n}) => {\n  const tw = useTailwind();\n  const finalFontWeight = fontWeight ?? MAP_TEXT_VARIANT_FONTWEIGHT[variant];\n\n  const textStyle = useMemo(() => {\n    const isItalic = fontStyle === FontStyle.Italic;\n    const fontSuffix = `${TWCLASSMAP_TEXT_FONTWEIGHT[finalFontWeight]}${\n      isItalic && fontFamily === FontFamily.Default ? '-italic' : ''\n    }`;\n    const fontClass = `font-${fontFamily}${fontSuffix}`;\n    return tw.style(`text-${variant}`, fontClass, color, twClassName);\n  }, [variant, color, finalFontWeight, fontFamily, fontStyle, twClassName, tw]);\n\n  return (\n    <RNText accessibilityRole=\"text\" {...props} style={[textStyle, style]}>\n      {children}\n    </RNText>\n  );\n};\n"]}
+{"version":3,"file":"Text.mjs","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,sDAAsD;AAC5E,OAAO,QAAO,EAAE,OAAO,EAAE,cAAc;;AACvC,OAAO,EAAE,IAAI,IAAI,MAAM,EAAE,8BAAqB;AAE9C,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,8BAAoB;AAE5E,OAAO,EACL,2BAA2B,EAC3B,0BAA0B,EAC3B,6BAAyB;AAG1B,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EACxC,OAAO,GAAG,WAAW,CAAC,MAAM,EAC5B,KAAK,GAAG,SAAS,CAAC,WAAW,EAC7B,KAAK,EACL,QAAQ,EACR,UAAU,EACV,UAAU,GAAG,UAAU,CAAC,OAAO,EAC/B,SAAS,GAAG,SAAS,CAAC,MAAM,EAC5B,WAAW,EACX,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IACzB,MAAM,eAAe,GAAG,UAAU,IAAI,2BAA2B,CAAC,OAAO,CAAC,CAAC;IAE3E,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,MAAM,QAAQ,GAAG,SAAS,KAAK,SAAS,CAAC,MAAM,CAAC;QAChD,MAAM,UAAU,GAAG,GAAG,0BAA0B,CAAC,eAAe,CAAC,GAC/D,QAAQ,IAAI,UAAU,KAAK,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAC9D,EAAE,CAAC;QACH,MAAM,SAAS,GAAG,QAAQ,UAAU,GAAG,UAAU,EAAE,CAAC;QACpD,OAAO,EAAE,CAAC,KAAK,CAAC,QAAQ,OAAO,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC;IACpE,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,CAAC,CAAC,CAAC;IAE9E,OAAO,CACL,CAAC,MAAM,CAAC,iBAAiB,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACpE;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,MAAM,CAAC,CACV,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, { useMemo } from 'react';\nimport { Text as RNText } from 'react-native';\n\nimport { FontFamily, FontStyle, TextVariant, TextColor } from '../../types';\n\nimport {\n  MAP_TEXT_VARIANT_FONTWEIGHT,\n  TWCLASSMAP_TEXT_FONTWEIGHT,\n} from './Text.constants';\nimport type { TextProps } from './Text.types';\n\nexport const Text: React.FC<TextProps> = ({\n  variant = TextVariant.BodyMd,\n  color = TextColor.TextDefault,\n  style,\n  children,\n  fontWeight,\n  fontFamily = FontFamily.Default,\n  fontStyle = FontStyle.Normal,\n  twClassName,\n  ...props\n}) => {\n  const tw = useTailwind();\n  const finalFontWeight = fontWeight ?? MAP_TEXT_VARIANT_FONTWEIGHT[variant];\n\n  const textStyle = useMemo(() => {\n    const isItalic = fontStyle === FontStyle.Italic;\n    const fontSuffix = `${TWCLASSMAP_TEXT_FONTWEIGHT[finalFontWeight]}${\n      isItalic && fontFamily === FontFamily.Default ? '-italic' : ''\n    }`;\n    const fontClass = `font-${fontFamily}${fontSuffix}`;\n    return tw.style(`text-${variant}`, fontClass, color, twClassName);\n  }, [variant, color, finalFontWeight, fontFamily, fontStyle, twClassName, tw]);\n\n  return (\n    <RNText accessibilityRole=\"text\" {...props} style={[textStyle, style]}>\n      {children}\n    </RNText>\n  );\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"Text.types.cjs","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { TextPropsShared } from '@metamask-previews/design-system-shared';\nimport type { TextProps as RNTextProps } from 'react-native';\n\n/**\n * Text component props.\n */\nexport type TextProps = TextPropsShared &\n  RNTextProps & {\n    /**\n     * Optional prop to add twrnc overriding classNames.\n     */\n    twClassName?: string;\n  };\n"]}
+{"version":3,"file":"Text.types.cjs","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":"","sourcesContent":["// Third party dependencies.\nimport type { TextProps as RNTextProps } from 'react-native';\n\nimport type {\n  TextVariant,\n  TextColor,\n  FontWeight,\n  FontFamily,\n  FontStyle,\n} from '../../types';\n\n/**\n * Text component props.\n */\nexport type TextProps = {\n  /**\n   * Optional enum to select between Typography variants.\n   *\n   * @default BodyMD\n   */\n  variant?: TextVariant;\n  /**\n   * Text to be displayed.\n   */\n  children: React.ReactNode;\n  /**\n   * Optional prop to add color to text.\n   */\n  color?: TextColor;\n  /**\n   * Optional prop to control the font weight of the text.\n   * Normal: 400\n   * Medium: 500\n   * Bold: 600\n   */\n  fontWeight?: FontWeight;\n  /**\n   * Optional prop to adjust the font family.\n   * Default: Geist\n   * Accent: MM Sans\n   * Hero: MM Poly\n   */\n  fontFamily?: FontFamily;\n  /**\n   * Optional prop to adjust the style of the font.\n   */\n  fontStyle?: FontStyle;\n  /**\n   * Optional prop to add twrnc overriding classNames.\n   */\n  twClassName?: string;\n} & RNTextProps;\n"]}

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

@@ -1,12 +1,44 @@
-import type { TextPropsShared } from "@metamask-previews/design-system-shared";
 import type { TextProps as RNTextProps } from "react-native/index.js";
+import type { TextVariant, TextColor, FontWeight, FontFamily, FontStyle } from "../../types/index.cjs";
 /**
  * Text component props.
  */
-export type TextProps = TextPropsShared & RNTextProps & {
+export type TextProps = {
+    /**
+     * Optional enum to select between Typography variants.
+     *
+     * @default BodyMD
+     */
+    variant?: TextVariant;
+    /**
+     * Text to be displayed.
+     */
+    children: React.ReactNode;
+    /**
+     * Optional prop to add color to text.
+     */
+    color?: TextColor;
+    /**
+     * Optional prop to control the font weight of the text.
+     * Normal: 400
+     * Medium: 500
+     * Bold: 600
+     */
+    fontWeight?: FontWeight;
+    /**
+     * Optional prop to adjust the font family.
+     * Default: Geist
+     * Accent: MM Sans
+     * Hero: MM Poly
+     */
+    fontFamily?: FontFamily;
+    /**
+     * Optional prop to adjust the style of the font.
+     */
+    fontStyle?: FontStyle;
     /**
      * Optional prop to add twrnc overriding classNames.
      */
     twClassName?: string;
-};
+} & RNTextProps;
 //# sourceMappingURL=Text.types.d.cts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Text.types.d.cts","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,gDAAgD;AAC/E,OAAO,KAAK,EAAE,SAAS,IAAI,WAAW,EAAE,8BAAqB;AAE7D;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,eAAe,GACrC,WAAW,GAAG;IACZ;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}
+{"version":3,"file":"Text.types.d.cts","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,IAAI,WAAW,EAAE,8BAAqB;AAE7D,OAAO,KAAK,EACV,WAAW,EACX,SAAS,EACT,UAAU,EACV,UAAU,EACV,SAAS,EACV,8BAAoB;AAErB;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,WAAW,CAAC"}