@metamask-previews/design-system-react-native 0.13.0-preview.b4e6ece → 0.14.0-preview.dff9dce

package/dist/components/Input/Input.constants.cjs

@@ -1,67 +1,67 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MAP_TEXT_VARIANT_INPUT_METRICS = 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");
 /**
  * Typographic metrics for Input: same tokens as `text-*` utilities but **without** `lineHeight`.
  * React Native `TextInput` aligns single-line text more predictably when line height is not set
  * from the design-system paragraph specs (matches legacy / temp Input.styles behavior).
  */
 exports.MAP_TEXT_VARIANT_INPUT_METRICS = {
-    [types_1.TextVariant.DisplayLg]: {
+    [design_system_shared_1.TextVariant.DisplayLg]: {
         fontSize: design_tokens_1.typography.sDisplayLG.fontSize,
         letterSpacing: design_tokens_1.typography.sDisplayLG.letterSpacing,
     },
-    [types_1.TextVariant.DisplayMd]: {
+    [design_system_shared_1.TextVariant.DisplayMd]: {
         fontSize: design_tokens_1.typography.sDisplayMD.fontSize,
         letterSpacing: design_tokens_1.typography.sDisplayMD.letterSpacing,
     },
-    [types_1.TextVariant.HeadingLg]: {
+    [design_system_shared_1.TextVariant.HeadingLg]: {
         fontSize: design_tokens_1.typography.sHeadingLG.fontSize,
         letterSpacing: design_tokens_1.typography.sHeadingLG.letterSpacing,
     },
-    [types_1.TextVariant.HeadingMd]: {
+    [design_system_shared_1.TextVariant.HeadingMd]: {
         fontSize: design_tokens_1.typography.sHeadingMD.fontSize,
         letterSpacing: design_tokens_1.typography.sHeadingMD.letterSpacing,
     },
-    [types_1.TextVariant.HeadingSm]: {
+    [design_system_shared_1.TextVariant.HeadingSm]: {
         fontSize: design_tokens_1.typography.sHeadingSM.fontSize,
         letterSpacing: design_tokens_1.typography.sHeadingSM.letterSpacing,
     },
-    [types_1.TextVariant.BodyLg]: {
+    [design_system_shared_1.TextVariant.BodyLg]: {
         fontSize: design_tokens_1.typography.sBodyLGMedium.fontSize,
         letterSpacing: design_tokens_1.typography.sBodyLGMedium.letterSpacing,
     },
-    [types_1.TextVariant.BodyMd]: {
+    [design_system_shared_1.TextVariant.BodyMd]: {
         fontSize: design_tokens_1.typography.sBodyMD.fontSize,
         letterSpacing: design_tokens_1.typography.sBodyMD.letterSpacing,
     },
-    [types_1.TextVariant.BodySm]: {
+    [design_system_shared_1.TextVariant.BodySm]: {
         fontSize: design_tokens_1.typography.sBodySM.fontSize,
         letterSpacing: design_tokens_1.typography.sBodySM.letterSpacing,
     },
-    [types_1.TextVariant.BodyXs]: {
+    [design_system_shared_1.TextVariant.BodyXs]: {
         fontSize: design_tokens_1.typography.sBodyXS.fontSize,
         letterSpacing: design_tokens_1.typography.sBodyXS.letterSpacing,
     },
-    [types_1.TextVariant.PageHeading]: {
+    [design_system_shared_1.TextVariant.PageHeading]: {
         fontSize: design_tokens_1.typography.sPageHeading.fontSize,
         letterSpacing: design_tokens_1.typography.sPageHeading.letterSpacing,
     },
-    [types_1.TextVariant.SectionHeading]: {
+    [design_system_shared_1.TextVariant.SectionHeading]: {
         fontSize: design_tokens_1.typography.sSectionHeading.fontSize,
         letterSpacing: design_tokens_1.typography.sSectionHeading.letterSpacing,
     },
-    [types_1.TextVariant.ButtonLabelMd]: {
+    [design_system_shared_1.TextVariant.ButtonLabelMd]: {
         fontSize: design_tokens_1.typography.sButtonLabelMd.fontSize,
         letterSpacing: design_tokens_1.typography.sButtonLabelMd.letterSpacing,
     },
-    [types_1.TextVariant.ButtonLabelLg]: {
+    [design_system_shared_1.TextVariant.ButtonLabelLg]: {
         fontSize: design_tokens_1.typography.sButtonLabelLg.fontSize,
         letterSpacing: design_tokens_1.typography.sButtonLabelLg.letterSpacing,
     },
-    [types_1.TextVariant.AmountDisplayLg]: {
+    [design_system_shared_1.TextVariant.AmountDisplayLg]: {
         fontSize: design_tokens_1.typography.sAmountDisplayLg.fontSize,
         letterSpacing: design_tokens_1.typography.sAmountDisplayLg.letterSpacing,
     },

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

@@ -1 +1 @@
-{"version":3,"file":"Input.constants.cjs","sourceRoot":"","sources":["../../../src/components/Input/Input.constants.ts"],"names":[],"mappings":";;;AAAA,oEAA8D;AAE9D,iDAA0C;AAE1C;;;;GAIG;AACU,QAAA,8BAA8B,GAGvC;IACF,CAAC,mBAAW,CAAC,SAAS,CAAC,EAAE;QACvB,QAAQ,EAAE,0BAAU,CAAC,UAAU,CAAC,QAAQ;QACxC,aAAa,EAAE,0BAAU,CAAC,UAAU,CAAC,aAAa;KACnD;IACD,CAAC,mBAAW,CAAC,SAAS,CAAC,EAAE;QACvB,QAAQ,EAAE,0BAAU,CAAC,UAAU,CAAC,QAAQ;QACxC,aAAa,EAAE,0BAAU,CAAC,UAAU,CAAC,aAAa;KACnD;IACD,CAAC,mBAAW,CAAC,SAAS,CAAC,EAAE;QACvB,QAAQ,EAAE,0BAAU,CAAC,UAAU,CAAC,QAAQ;QACxC,aAAa,EAAE,0BAAU,CAAC,UAAU,CAAC,aAAa;KACnD;IACD,CAAC,mBAAW,CAAC,SAAS,CAAC,EAAE;QACvB,QAAQ,EAAE,0BAAU,CAAC,UAAU,CAAC,QAAQ;QACxC,aAAa,EAAE,0BAAU,CAAC,UAAU,CAAC,aAAa;KACnD;IACD,CAAC,mBAAW,CAAC,SAAS,CAAC,EAAE;QACvB,QAAQ,EAAE,0BAAU,CAAC,UAAU,CAAC,QAAQ;QACxC,aAAa,EAAE,0BAAU,CAAC,UAAU,CAAC,aAAa;KACnD;IACD,CAAC,mBAAW,CAAC,MAAM,CAAC,EAAE;QACpB,QAAQ,EAAE,0BAAU,CAAC,aAAa,CAAC,QAAQ;QAC3C,aAAa,EAAE,0BAAU,CAAC,aAAa,CAAC,aAAa;KACtD;IACD,CAAC,mBAAW,CAAC,MAAM,CAAC,EAAE;QACpB,QAAQ,EAAE,0BAAU,CAAC,OAAO,CAAC,QAAQ;QACrC,aAAa,EAAE,0BAAU,CAAC,OAAO,CAAC,aAAa;KAChD;IACD,CAAC,mBAAW,CAAC,MAAM,CAAC,EAAE;QACpB,QAAQ,EAAE,0BAAU,CAAC,OAAO,CAAC,QAAQ;QACrC,aAAa,EAAE,0BAAU,CAAC,OAAO,CAAC,aAAa;KAChD;IACD,CAAC,mBAAW,CAAC,MAAM,CAAC,EAAE;QACpB,QAAQ,EAAE,0BAAU,CAAC,OAAO,CAAC,QAAQ;QACrC,aAAa,EAAE,0BAAU,CAAC,OAAO,CAAC,aAAa;KAChD;IACD,CAAC,mBAAW,CAAC,WAAW,CAAC,EAAE;QACzB,QAAQ,EAAE,0BAAU,CAAC,YAAY,CAAC,QAAQ;QAC1C,aAAa,EAAE,0BAAU,CAAC,YAAY,CAAC,aAAa;KACrD;IACD,CAAC,mBAAW,CAAC,cAAc,CAAC,EAAE;QAC5B,QAAQ,EAAE,0BAAU,CAAC,eAAe,CAAC,QAAQ;QAC7C,aAAa,EAAE,0BAAU,CAAC,eAAe,CAAC,aAAa;KACxD;IACD,CAAC,mBAAW,CAAC,aAAa,CAAC,EAAE;QAC3B,QAAQ,EAAE,0BAAU,CAAC,cAAc,CAAC,QAAQ;QAC5C,aAAa,EAAE,0BAAU,CAAC,cAAc,CAAC,aAAa;KACvD;IACD,CAAC,mBAAW,CAAC,aAAa,CAAC,EAAE;QAC3B,QAAQ,EAAE,0BAAU,CAAC,cAAc,CAAC,QAAQ;QAC5C,aAAa,EAAE,0BAAU,CAAC,cAAc,CAAC,aAAa;KACvD;IACD,CAAC,mBAAW,CAAC,eAAe,CAAC,EAAE;QAC7B,QAAQ,EAAE,0BAAU,CAAC,gBAAgB,CAAC,QAAQ;QAC9C,aAAa,EAAE,0BAAU,CAAC,gBAAgB,CAAC,aAAa;KACzD;CACF,CAAC","sourcesContent":["import { typography } from '@metamask-previews/design-tokens';\n\nimport { TextVariant } from '../../types';\n\n/**\n * Typographic metrics for Input: same tokens as `text-*` utilities but **without** `lineHeight`.\n * React Native `TextInput` aligns single-line text more predictably when line height is not set\n * from the design-system paragraph specs (matches legacy / temp Input.styles behavior).\n */\nexport const MAP_TEXT_VARIANT_INPUT_METRICS: Record<\n  TextVariant,\n  { fontSize: number; letterSpacing: number }\n> = {\n  [TextVariant.DisplayLg]: {\n    fontSize: typography.sDisplayLG.fontSize,\n    letterSpacing: typography.sDisplayLG.letterSpacing,\n  },\n  [TextVariant.DisplayMd]: {\n    fontSize: typography.sDisplayMD.fontSize,\n    letterSpacing: typography.sDisplayMD.letterSpacing,\n  },\n  [TextVariant.HeadingLg]: {\n    fontSize: typography.sHeadingLG.fontSize,\n    letterSpacing: typography.sHeadingLG.letterSpacing,\n  },\n  [TextVariant.HeadingMd]: {\n    fontSize: typography.sHeadingMD.fontSize,\n    letterSpacing: typography.sHeadingMD.letterSpacing,\n  },\n  [TextVariant.HeadingSm]: {\n    fontSize: typography.sHeadingSM.fontSize,\n    letterSpacing: typography.sHeadingSM.letterSpacing,\n  },\n  [TextVariant.BodyLg]: {\n    fontSize: typography.sBodyLGMedium.fontSize,\n    letterSpacing: typography.sBodyLGMedium.letterSpacing,\n  },\n  [TextVariant.BodyMd]: {\n    fontSize: typography.sBodyMD.fontSize,\n    letterSpacing: typography.sBodyMD.letterSpacing,\n  },\n  [TextVariant.BodySm]: {\n    fontSize: typography.sBodySM.fontSize,\n    letterSpacing: typography.sBodySM.letterSpacing,\n  },\n  [TextVariant.BodyXs]: {\n    fontSize: typography.sBodyXS.fontSize,\n    letterSpacing: typography.sBodyXS.letterSpacing,\n  },\n  [TextVariant.PageHeading]: {\n    fontSize: typography.sPageHeading.fontSize,\n    letterSpacing: typography.sPageHeading.letterSpacing,\n  },\n  [TextVariant.SectionHeading]: {\n    fontSize: typography.sSectionHeading.fontSize,\n    letterSpacing: typography.sSectionHeading.letterSpacing,\n  },\n  [TextVariant.ButtonLabelMd]: {\n    fontSize: typography.sButtonLabelMd.fontSize,\n    letterSpacing: typography.sButtonLabelMd.letterSpacing,\n  },\n  [TextVariant.ButtonLabelLg]: {\n    fontSize: typography.sButtonLabelLg.fontSize,\n    letterSpacing: typography.sButtonLabelLg.letterSpacing,\n  },\n  [TextVariant.AmountDisplayLg]: {\n    fontSize: typography.sAmountDisplayLg.fontSize,\n    letterSpacing: typography.sAmountDisplayLg.letterSpacing,\n  },\n};\n"]}
+{"version":3,"file":"Input.constants.cjs","sourceRoot":"","sources":["../../../src/components/Input/Input.constants.ts"],"names":[],"mappings":";;;AAAA,kFAAsE;AACtE,oEAA8D;AAE9D;;;;GAIG;AACU,QAAA,8BAA8B,GAGvC;IACF,CAAC,kCAAW,CAAC,SAAS,CAAC,EAAE;QACvB,QAAQ,EAAE,0BAAU,CAAC,UAAU,CAAC,QAAQ;QACxC,aAAa,EAAE,0BAAU,CAAC,UAAU,CAAC,aAAa;KACnD;IACD,CAAC,kCAAW,CAAC,SAAS,CAAC,EAAE;QACvB,QAAQ,EAAE,0BAAU,CAAC,UAAU,CAAC,QAAQ;QACxC,aAAa,EAAE,0BAAU,CAAC,UAAU,CAAC,aAAa;KACnD;IACD,CAAC,kCAAW,CAAC,SAAS,CAAC,EAAE;QACvB,QAAQ,EAAE,0BAAU,CAAC,UAAU,CAAC,QAAQ;QACxC,aAAa,EAAE,0BAAU,CAAC,UAAU,CAAC,aAAa;KACnD;IACD,CAAC,kCAAW,CAAC,SAAS,CAAC,EAAE;QACvB,QAAQ,EAAE,0BAAU,CAAC,UAAU,CAAC,QAAQ;QACxC,aAAa,EAAE,0BAAU,CAAC,UAAU,CAAC,aAAa;KACnD;IACD,CAAC,kCAAW,CAAC,SAAS,CAAC,EAAE;QACvB,QAAQ,EAAE,0BAAU,CAAC,UAAU,CAAC,QAAQ;QACxC,aAAa,EAAE,0BAAU,CAAC,UAAU,CAAC,aAAa;KACnD;IACD,CAAC,kCAAW,CAAC,MAAM,CAAC,EAAE;QACpB,QAAQ,EAAE,0BAAU,CAAC,aAAa,CAAC,QAAQ;QAC3C,aAAa,EAAE,0BAAU,CAAC,aAAa,CAAC,aAAa;KACtD;IACD,CAAC,kCAAW,CAAC,MAAM,CAAC,EAAE;QACpB,QAAQ,EAAE,0BAAU,CAAC,OAAO,CAAC,QAAQ;QACrC,aAAa,EAAE,0BAAU,CAAC,OAAO,CAAC,aAAa;KAChD;IACD,CAAC,kCAAW,CAAC,MAAM,CAAC,EAAE;QACpB,QAAQ,EAAE,0BAAU,CAAC,OAAO,CAAC,QAAQ;QACrC,aAAa,EAAE,0BAAU,CAAC,OAAO,CAAC,aAAa;KAChD;IACD,CAAC,kCAAW,CAAC,MAAM,CAAC,EAAE;QACpB,QAAQ,EAAE,0BAAU,CAAC,OAAO,CAAC,QAAQ;QACrC,aAAa,EAAE,0BAAU,CAAC,OAAO,CAAC,aAAa;KAChD;IACD,CAAC,kCAAW,CAAC,WAAW,CAAC,EAAE;QACzB,QAAQ,EAAE,0BAAU,CAAC,YAAY,CAAC,QAAQ;QAC1C,aAAa,EAAE,0BAAU,CAAC,YAAY,CAAC,aAAa;KACrD;IACD,CAAC,kCAAW,CAAC,cAAc,CAAC,EAAE;QAC5B,QAAQ,EAAE,0BAAU,CAAC,eAAe,CAAC,QAAQ;QAC7C,aAAa,EAAE,0BAAU,CAAC,eAAe,CAAC,aAAa;KACxD;IACD,CAAC,kCAAW,CAAC,aAAa,CAAC,EAAE;QAC3B,QAAQ,EAAE,0BAAU,CAAC,cAAc,CAAC,QAAQ;QAC5C,aAAa,EAAE,0BAAU,CAAC,cAAc,CAAC,aAAa;KACvD;IACD,CAAC,kCAAW,CAAC,aAAa,CAAC,EAAE;QAC3B,QAAQ,EAAE,0BAAU,CAAC,cAAc,CAAC,QAAQ;QAC5C,aAAa,EAAE,0BAAU,CAAC,cAAc,CAAC,aAAa;KACvD;IACD,CAAC,kCAAW,CAAC,eAAe,CAAC,EAAE;QAC7B,QAAQ,EAAE,0BAAU,CAAC,gBAAgB,CAAC,QAAQ;QAC9C,aAAa,EAAE,0BAAU,CAAC,gBAAgB,CAAC,aAAa;KACzD;CACF,CAAC","sourcesContent":["import { TextVariant } from '@metamask-previews/design-system-shared';\nimport { typography } from '@metamask-previews/design-tokens';\n\n/**\n * Typographic metrics for Input: same tokens as `text-*` utilities but **without** `lineHeight`.\n * React Native `TextInput` aligns single-line text more predictably when line height is not set\n * from the design-system paragraph specs (matches legacy / temp Input.styles behavior).\n */\nexport const MAP_TEXT_VARIANT_INPUT_METRICS: Record<\n  TextVariant,\n  { fontSize: number; letterSpacing: number }\n> = {\n  [TextVariant.DisplayLg]: {\n    fontSize: typography.sDisplayLG.fontSize,\n    letterSpacing: typography.sDisplayLG.letterSpacing,\n  },\n  [TextVariant.DisplayMd]: {\n    fontSize: typography.sDisplayMD.fontSize,\n    letterSpacing: typography.sDisplayMD.letterSpacing,\n  },\n  [TextVariant.HeadingLg]: {\n    fontSize: typography.sHeadingLG.fontSize,\n    letterSpacing: typography.sHeadingLG.letterSpacing,\n  },\n  [TextVariant.HeadingMd]: {\n    fontSize: typography.sHeadingMD.fontSize,\n    letterSpacing: typography.sHeadingMD.letterSpacing,\n  },\n  [TextVariant.HeadingSm]: {\n    fontSize: typography.sHeadingSM.fontSize,\n    letterSpacing: typography.sHeadingSM.letterSpacing,\n  },\n  [TextVariant.BodyLg]: {\n    fontSize: typography.sBodyLGMedium.fontSize,\n    letterSpacing: typography.sBodyLGMedium.letterSpacing,\n  },\n  [TextVariant.BodyMd]: {\n    fontSize: typography.sBodyMD.fontSize,\n    letterSpacing: typography.sBodyMD.letterSpacing,\n  },\n  [TextVariant.BodySm]: {\n    fontSize: typography.sBodySM.fontSize,\n    letterSpacing: typography.sBodySM.letterSpacing,\n  },\n  [TextVariant.BodyXs]: {\n    fontSize: typography.sBodyXS.fontSize,\n    letterSpacing: typography.sBodyXS.letterSpacing,\n  },\n  [TextVariant.PageHeading]: {\n    fontSize: typography.sPageHeading.fontSize,\n    letterSpacing: typography.sPageHeading.letterSpacing,\n  },\n  [TextVariant.SectionHeading]: {\n    fontSize: typography.sSectionHeading.fontSize,\n    letterSpacing: typography.sSectionHeading.letterSpacing,\n  },\n  [TextVariant.ButtonLabelMd]: {\n    fontSize: typography.sButtonLabelMd.fontSize,\n    letterSpacing: typography.sButtonLabelMd.letterSpacing,\n  },\n  [TextVariant.ButtonLabelLg]: {\n    fontSize: typography.sButtonLabelLg.fontSize,\n    letterSpacing: typography.sButtonLabelLg.letterSpacing,\n  },\n  [TextVariant.AmountDisplayLg]: {\n    fontSize: typography.sAmountDisplayLg.fontSize,\n    letterSpacing: typography.sAmountDisplayLg.letterSpacing,\n  },\n};\n"]}

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

@@ -1,4 +1,4 @@
-import { TextVariant } from "../../types/index.cjs";
+import { TextVariant } from "@metamask-previews/design-system-shared";
 /**
  * Typographic metrics for Input: same tokens as `text-*` utilities but **without** `lineHeight`.
  * React Native `TextInput` aligns single-line text more predictably when line height is not set

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

@@ -1 +1 @@
-{"version":3,"file":"Input.constants.d.cts","sourceRoot":"","sources":["../../../src/components/Input/Input.constants.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,8BAAoB;AAE1C;;;;GAIG;AACH,eAAO,MAAM,8BAA8B,EAAE,MAAM,CACjD,WAAW,EACX;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,aAAa,EAAE,MAAM,CAAA;CAAE,CA0D5C,CAAC"}
+{"version":3,"file":"Input.constants.d.cts","sourceRoot":"","sources":["../../../src/components/Input/Input.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,gDAAgD;AAGtE;;;;GAIG;AACH,eAAO,MAAM,8BAA8B,EAAE,MAAM,CACjD,WAAW,EACX;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,aAAa,EAAE,MAAM,CAAA;CAAE,CA0D5C,CAAC"}

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

@@ -1,4 +1,4 @@
-import { TextVariant } from "../../types/index.mjs";
+import { TextVariant } from "@metamask-previews/design-system-shared";
 /**
  * Typographic metrics for Input: same tokens as `text-*` utilities but **without** `lineHeight`.
  * React Native `TextInput` aligns single-line text more predictably when line height is not set

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

@@ -1 +1 @@
-{"version":3,"file":"Input.constants.d.mts","sourceRoot":"","sources":["../../../src/components/Input/Input.constants.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,8BAAoB;AAE1C;;;;GAIG;AACH,eAAO,MAAM,8BAA8B,EAAE,MAAM,CACjD,WAAW,EACX;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,aAAa,EAAE,MAAM,CAAA;CAAE,CA0D5C,CAAC"}
+{"version":3,"file":"Input.constants.d.mts","sourceRoot":"","sources":["../../../src/components/Input/Input.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,gDAAgD;AAGtE;;;;GAIG;AACH,eAAO,MAAM,8BAA8B,EAAE,MAAM,CACjD,WAAW,EACX;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,aAAa,EAAE,MAAM,CAAA;CAAE,CA0D5C,CAAC"}

package/dist/components/Input/Input.constants.mjs

@@ -1,5 +1,5 @@
+import { TextVariant } from "@metamask-previews/design-system-shared";
 import { typography } from "@metamask-previews/design-tokens";
-import { TextVariant } from "../../types/index.mjs";
 /**
  * Typographic metrics for Input: same tokens as `text-*` utilities but **without** `lineHeight`.
  * React Native `TextInput` aligns single-line text more predictably when line height is not set

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

@@ -1 +1 @@
-{"version":3,"file":"Input.constants.mjs","sourceRoot":"","sources":["../../../src/components/Input/Input.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,yCAAyC;AAE9D,OAAO,EAAE,WAAW,EAAE,8BAAoB;AAE1C;;;;GAIG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAGvC;IACF,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE;QACvB,QAAQ,EAAE,UAAU,CAAC,UAAU,CAAC,QAAQ;QACxC,aAAa,EAAE,UAAU,CAAC,UAAU,CAAC,aAAa;KACnD;IACD,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE;QACvB,QAAQ,EAAE,UAAU,CAAC,UAAU,CAAC,QAAQ;QACxC,aAAa,EAAE,UAAU,CAAC,UAAU,CAAC,aAAa;KACnD;IACD,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE;QACvB,QAAQ,EAAE,UAAU,CAAC,UAAU,CAAC,QAAQ;QACxC,aAAa,EAAE,UAAU,CAAC,UAAU,CAAC,aAAa;KACnD;IACD,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE;QACvB,QAAQ,EAAE,UAAU,CAAC,UAAU,CAAC,QAAQ;QACxC,aAAa,EAAE,UAAU,CAAC,UAAU,CAAC,aAAa;KACnD;IACD,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE;QACvB,QAAQ,EAAE,UAAU,CAAC,UAAU,CAAC,QAAQ;QACxC,aAAa,EAAE,UAAU,CAAC,UAAU,CAAC,aAAa;KACnD;IACD,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE;QACpB,QAAQ,EAAE,UAAU,CAAC,aAAa,CAAC,QAAQ;QAC3C,aAAa,EAAE,UAAU,CAAC,aAAa,CAAC,aAAa;KACtD;IACD,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE;QACpB,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,QAAQ;QACrC,aAAa,EAAE,UAAU,CAAC,OAAO,CAAC,aAAa;KAChD;IACD,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE;QACpB,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,QAAQ;QACrC,aAAa,EAAE,UAAU,CAAC,OAAO,CAAC,aAAa;KAChD;IACD,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE;QACpB,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,QAAQ;QACrC,aAAa,EAAE,UAAU,CAAC,OAAO,CAAC,aAAa;KAChD;IACD,CAAC,WAAW,CAAC,WAAW,CAAC,EAAE;QACzB,QAAQ,EAAE,UAAU,CAAC,YAAY,CAAC,QAAQ;QAC1C,aAAa,EAAE,UAAU,CAAC,YAAY,CAAC,aAAa;KACrD;IACD,CAAC,WAAW,CAAC,cAAc,CAAC,EAAE;QAC5B,QAAQ,EAAE,UAAU,CAAC,eAAe,CAAC,QAAQ;QAC7C,aAAa,EAAE,UAAU,CAAC,eAAe,CAAC,aAAa;KACxD;IACD,CAAC,WAAW,CAAC,aAAa,CAAC,EAAE;QAC3B,QAAQ,EAAE,UAAU,CAAC,cAAc,CAAC,QAAQ;QAC5C,aAAa,EAAE,UAAU,CAAC,cAAc,CAAC,aAAa;KACvD;IACD,CAAC,WAAW,CAAC,aAAa,CAAC,EAAE;QAC3B,QAAQ,EAAE,UAAU,CAAC,cAAc,CAAC,QAAQ;QAC5C,aAAa,EAAE,UAAU,CAAC,cAAc,CAAC,aAAa;KACvD;IACD,CAAC,WAAW,CAAC,eAAe,CAAC,EAAE;QAC7B,QAAQ,EAAE,UAAU,CAAC,gBAAgB,CAAC,QAAQ;QAC9C,aAAa,EAAE,UAAU,CAAC,gBAAgB,CAAC,aAAa;KACzD;CACF,CAAC","sourcesContent":["import { typography } from '@metamask-previews/design-tokens';\n\nimport { TextVariant } from '../../types';\n\n/**\n * Typographic metrics for Input: same tokens as `text-*` utilities but **without** `lineHeight`.\n * React Native `TextInput` aligns single-line text more predictably when line height is not set\n * from the design-system paragraph specs (matches legacy / temp Input.styles behavior).\n */\nexport const MAP_TEXT_VARIANT_INPUT_METRICS: Record<\n  TextVariant,\n  { fontSize: number; letterSpacing: number }\n> = {\n  [TextVariant.DisplayLg]: {\n    fontSize: typography.sDisplayLG.fontSize,\n    letterSpacing: typography.sDisplayLG.letterSpacing,\n  },\n  [TextVariant.DisplayMd]: {\n    fontSize: typography.sDisplayMD.fontSize,\n    letterSpacing: typography.sDisplayMD.letterSpacing,\n  },\n  [TextVariant.HeadingLg]: {\n    fontSize: typography.sHeadingLG.fontSize,\n    letterSpacing: typography.sHeadingLG.letterSpacing,\n  },\n  [TextVariant.HeadingMd]: {\n    fontSize: typography.sHeadingMD.fontSize,\n    letterSpacing: typography.sHeadingMD.letterSpacing,\n  },\n  [TextVariant.HeadingSm]: {\n    fontSize: typography.sHeadingSM.fontSize,\n    letterSpacing: typography.sHeadingSM.letterSpacing,\n  },\n  [TextVariant.BodyLg]: {\n    fontSize: typography.sBodyLGMedium.fontSize,\n    letterSpacing: typography.sBodyLGMedium.letterSpacing,\n  },\n  [TextVariant.BodyMd]: {\n    fontSize: typography.sBodyMD.fontSize,\n    letterSpacing: typography.sBodyMD.letterSpacing,\n  },\n  [TextVariant.BodySm]: {\n    fontSize: typography.sBodySM.fontSize,\n    letterSpacing: typography.sBodySM.letterSpacing,\n  },\n  [TextVariant.BodyXs]: {\n    fontSize: typography.sBodyXS.fontSize,\n    letterSpacing: typography.sBodyXS.letterSpacing,\n  },\n  [TextVariant.PageHeading]: {\n    fontSize: typography.sPageHeading.fontSize,\n    letterSpacing: typography.sPageHeading.letterSpacing,\n  },\n  [TextVariant.SectionHeading]: {\n    fontSize: typography.sSectionHeading.fontSize,\n    letterSpacing: typography.sSectionHeading.letterSpacing,\n  },\n  [TextVariant.ButtonLabelMd]: {\n    fontSize: typography.sButtonLabelMd.fontSize,\n    letterSpacing: typography.sButtonLabelMd.letterSpacing,\n  },\n  [TextVariant.ButtonLabelLg]: {\n    fontSize: typography.sButtonLabelLg.fontSize,\n    letterSpacing: typography.sButtonLabelLg.letterSpacing,\n  },\n  [TextVariant.AmountDisplayLg]: {\n    fontSize: typography.sAmountDisplayLg.fontSize,\n    letterSpacing: typography.sAmountDisplayLg.letterSpacing,\n  },\n};\n"]}
+{"version":3,"file":"Input.constants.mjs","sourceRoot":"","sources":["../../../src/components/Input/Input.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,gDAAgD;AACtE,OAAO,EAAE,UAAU,EAAE,yCAAyC;AAE9D;;;;GAIG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAGvC;IACF,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE;QACvB,QAAQ,EAAE,UAAU,CAAC,UAAU,CAAC,QAAQ;QACxC,aAAa,EAAE,UAAU,CAAC,UAAU,CAAC,aAAa;KACnD;IACD,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE;QACvB,QAAQ,EAAE,UAAU,CAAC,UAAU,CAAC,QAAQ;QACxC,aAAa,EAAE,UAAU,CAAC,UAAU,CAAC,aAAa;KACnD;IACD,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE;QACvB,QAAQ,EAAE,UAAU,CAAC,UAAU,CAAC,QAAQ;QACxC,aAAa,EAAE,UAAU,CAAC,UAAU,CAAC,aAAa;KACnD;IACD,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE;QACvB,QAAQ,EAAE,UAAU,CAAC,UAAU,CAAC,QAAQ;QACxC,aAAa,EAAE,UAAU,CAAC,UAAU,CAAC,aAAa;KACnD;IACD,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE;QACvB,QAAQ,EAAE,UAAU,CAAC,UAAU,CAAC,QAAQ;QACxC,aAAa,EAAE,UAAU,CAAC,UAAU,CAAC,aAAa;KACnD;IACD,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE;QACpB,QAAQ,EAAE,UAAU,CAAC,aAAa,CAAC,QAAQ;QAC3C,aAAa,EAAE,UAAU,CAAC,aAAa,CAAC,aAAa;KACtD;IACD,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE;QACpB,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,QAAQ;QACrC,aAAa,EAAE,UAAU,CAAC,OAAO,CAAC,aAAa;KAChD;IACD,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE;QACpB,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,QAAQ;QACrC,aAAa,EAAE,UAAU,CAAC,OAAO,CAAC,aAAa;KAChD;IACD,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE;QACpB,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,QAAQ;QACrC,aAAa,EAAE,UAAU,CAAC,OAAO,CAAC,aAAa;KAChD;IACD,CAAC,WAAW,CAAC,WAAW,CAAC,EAAE;QACzB,QAAQ,EAAE,UAAU,CAAC,YAAY,CAAC,QAAQ;QAC1C,aAAa,EAAE,UAAU,CAAC,YAAY,CAAC,aAAa;KACrD;IACD,CAAC,WAAW,CAAC,cAAc,CAAC,EAAE;QAC5B,QAAQ,EAAE,UAAU,CAAC,eAAe,CAAC,QAAQ;QAC7C,aAAa,EAAE,UAAU,CAAC,eAAe,CAAC,aAAa;KACxD;IACD,CAAC,WAAW,CAAC,aAAa,CAAC,EAAE;QAC3B,QAAQ,EAAE,UAAU,CAAC,cAAc,CAAC,QAAQ;QAC5C,aAAa,EAAE,UAAU,CAAC,cAAc,CAAC,aAAa;KACvD;IACD,CAAC,WAAW,CAAC,aAAa,CAAC,EAAE;QAC3B,QAAQ,EAAE,UAAU,CAAC,cAAc,CAAC,QAAQ;QAC5C,aAAa,EAAE,UAAU,CAAC,cAAc,CAAC,aAAa;KACvD;IACD,CAAC,WAAW,CAAC,eAAe,CAAC,EAAE;QAC7B,QAAQ,EAAE,UAAU,CAAC,gBAAgB,CAAC,QAAQ;QAC9C,aAAa,EAAE,UAAU,CAAC,gBAAgB,CAAC,aAAa;KACzD;CACF,CAAC","sourcesContent":["import { TextVariant } from '@metamask-previews/design-system-shared';\nimport { typography } from '@metamask-previews/design-tokens';\n\n/**\n * Typographic metrics for Input: same tokens as `text-*` utilities but **without** `lineHeight`.\n * React Native `TextInput` aligns single-line text more predictably when line height is not set\n * from the design-system paragraph specs (matches legacy / temp Input.styles behavior).\n */\nexport const MAP_TEXT_VARIANT_INPUT_METRICS: Record<\n  TextVariant,\n  { fontSize: number; letterSpacing: number }\n> = {\n  [TextVariant.DisplayLg]: {\n    fontSize: typography.sDisplayLG.fontSize,\n    letterSpacing: typography.sDisplayLG.letterSpacing,\n  },\n  [TextVariant.DisplayMd]: {\n    fontSize: typography.sDisplayMD.fontSize,\n    letterSpacing: typography.sDisplayMD.letterSpacing,\n  },\n  [TextVariant.HeadingLg]: {\n    fontSize: typography.sHeadingLG.fontSize,\n    letterSpacing: typography.sHeadingLG.letterSpacing,\n  },\n  [TextVariant.HeadingMd]: {\n    fontSize: typography.sHeadingMD.fontSize,\n    letterSpacing: typography.sHeadingMD.letterSpacing,\n  },\n  [TextVariant.HeadingSm]: {\n    fontSize: typography.sHeadingSM.fontSize,\n    letterSpacing: typography.sHeadingSM.letterSpacing,\n  },\n  [TextVariant.BodyLg]: {\n    fontSize: typography.sBodyLGMedium.fontSize,\n    letterSpacing: typography.sBodyLGMedium.letterSpacing,\n  },\n  [TextVariant.BodyMd]: {\n    fontSize: typography.sBodyMD.fontSize,\n    letterSpacing: typography.sBodyMD.letterSpacing,\n  },\n  [TextVariant.BodySm]: {\n    fontSize: typography.sBodySM.fontSize,\n    letterSpacing: typography.sBodySM.letterSpacing,\n  },\n  [TextVariant.BodyXs]: {\n    fontSize: typography.sBodyXS.fontSize,\n    letterSpacing: typography.sBodyXS.letterSpacing,\n  },\n  [TextVariant.PageHeading]: {\n    fontSize: typography.sPageHeading.fontSize,\n    letterSpacing: typography.sPageHeading.letterSpacing,\n  },\n  [TextVariant.SectionHeading]: {\n    fontSize: typography.sSectionHeading.fontSize,\n    letterSpacing: typography.sSectionHeading.letterSpacing,\n  },\n  [TextVariant.ButtonLabelMd]: {\n    fontSize: typography.sButtonLabelMd.fontSize,\n    letterSpacing: typography.sButtonLabelMd.letterSpacing,\n  },\n  [TextVariant.ButtonLabelLg]: {\n    fontSize: typography.sButtonLabelLg.fontSize,\n    letterSpacing: typography.sButtonLabelLg.letterSpacing,\n  },\n  [TextVariant.AmountDisplayLg]: {\n    fontSize: typography.sAmountDisplayLg.fontSize,\n    letterSpacing: typography.sAmountDisplayLg.letterSpacing,\n  },\n};\n"]}

package/dist/components/Input/Input.d.cts

@@ -1,5 +1,5 @@
+import { TextVariant } from "@metamask-previews/design-system-shared";
 import { TextInput } from "react-native/index.js";
-import { TextVariant } from "../../types/index.cjs";
 export declare const Input: import("react").ForwardRefExoticComponent<Omit<import("react-native").TextInputProps, "editable" | "value" | "defaultValue"> & {
     value: string;
     textVariant?: TextVariant | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"Input.d.cts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAY,SAAS,EAAE,8BAAqB;AAEnD,OAAO,EAAc,WAAW,EAAE,8BAAoB;AAStD,eAAO,MAAM,KAAK;;;;;;;6CAqHjB,CAAC"}
+{"version":3,"file":"Input.d.cts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,WAAW,EAAE,gDAAgD;AAQlF,OAAO,EAAY,SAAS,EAAE,8BAAqB;AAUnD,eAAO,MAAM,KAAK;;;;;;;6CAqHjB,CAAC"}

package/dist/components/Input/Input.d.mts

@@ -1,5 +1,5 @@
+import { TextVariant } from "@metamask-previews/design-system-shared";
 import { TextInput } from "react-native/index.js";
-import { TextVariant } from "../../types/index.mjs";
 export declare const Input: import("react").ForwardRefExoticComponent<Omit<import("react-native").TextInputProps, "editable" | "value" | "defaultValue"> & {
     value: string;
     textVariant?: TextVariant | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"Input.d.mts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAY,SAAS,EAAE,8BAAqB;AAEnD,OAAO,EAAc,WAAW,EAAE,8BAAoB;AAStD,eAAO,MAAM,KAAK;;;;;;;6CAqHjB,CAAC"}
+{"version":3,"file":"Input.d.mts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,WAAW,EAAE,gDAAgD;AAQlF,OAAO,EAAY,SAAS,EAAE,8BAAqB;AAUnD,eAAO,MAAM,KAAK;;;;;;;6CAqHjB,CAAC"}

package/dist/components/Input/Input.mjs

@@ -1,8 +1,8 @@
+import { FontFamily, TextVariant } from "@metamask-previews/design-system-shared";
 import { Theme, useTailwind, useTheme } from "@metamask-previews/design-system-twrnc-preset";
 import { darkTheme, lightTheme } from "@metamask-previews/design-tokens";
 import { forwardRef, useCallback, useMemo, useState } from "react";
 import { Platform, TextInput } from "react-native/index.js";
-import { FontFamily, TextVariant } from "../../types/index.mjs";
 import { MAP_TEXT_VARIANT_FONTWEIGHT, TWCLASSMAP_TEXT_FONTWEIGHT } from "../Text/Text.constants.mjs";
 import { MAP_TEXT_VARIANT_INPUT_METRICS } from "./Input.constants.mjs";
 export const Input = forwardRef(({ style, textVariant = TextVariant.BodyMd, isStateStylesDisabled, isDisabled = false, isReadonly = false, value, placeholder, twClassName, onBlur, onFocus, autoFocus = false, ...props }, ref) => {

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

@@ -1 +1 @@
-{"version":3,"file":"Input.mjs","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,WAAW,EACX,QAAQ,EACT,sDAAsD;AACvD,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,yCAAyC;AACzE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,cAAc;AACnE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,8BAAqB;AAEnD,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,8BAAoB;AACtD,OAAO,EACL,2BAA2B,EAC3B,0BAA0B,EAC3B,mCAA+B;AAEhC,OAAO,EAAE,8BAA8B,EAAE,8BAA0B;AAGnE,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CACE,EACE,KAAK,EACL,WAAW,GAAG,WAAW,CAAC,MAAM,EAChC,qBAAqB,EACrB,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,WAAW,EACX,WAAW,EACX,MAAM,EACN,OAAO,EACP,SAAS,GAAG,KAAK,EACjB,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;IACtD,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IACzB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,MAAM,oBAAoB,GAAG,OAAO,CAClC,GAAG,EAAE,CACH,KAAK,KAAK,KAAK,CAAC,KAAK;QACnB,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW;QACpC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,EACvC,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,MAAM,eAAe,GAAG,2BAA2B,CAAC,WAAW,CAAC,CAAC;IACjE,MAAM,UAAU,GAAG,0BAA0B,CAAC,eAAe,CAAC,CAAC;IAC/D,MAAM,SAAS,GAAG,QAAQ,UAAU,CAAC,OAAO,GAAG,UAAU,EAAE,CAAC;IAC5D,MAAM,cAAc,GAClB,WAAW,KAAK,SAAS,IAAI,WAAW,KAAK,IAAI,IAAI,WAAW,KAAK,EAAE,CAAC;IAC1E,wEAAwE;IACxE,0EAA0E;IAC1E,wEAAwE;IACxE,MAAM,oBAAoB,GAAG,cAAc,IAAI,KAAK,KAAK,EAAE,CAAC;IAE5D,MAAM,UAAU,GAAG,OAAO,CACxB,GAAG,EAAE,CACH,EAAE,CAAC,KAAK,CACN,SAAS,EACT,cAAc,EACd,YAAY,EACZ,QAAQ,EACR,oBAAoB,EACpB,CAAC,qBAAqB,IAAI,UAAU,IAAI,YAAY,EACpD,CAAC,qBAAqB;QACpB,CAAC,UAAU;QACX,SAAS;QACT,wBAAwB,EAC1B,WAAW,CACZ,EACH;QACE,SAAS;QACT,qBAAqB;QACrB,UAAU;QACV,SAAS;QACT,WAAW;QACX,EAAE;KACH,CACF,CAAC;IAEF,MAAM,gBAAgB,GAAG,OAAO,CAC9B,GAAG,EAAE,CAAC,8BAA8B,CAAC,WAAW,CAAC,EACjD,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,oEAAoE;IACpE,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,CAAmD,EAAE,EAAE;QACtD,IAAI,CAAC,UAAU,EAAE;YACf,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;SACb;IACH,CAAC,EACD,CAAC,UAAU,EAAE,MAAM,CAAC,CACrB,CAAC;IAEF,oEAAoE;IACpE,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,CAAoD,EAAE,EAAE;QACvD,IAAI,CAAC,UAAU,EAAE;YACf,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;SACd;IACH,CAAC,EACD,CAAC,UAAU,EAAE,OAAO,CAAC,CACtB,CAAC;IACF,MAAM,aAAa,GAAG;QACpB,UAAU;QACV,gBAAgB;QAChB,iEAAiE;QACjE,2DAA2D;QAC3D,yEAAyE;QACzE,QAAQ,CAAC,EAAE,KAAK,KAAK;YACnB,oBAAoB,IAAI,EAAE,UAAU,EAAE,CAAU,EAAE;QACpD,KAAK;KACN,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAElB,OAAO,CACL,CAAC,SAAS,CACR,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,oBAAoB,CAAC,CAAC,oBAAoB,CAAC,CAC3C,IAAI,KAAK,CAAC,CACV,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,KAAK,CAAC,CAAC,aAAa,CAAC,CACrB,QAAQ,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,UAAU,CAAC,CACrC,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,MAAM,CAAC,CAAC,aAAa,CAAC,CACtB,OAAO,CAAC,CAAC,cAAc,CAAC,EACxB,CACH,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["import {\n  Theme,\n  useTailwind,\n  useTheme,\n} from '@metamask-previews/design-system-twrnc-preset';\nimport { darkTheme, lightTheme } from '@metamask-previews/design-tokens';\nimport { forwardRef, useCallback, useMemo, useState } from 'react';\nimport { Platform, TextInput } from 'react-native';\n\nimport { FontFamily, TextVariant } from '../../types';\nimport {\n  MAP_TEXT_VARIANT_FONTWEIGHT,\n  TWCLASSMAP_TEXT_FONTWEIGHT,\n} from '../Text/Text.constants';\n\nimport { MAP_TEXT_VARIANT_INPUT_METRICS } from './Input.constants';\nimport type { InputProps } from './Input.types';\n\nexport const Input = forwardRef<TextInput, InputProps>(\n  (\n    {\n      style,\n      textVariant = TextVariant.BodyMd,\n      isStateStylesDisabled,\n      isDisabled = false,\n      isReadonly = false,\n      value,\n      placeholder,\n      twClassName,\n      onBlur,\n      onFocus,\n      autoFocus = false,\n      ...props\n    },\n    ref,\n  ) => {\n    const [isFocused, setIsFocused] = useState(autoFocus);\n    const tw = useTailwind();\n    const theme = useTheme();\n\n    const placeholderTextColor = useMemo(\n      () =>\n        theme === Theme.Light\n          ? lightTheme.colors.text.alternative\n          : darkTheme.colors.text.alternative,\n      [theme],\n    );\n\n    const finalFontWeight = MAP_TEXT_VARIANT_FONTWEIGHT[textVariant];\n    const fontSuffix = TWCLASSMAP_TEXT_FONTWEIGHT[finalFontWeight];\n    const fontClass = `font-${FontFamily.Default}${fontSuffix}`;\n    const hasPlaceholder =\n      placeholder !== undefined && placeholder !== null && placeholder !== '';\n    // Only apply placeholder-mode styling when a placeholder is present and\n    // the controlled value is empty. This keeps the iOS lineHeight workaround\n    // scoped to the placeholder-visible state without affecting typed text.\n    const isPlaceholderVisible = hasPlaceholder && value === '';\n\n    const inputStyle = useMemo(\n      () =>\n        tw.style(\n          fontClass,\n          'text-default',\n          'bg-default',\n          'border',\n          'border-transparent',\n          !isStateStylesDisabled && isDisabled && 'opacity-50',\n          !isStateStylesDisabled &&\n            !isDisabled &&\n            isFocused &&\n            'border-primary-default',\n          twClassName,\n        ),\n      [\n        fontClass,\n        isStateStylesDisabled,\n        isDisabled,\n        isFocused,\n        twClassName,\n        tw,\n      ],\n    );\n\n    const variantTextStyle = useMemo(\n      () => MAP_TEXT_VARIANT_INPUT_METRICS[textVariant],\n      [textVariant],\n    );\n\n    /* istanbul ignore next: handler body covered by focus/blur tests */\n    const onBlurHandler = useCallback(\n      (e: Parameters<NonNullable<InputProps['onBlur']>>[0]) => {\n        if (!isDisabled) {\n          setIsFocused(false);\n          onBlur?.(e);\n        }\n      },\n      [isDisabled, onBlur],\n    );\n\n    /* istanbul ignore next: handler body covered by focus/blur tests */\n    const onFocusHandler = useCallback(\n      (e: Parameters<NonNullable<InputProps['onFocus']>>[0]) => {\n        if (!isDisabled) {\n          setIsFocused(true);\n          onFocus?.(e);\n        }\n      },\n      [isDisabled, onFocus],\n    );\n    const resolvedStyle = [\n      inputStyle,\n      variantTextStyle,\n      // iOS-only workaround: when a placeholder is visible, native iOS\n      // TextInput can render placeholder text vertically offset.\n      // Keep this iOS-only because lineHeight: 0 can collapse text on Android.\n      Platform.OS === 'ios' &&\n        isPlaceholderVisible && { lineHeight: 0 as const },\n      style,\n    ].filter(Boolean);\n\n    return (\n      <TextInput\n        ref={ref}\n        placeholderTextColor={placeholderTextColor}\n        {...props}\n        placeholder={placeholder}\n        value={value}\n        style={resolvedStyle}\n        editable={!isDisabled && !isReadonly}\n        autoFocus={autoFocus}\n        onBlur={onBlurHandler}\n        onFocus={onFocusHandler}\n      />\n    );\n  },\n);\n"]}
+{"version":3,"file":"Input.mjs","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FontFamily, TextVariant } from '@metamask-previews/design-system-shared';\nimport {\n  Theme,\n  useTailwind,\n  useTheme,\n} from '@metamask-previews/design-system-twrnc-preset';\nimport { darkTheme, lightTheme } from '@metamask-previews/design-tokens';\nimport { forwardRef, useCallback, useMemo, useState } from 'react';\nimport { Platform, TextInput } from 'react-native';\n\nimport {\n  MAP_TEXT_VARIANT_FONTWEIGHT,\n  TWCLASSMAP_TEXT_FONTWEIGHT,\n} from '../Text/Text.constants';\n\nimport { MAP_TEXT_VARIANT_INPUT_METRICS } from './Input.constants';\nimport type { InputProps } from './Input.types';\n\nexport const Input = forwardRef<TextInput, InputProps>(\n  (\n    {\n      style,\n      textVariant = TextVariant.BodyMd,\n      isStateStylesDisabled,\n      isDisabled = false,\n      isReadonly = false,\n      value,\n      placeholder,\n      twClassName,\n      onBlur,\n      onFocus,\n      autoFocus = false,\n      ...props\n    },\n    ref,\n  ) => {\n    const [isFocused, setIsFocused] = useState(autoFocus);\n    const tw = useTailwind();\n    const theme = useTheme();\n\n    const placeholderTextColor = useMemo(\n      () =>\n        theme === Theme.Light\n          ? lightTheme.colors.text.alternative\n          : darkTheme.colors.text.alternative,\n      [theme],\n    );\n\n    const finalFontWeight = MAP_TEXT_VARIANT_FONTWEIGHT[textVariant];\n    const fontSuffix = TWCLASSMAP_TEXT_FONTWEIGHT[finalFontWeight];\n    const fontClass = `font-${FontFamily.Default}${fontSuffix}`;\n    const hasPlaceholder =\n      placeholder !== undefined && placeholder !== null && placeholder !== '';\n    // Only apply placeholder-mode styling when a placeholder is present and\n    // the controlled value is empty. This keeps the iOS lineHeight workaround\n    // scoped to the placeholder-visible state without affecting typed text.\n    const isPlaceholderVisible = hasPlaceholder && value === '';\n\n    const inputStyle = useMemo(\n      () =>\n        tw.style(\n          fontClass,\n          'text-default',\n          'bg-default',\n          'border',\n          'border-transparent',\n          !isStateStylesDisabled && isDisabled && 'opacity-50',\n          !isStateStylesDisabled &&\n            !isDisabled &&\n            isFocused &&\n            'border-primary-default',\n          twClassName,\n        ),\n      [\n        fontClass,\n        isStateStylesDisabled,\n        isDisabled,\n        isFocused,\n        twClassName,\n        tw,\n      ],\n    );\n\n    const variantTextStyle = useMemo(\n      () => MAP_TEXT_VARIANT_INPUT_METRICS[textVariant],\n      [textVariant],\n    );\n\n    /* istanbul ignore next: handler body covered by focus/blur tests */\n    const onBlurHandler = useCallback(\n      (e: Parameters<NonNullable<InputProps['onBlur']>>[0]) => {\n        if (!isDisabled) {\n          setIsFocused(false);\n          onBlur?.(e);\n        }\n      },\n      [isDisabled, onBlur],\n    );\n\n    /* istanbul ignore next: handler body covered by focus/blur tests */\n    const onFocusHandler = useCallback(\n      (e: Parameters<NonNullable<InputProps['onFocus']>>[0]) => {\n        if (!isDisabled) {\n          setIsFocused(true);\n          onFocus?.(e);\n        }\n      },\n      [isDisabled, onFocus],\n    );\n    const resolvedStyle = [\n      inputStyle,\n      variantTextStyle,\n      // iOS-only workaround: when a placeholder is visible, native iOS\n      // TextInput can render placeholder text vertically offset.\n      // Keep this iOS-only because lineHeight: 0 can collapse text on Android.\n      Platform.OS === 'ios' &&\n        isPlaceholderVisible && { lineHeight: 0 as const },\n      style,\n    ].filter(Boolean);\n\n    return (\n      <TextInput\n        ref={ref}\n        placeholderTextColor={placeholderTextColor}\n        {...props}\n        placeholder={placeholder}\n        value={value}\n        style={resolvedStyle}\n        editable={!isDisabled && !isReadonly}\n        autoFocus={autoFocus}\n        onBlur={onBlurHandler}\n        onFocus={onFocusHandler}\n      />\n    );\n  },\n);\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"Input.types.cjs","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"]}
+{"version":3,"file":"Input.types.cjs","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"]}

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

@@ -1,5 +1,5 @@
+import type { TextVariant } from "@metamask-previews/design-system-shared";
 import type { TextInputProps } from "react-native/index.js";
-import type { TextVariant } from "../../types/index.cjs";
 export type InputProps = Omit<TextInputProps, 'editable' | 'value' | 'defaultValue'> & {
     /**
      * Controlled value for Input.

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

@@ -1 +1 @@
-{"version":3,"file":"Input.types.d.cts","sourceRoot":"","sources":["../../../src/components/Input/Input.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,8BAAqB;AAEnD,OAAO,KAAK,EAAE,WAAW,EAAE,8BAAoB;AAE/C,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,cAAc,EACd,UAAU,GAAG,OAAO,GAAG,cAAc,CACtC,GAAG;IACF;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}
+{"version":3,"file":"Input.types.d.cts","sourceRoot":"","sources":["../../../src/components/Input/Input.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,gDAAgD;AAC3E,OAAO,KAAK,EAAE,cAAc,EAAE,8BAAqB;AAEnD,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,cAAc,EACd,UAAU,GAAG,OAAO,GAAG,cAAc,CACtC,GAAG;IACF;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}

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

@@ -1,5 +1,5 @@
+import type { TextVariant } from "@metamask-previews/design-system-shared";
 import type { TextInputProps } from "react-native/index.js";
-import type { TextVariant } from "../../types/index.mjs";
 export type InputProps = Omit<TextInputProps, 'editable' | 'value' | 'defaultValue'> & {
     /**
      * Controlled value for Input.

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

@@ -1 +1 @@
-{"version":3,"file":"Input.types.d.mts","sourceRoot":"","sources":["../../../src/components/Input/Input.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,8BAAqB;AAEnD,OAAO,KAAK,EAAE,WAAW,EAAE,8BAAoB;AAE/C,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,cAAc,EACd,UAAU,GAAG,OAAO,GAAG,cAAc,CACtC,GAAG;IACF;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}
+{"version":3,"file":"Input.types.d.mts","sourceRoot":"","sources":["../../../src/components/Input/Input.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,gDAAgD;AAC3E,OAAO,KAAK,EAAE,cAAc,EAAE,8BAAqB;AAEnD,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,cAAc,EACd,UAAU,GAAG,OAAO,GAAG,cAAc,CACtC,GAAG;IACF;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}

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 { 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"]}
+{"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"]}

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 = 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 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 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 === types_1.FontStyle.Italic;
-        const fontSuffix = `${Text_constants_1.TWCLASSMAP_TEXT_FONTWEIGHT[finalFontWeight]}${isItalic && fontFamily === types_1.FontFamily.Default ? '-italic' : ''}`;
+        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 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,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"]}
+{"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"]}

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

@@ -1,32 +1,27 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MAP_TEXT_VARIANT_FONTWEIGHT = exports.TWCLASSMAP_TEXT_FONTWEIGHT = void 0;
-const design_tokens_1 = require("@metamask-previews/design-tokens");
-const types_1 = require("../../types/index.cjs");
+const design_system_shared_1 = require("@metamask-previews/design-system-shared");
 // Mappings
 exports.TWCLASSMAP_TEXT_FONTWEIGHT = {
-    [types_1.FontWeight.Regular]: '-regular',
-    [types_1.FontWeight.Medium]: '-medium',
-    [types_1.FontWeight.Bold]: '-bold',
+    [design_system_shared_1.FontWeight.Regular]: '-regular',
+    [design_system_shared_1.FontWeight.Medium]: '-medium',
+    [design_system_shared_1.FontWeight.Bold]: '-bold',
 };
 exports.MAP_TEXT_VARIANT_FONTWEIGHT = {
-    [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,
+    [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,
 };
 //# 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,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"]}
+{"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"]}

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

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

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

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

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

@@ -1,5 +1,4 @@
-import { typography } from "@metamask-previews/design-tokens";
-import { FontWeight, TextVariant } from "../../types/index.mjs";
+import { FontWeight, TextVariant } from "@metamask-previews/design-system-shared";
 // Mappings
 export const TWCLASSMAP_TEXT_FONTWEIGHT = {
     [FontWeight.Regular]: '-regular',
@@ -7,23 +6,19 @@ export const TWCLASSMAP_TEXT_FONTWEIGHT = {
     [FontWeight.Bold]: '-bold',
 };
 export const MAP_TEXT_VARIANT_FONTWEIGHT = {
-    [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,
+    [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,
 };
 //# 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,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"]}
+{"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"]}

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":"AACA,OAAO,KAAkB,cAAc;AASvC,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":"AAOA,OAAO,KAAkB,cAAc;AAOvC,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":"AACA,OAAO,KAAkB,cAAc;AASvC,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":"AAOA,OAAO,KAAkB,cAAc;AAOvC,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,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"]}
+{"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"]}

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":["// 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"]}
+{"version":3,"file":"Text.types.cjs","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n  FontFamily,\n  FontStyle,\n  FontWeight,\n  TextPropsShared,\n} 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 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  };\n"]}

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

@@ -1,23 +1,9 @@
+import type { FontFamily, FontStyle, FontWeight, 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 = {
-    /**
-     * 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;
+export type TextProps = TextPropsShared & RNTextProps & {
     /**
      * Optional prop to control the font weight of the text.
      * Normal: 400
@@ -40,5 +26,5 @@ export type TextProps = {
      * Optional prop to add twrnc overriding classNames.
      */
     twClassName?: string;
-} & RNTextProps;
+};
 //# sourceMappingURL=Text.types.d.cts.map