@metamask-previews/design-system-react 0.16.0-preview.d854123 → 0.17.0-preview.9d477a9

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

@@ -1,43 +1,17 @@
+import type { CheckboxPropsShared } from "@metamask-previews/design-system-shared";
 import type { ComponentProps } from "react";
 import type { IconProps } from "../Icon/index.mjs";
 import type { TextProps } from "../Text/index.mjs";
-export type CheckboxProps = Omit<ComponentProps<'label'>, 'style' | 'className' | 'children' | 'htmlFor'> & {
+export type CheckboxProps = Omit<ComponentProps<'label'>, 'style' | 'className' | 'children' | 'htmlFor'> & CheckboxPropsShared & {
     /**
      * Required unique identifier for the checkbox input element.
      * This is used for the input's ID and the label's htmlFor attributes.
      */
     id: string;
-    /**
-     * Required prop to determine whether the checkbox is currently selected.
-     * This component is fully controlled, so you must manage this state
-     * in your parent component.
-     */
-    isSelected: boolean;
-    /**
-     * Optional prop that when true, disables the checkbox.
-     *
-     * @default false
-     */
-    isDisabled?: boolean;
-    /**
-     * Optional prop that when true, displays the invalid/error state of the checkbox.
-     *
-     * @default false
-     */
-    isInvalid?: boolean;
-    /**
-     * Optional label prop that renders text or a React node as a label beside the checkbox.
-     */
-    label?: React.ReactNode | string;
     /**
      * Optional props to be passed to the label's Text component
      */
     labelProps?: Omit<Partial<TextProps>, 'children'>;
-    /**
-     * Required callback for when the checked state changes.
-     * Use this to update your state.
-     */
-    onChange: (isSelected: boolean) => void;
     /**
      * Optional props passed to the input element.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.types.d.mts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAE5C,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AAEzC,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,cAAc,CAAC,OAAO,CAAC,EACvB,OAAO,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,CAC/C,GAAG;IACF;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;;;OAIG;IACH,UAAU,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IAEjC;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IAElD;;;OAGG;IACH,QAAQ,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAExC;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CACf,cAAc,CAAC,OAAO,CAAC,EACvB,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAC7C,GAAG;QACF,CAAC,GAAG,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,CAAC;KACjC,CAAC;IAEF;;OAEG;IACH,sBAAsB,CAAC,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;QAClE,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC,GACA,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAE1B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IACtC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC"}
+{"version":3,"file":"Checkbox.types.d.mts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,gDAAgD;AACnF,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAE5C,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AAEzC,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,cAAc,CAAC,OAAO,CAAC,EACvB,OAAO,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,CAC/C,GACC,mBAAmB,GAAG;IACpB;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IAElD;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CACf,cAAc,CAAC,OAAO,CAAC,EACvB,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAC7C,GAAG;QACF,CAAC,GAAG,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,CAAC;KACjC,CAAC;IAEF;;OAEG;IACH,sBAAsB,CAAC,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;QAClE,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC,GACA,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAE1B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IACtC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.types.mjs","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps } from 'react';\n\nimport type { IconProps } from '../Icon';\nimport type { TextProps } from '../Text';\n\nexport type CheckboxProps = Omit<\n  ComponentProps<'label'>,\n  'style' | 'className' | 'children' | 'htmlFor'\n> & {\n  /**\n   * Required unique identifier for the checkbox input element.\n   * This is used for the input's ID and the label's htmlFor attributes.\n   */\n  id: string;\n\n  /**\n   * Required prop to determine whether the checkbox is currently selected.\n   * This component is fully controlled, so you must manage this state\n   * in your parent component.\n   */\n  isSelected: boolean;\n\n  /**\n   * Optional prop that when true, disables the checkbox.\n   *\n   * @default false\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Optional prop that when true, displays the invalid/error state of the checkbox.\n   *\n   * @default false\n   */\n  isInvalid?: boolean;\n\n  /**\n   * Optional label prop that renders text or a React node as a label beside the checkbox.\n   */\n  label?: React.ReactNode | string;\n\n  /**\n   * Optional props to be passed to the label's Text component\n   */\n  labelProps?: Omit<Partial<TextProps>, 'children'>;\n\n  /**\n   * Required callback for when the checked state changes.\n   * Use this to update your state.\n   */\n  onChange: (isSelected: boolean) => void;\n\n  /**\n   * Optional props passed to the input element.\n   */\n  inputProps?: Omit<\n    ComponentProps<'input'>,\n    'type' | 'checked' | 'onChange' | 'disabled'\n  > & {\n    [key: `data-${string}`]: string;\n  };\n\n  /**\n   * Optional props passed to the container div wrapping the checkbox icon.\n   */\n  checkboxContainerProps?: (Omit<ComponentProps<'div'>, 'children'> & {\n    className?: string;\n  }) &\n    Record<string, unknown>;\n\n  /**\n   * Optional props to be passed to the check Icon component\n   */\n  checkedIconProps?: Partial<IconProps>;\n  /**\n   * Optional prop for additional CSS classes to be applied to the Checkbox component.\n   * These classes will be merged with the component's default classes using twMerge.\n   */\n  className?: string;\n  /**\n   * Optional CSS styles for the outer container.\n   */\n  style?: React.CSSProperties;\n};\n"]}
+{"version":3,"file":"Checkbox.types.mjs","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { CheckboxPropsShared } from '@metamask-previews/design-system-shared';\nimport type { ComponentProps } from 'react';\n\nimport type { IconProps } from '../Icon';\nimport type { TextProps } from '../Text';\n\nexport type CheckboxProps = Omit<\n  ComponentProps<'label'>,\n  'style' | 'className' | 'children' | 'htmlFor'\n> &\n  CheckboxPropsShared & {\n    /**\n     * Required unique identifier for the checkbox input element.\n     * This is used for the input's ID and the label's htmlFor attributes.\n     */\n    id: string;\n\n    /**\n     * Optional props to be passed to the label's Text component\n     */\n    labelProps?: Omit<Partial<TextProps>, 'children'>;\n\n    /**\n     * Optional props passed to the input element.\n     */\n    inputProps?: Omit<\n      ComponentProps<'input'>,\n      'type' | 'checked' | 'onChange' | 'disabled'\n    > & {\n      [key: `data-${string}`]: string;\n    };\n\n    /**\n     * Optional props passed to the container div wrapping the checkbox icon.\n     */\n    checkboxContainerProps?: (Omit<ComponentProps<'div'>, 'children'> & {\n      className?: string;\n    }) &\n      Record<string, unknown>;\n\n    /**\n     * Optional props to be passed to the check Icon component\n     */\n    checkedIconProps?: Partial<IconProps>;\n    /**\n     * Optional prop for additional CSS classes to be applied to the Checkbox component.\n     * These classes will be merged with the component's default classes using twMerge.\n     */\n    className?: string;\n    /**\n     * Optional CSS styles for the outer container.\n     */\n    style?: React.CSSProperties;\n  };\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.types.cjs","sourceRoot":"","sources":["../../../src/components/Icon/Icon.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { IconPropsShared, IconSize } from '@metamask-previews/design-system-shared';\nimport type { SVGProps, ComponentPropsWithoutRef } from 'react';\n\nimport type { IconName, IconColor } from '../../types';\n\n// Use ComponentPropsWithoutRef to get SVG element props without relying on global SVGElement\ntype SVGElementProps = ComponentPropsWithoutRef<'svg'>;\n\nexport type IconProps = SVGProps<SVGElementProps> &\n  IconPropsShared & {\n    /**\n     * Required prop to specify which icon to render from the icon set\n     */\n    name: IconName;\n    /**\n     * Optional prop to control the size of the icon\n     * Different sizes map to specific pixel dimensions\n     *\n     * @default IconSize.Md\n     */\n    size?: IconSize;\n    /**\n     * Optional prop that sets the color of the icon using predefined theme colors\n     *\n     * @default IconColor.IconDefault\n     */\n    color?: IconColor;\n    /**\n     * Additional CSS classes to be added to the component.\n     * These classes will be merged with the component's default classes using twMerge.\n     */\n    className?: string;\n    /**\n     * Optional CSS styles to be applied to the component.\n     * Should be used sparingly and only for dynamic styles that can't be achieved with className.\n     */\n    style?: React.CSSProperties;\n    /**\n     * Optional prop to add a test id to the icon\n     */\n    'data-testid'?: string;\n  };\n"]}
+{"version":3,"file":"Icon.types.cjs","sourceRoot":"","sources":["../../../src/components/Icon/Icon.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { IconPropsShared } from '@metamask-previews/design-system-shared';\nimport type { SVGProps, ComponentPropsWithoutRef } from 'react';\n\n// Use ComponentPropsWithoutRef to get SVG element props without relying on global SVGElement\ntype SVGElementProps = ComponentPropsWithoutRef<'svg'>;\n\nexport type IconProps = SVGProps<SVGElementProps> &\n  IconPropsShared & {\n    /**\n     * Additional CSS classes to be added to the component.\n     * These classes will be merged with the component's default classes using twMerge.\n     */\n    className?: string;\n    /**\n     * Optional CSS styles to be applied to the component.\n     * Should be used sparingly and only for dynamic styles that can't be achieved with className.\n     */\n    style?: React.CSSProperties;\n    /**\n     * Optional prop to add a test id to the icon\n     */\n    'data-testid'?: string;\n  };\n"]}

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

@@ -1,25 +1,7 @@
-import type { IconPropsShared, IconSize } from "@metamask-previews/design-system-shared";
+import type { IconPropsShared } from "@metamask-previews/design-system-shared";
 import type { SVGProps, ComponentPropsWithoutRef } from "react";
-import type { IconName, IconColor } from "../../types/index.cjs";
 type SVGElementProps = ComponentPropsWithoutRef<'svg'>;
 export type IconProps = SVGProps<SVGElementProps> & IconPropsShared & {
-    /**
-     * Required prop to specify which icon to render from the icon set
-     */
-    name: IconName;
-    /**
-     * Optional prop to control the size of the icon
-     * Different sizes map to specific pixel dimensions
-     *
-     * @default IconSize.Md
-     */
-    size?: IconSize;
-    /**
-     * Optional prop that sets the color of the icon using predefined theme colors
-     *
-     * @default IconColor.IconDefault
-     */
-    color?: IconColor;
     /**
      * Additional CSS classes to be added to the component.
      * These classes will be merged with the component's default classes using twMerge.

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.types.d.cts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,gDAAgD;AACzF,OAAO,KAAK,EAAE,QAAQ,EAAE,wBAAwB,EAAE,cAAc;AAEhE,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,8BAAoB;AAGvD,KAAK,eAAe,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAEvD,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC,eAAe,CAAC,GAC/C,eAAe,GAAG;IAChB;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAC;IACf;;;;;OAKG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC"}
+{"version":3,"file":"Icon.types.d.cts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,gDAAgD;AAC/E,OAAO,KAAK,EAAE,QAAQ,EAAE,wBAAwB,EAAE,cAAc;AAGhE,KAAK,eAAe,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAEvD,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC,eAAe,CAAC,GAC/C,eAAe,GAAG;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC"}

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

@@ -1,25 +1,7 @@
-import type { IconPropsShared, IconSize } from "@metamask-previews/design-system-shared";
+import type { IconPropsShared } from "@metamask-previews/design-system-shared";
 import type { SVGProps, ComponentPropsWithoutRef } from "react";
-import type { IconName, IconColor } from "../../types/index.mjs";
 type SVGElementProps = ComponentPropsWithoutRef<'svg'>;
 export type IconProps = SVGProps<SVGElementProps> & IconPropsShared & {
-    /**
-     * Required prop to specify which icon to render from the icon set
-     */
-    name: IconName;
-    /**
-     * Optional prop to control the size of the icon
-     * Different sizes map to specific pixel dimensions
-     *
-     * @default IconSize.Md
-     */
-    size?: IconSize;
-    /**
-     * Optional prop that sets the color of the icon using predefined theme colors
-     *
-     * @default IconColor.IconDefault
-     */
-    color?: IconColor;
     /**
      * Additional CSS classes to be added to the component.
      * These classes will be merged with the component's default classes using twMerge.

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.types.d.mts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,gDAAgD;AACzF,OAAO,KAAK,EAAE,QAAQ,EAAE,wBAAwB,EAAE,cAAc;AAEhE,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,8BAAoB;AAGvD,KAAK,eAAe,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAEvD,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC,eAAe,CAAC,GAC/C,eAAe,GAAG;IAChB;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAC;IACf;;;;;OAKG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC"}
+{"version":3,"file":"Icon.types.d.mts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,gDAAgD;AAC/E,OAAO,KAAK,EAAE,QAAQ,EAAE,wBAAwB,EAAE,cAAc;AAGhE,KAAK,eAAe,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAEvD,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC,eAAe,CAAC,GAC/C,eAAe,GAAG;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.types.mjs","sourceRoot":"","sources":["../../../src/components/Icon/Icon.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { IconPropsShared, IconSize } from '@metamask-previews/design-system-shared';\nimport type { SVGProps, ComponentPropsWithoutRef } from 'react';\n\nimport type { IconName, IconColor } from '../../types';\n\n// Use ComponentPropsWithoutRef to get SVG element props without relying on global SVGElement\ntype SVGElementProps = ComponentPropsWithoutRef<'svg'>;\n\nexport type IconProps = SVGProps<SVGElementProps> &\n  IconPropsShared & {\n    /**\n     * Required prop to specify which icon to render from the icon set\n     */\n    name: IconName;\n    /**\n     * Optional prop to control the size of the icon\n     * Different sizes map to specific pixel dimensions\n     *\n     * @default IconSize.Md\n     */\n    size?: IconSize;\n    /**\n     * Optional prop that sets the color of the icon using predefined theme colors\n     *\n     * @default IconColor.IconDefault\n     */\n    color?: IconColor;\n    /**\n     * Additional CSS classes to be added to the component.\n     * These classes will be merged with the component's default classes using twMerge.\n     */\n    className?: string;\n    /**\n     * Optional CSS styles to be applied to the component.\n     * Should be used sparingly and only for dynamic styles that can't be achieved with className.\n     */\n    style?: React.CSSProperties;\n    /**\n     * Optional prop to add a test id to the icon\n     */\n    'data-testid'?: string;\n  };\n"]}
+{"version":3,"file":"Icon.types.mjs","sourceRoot":"","sources":["../../../src/components/Icon/Icon.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { IconPropsShared } from '@metamask-previews/design-system-shared';\nimport type { SVGProps, ComponentPropsWithoutRef } from 'react';\n\n// Use ComponentPropsWithoutRef to get SVG element props without relying on global SVGElement\ntype SVGElementProps = ComponentPropsWithoutRef<'svg'>;\n\nexport type IconProps = SVGProps<SVGElementProps> &\n  IconPropsShared & {\n    /**\n     * Additional CSS classes to be added to the component.\n     * These classes will be merged with the component's default classes using twMerge.\n     */\n    className?: string;\n    /**\n     * Optional CSS styles to be applied to the component.\n     * Should be used sparingly and only for dynamic styles that can't be achieved with className.\n     */\n    style?: React.CSSProperties;\n    /**\n     * Optional prop to add a test id to the icon\n     */\n    'data-testid'?: string;\n  };\n"]}

package/dist/components/Input/Input.cjs

@@ -24,12 +24,12 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Input = void 0;
+const design_system_shared_1 = require("@metamask-previews/design-system-shared");
 const react_1 = __importStar(require("react"));
-const types_1 = require("../../types/index.cjs");
 const tw_merge_1 = require("../../utils/tw-merge.cjs");
 const Text_constants_1 = require("../Text/Text.constants.cjs");
-exports.Input = (0, react_1.forwardRef)(({ textVariant = types_1.TextVariant.BodyMd, isDisabled = false, isReadonly = false, className, style, ...rest }, ref) => {
-    const mergedClassName = (0, tw_merge_1.twMerge)('w-full rounded border bg-default text-default outline-none transition-colors', 'border-transparent focus:border-primary-default focus:outline-none', 'placeholder:text-alternative', Text_constants_1.CLASSMAP_TEXT_VARIANT_FONTSTYLE[textVariant], Text_constants_1.CLASSMAP_TEXT_VARIANT_FONTWEIGHT[textVariant], isDisabled && 'cursor-not-allowed opacity-50', className);
+exports.Input = (0, react_1.forwardRef)(({ textVariant = design_system_shared_1.TextVariant.BodyMd, isDisabled = false, isReadonly = false, className, style, ...rest }, ref) => {
+    const mergedClassName = (0, tw_merge_1.twMerge)('w-full rounded border bg-default text-default outline-none transition-colors', 'border-transparent focus:border-primary-default focus:outline-none', 'placeholder:text-alternative', Text_constants_1.TWCLASSMAP_TEXT_VARIANT_FONTSTYLE[textVariant], Text_constants_1.TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT[textVariant], isDisabled && 'cursor-not-allowed opacity-50', className);
     return (react_1.default.createElement("input", { ref: ref, className: mergedClassName, style: style, ...rest, disabled: isDisabled, readOnly: isReadonly }));
 });
 exports.Input.displayName = 'Input';

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

@@ -1 +1 @@
-{"version":3,"file":"Input.cjs","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,iDAA0C;AAC1C,uDAA+C;AAC/C,+DAGgC;AAInB,QAAA,KAAK,GAAG,IAAA,kBAAU,EAC7B,CACE,EACE,WAAW,GAAG,mBAAW,CAAC,MAAM,EAChC,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,MAAM,eAAe,GAAG,IAAA,kBAAO,EAC7B,8EAA8E,EAC9E,oEAAoE,EACpE,8BAA8B,EAC9B,gDAA+B,CAAC,WAAW,CAAC,EAC5C,iDAAgC,CAAC,WAAW,CAAC,EAC7C,UAAU,IAAI,+BAA+B,EAC7C,SAAS,CACV,CAAC;IAEF,OAAO,CACL,yCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,KAAK,KACR,IAAI,EACR,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,UAAU,GACpB,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,aAAK,CAAC,WAAW,GAAG,OAAO,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { TextVariant } from '../../types';\nimport { twMerge } from '../../utils/tw-merge';\nimport {\n  CLASSMAP_TEXT_VARIANT_FONTSTYLE,\n  CLASSMAP_TEXT_VARIANT_FONTWEIGHT,\n} from '../Text/Text.constants';\n\nimport type { InputProps } from './Input.types';\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      textVariant = TextVariant.BodyMd,\n      isDisabled = false,\n      isReadonly = false,\n      className,\n      style,\n      ...rest\n    },\n    ref,\n  ) => {\n    const mergedClassName = twMerge(\n      'w-full rounded border bg-default text-default outline-none transition-colors',\n      'border-transparent focus:border-primary-default focus:outline-none',\n      'placeholder:text-alternative',\n      CLASSMAP_TEXT_VARIANT_FONTSTYLE[textVariant],\n      CLASSMAP_TEXT_VARIANT_FONTWEIGHT[textVariant],\n      isDisabled && 'cursor-not-allowed opacity-50',\n      className,\n    );\n\n    return (\n      <input\n        ref={ref}\n        className={mergedClassName}\n        style={style}\n        {...rest}\n        disabled={isDisabled}\n        readOnly={isReadonly}\n      />\n    );\n  },\n);\n\nInput.displayName = 'Input';\n"]}
+{"version":3,"file":"Input.cjs","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kFAAsE;AACtE,+CAA0C;AAE1C,uDAA+C;AAC/C,+DAGgC;AAInB,QAAA,KAAK,GAAG,IAAA,kBAAU,EAC7B,CACE,EACE,WAAW,GAAG,kCAAW,CAAC,MAAM,EAChC,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,MAAM,eAAe,GAAG,IAAA,kBAAO,EAC7B,8EAA8E,EAC9E,oEAAoE,EACpE,8BAA8B,EAC9B,kDAAiC,CAAC,WAAW,CAAC,EAC9C,mDAAkC,CAAC,WAAW,CAAC,EAC/C,UAAU,IAAI,+BAA+B,EAC7C,SAAS,CACV,CAAC;IAEF,OAAO,CACL,yCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,KAAK,KACR,IAAI,EACR,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,UAAU,GACpB,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,aAAK,CAAC,WAAW,GAAG,OAAO,CAAC","sourcesContent":["import { TextVariant } from '@metamask-previews/design-system-shared';\nimport React, { forwardRef } from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport {\n  TWCLASSMAP_TEXT_VARIANT_FONTSTYLE,\n  TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT,\n} from '../Text/Text.constants';\n\nimport type { InputProps } from './Input.types';\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      textVariant = TextVariant.BodyMd,\n      isDisabled = false,\n      isReadonly = false,\n      className,\n      style,\n      ...rest\n    },\n    ref,\n  ) => {\n    const mergedClassName = twMerge(\n      'w-full rounded border bg-default text-default outline-none transition-colors',\n      'border-transparent focus:border-primary-default focus:outline-none',\n      'placeholder:text-alternative',\n      TWCLASSMAP_TEXT_VARIANT_FONTSTYLE[textVariant],\n      TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT[textVariant],\n      isDisabled && 'cursor-not-allowed opacity-50',\n      className,\n    );\n\n    return (\n      <input\n        ref={ref}\n        className={mergedClassName}\n        style={style}\n        {...rest}\n        disabled={isDisabled}\n        readOnly={isReadonly}\n      />\n    );\n  },\n);\n\nInput.displayName = 'Input';\n"]}

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

@@ -1,5 +1,5 @@
+import { TextVariant } from "@metamask-previews/design-system-shared";
 import React from "react";
-import { TextVariant } from "../../types/index.cjs";
 export declare const Input: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "disabled" | "readOnly"> & {
     textVariant?: TextVariant | undefined;
     isDisabled?: boolean | 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":"AAAA,OAAO,KAAqB,cAAc;AAE1C,OAAO,EAAE,WAAW,EAAE,8BAAoB;AAS1C,eAAO,MAAM,KAAK;;;;;;0CAiCjB,CAAC"}
+{"version":3,"file":"Input.d.cts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,gDAAgD;AACtE,OAAO,KAAqB,cAAc;AAU1C,eAAO,MAAM,KAAK;;;;;;0CAiCjB,CAAC"}

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

@@ -1,5 +1,5 @@
+import { TextVariant } from "@metamask-previews/design-system-shared";
 import React from "react";
-import { TextVariant } from "../../types/index.mjs";
 export declare const Input: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "disabled" | "readOnly"> & {
     textVariant?: TextVariant | undefined;
     isDisabled?: boolean | 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":"AAAA,OAAO,KAAqB,cAAc;AAE1C,OAAO,EAAE,WAAW,EAAE,8BAAoB;AAS1C,eAAO,MAAM,KAAK;;;;;;0CAiCjB,CAAC"}
+{"version":3,"file":"Input.d.mts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,gDAAgD;AACtE,OAAO,KAAqB,cAAc;AAU1C,eAAO,MAAM,KAAK;;;;;;0CAiCjB,CAAC"}

package/dist/components/Input/Input.mjs

@@ -4,13 +4,13 @@ function $importDefault(module) {
     }
     return module;
 }
+import { TextVariant } from "@metamask-previews/design-system-shared";
 import $React, { forwardRef } from "react";
 const React = $importDefault($React);
-import { TextVariant } from "../../types/index.mjs";
 import { twMerge } from "../../utils/tw-merge.mjs";
-import { CLASSMAP_TEXT_VARIANT_FONTSTYLE, CLASSMAP_TEXT_VARIANT_FONTWEIGHT } from "../Text/Text.constants.mjs";
+import { TWCLASSMAP_TEXT_VARIANT_FONTSTYLE, TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT } from "../Text/Text.constants.mjs";
 export const Input = forwardRef(({ textVariant = TextVariant.BodyMd, isDisabled = false, isReadonly = false, className, style, ...rest }, ref) => {
-    const mergedClassName = twMerge('w-full rounded border bg-default text-default outline-none transition-colors', 'border-transparent focus:border-primary-default focus:outline-none', 'placeholder:text-alternative', CLASSMAP_TEXT_VARIANT_FONTSTYLE[textVariant], CLASSMAP_TEXT_VARIANT_FONTWEIGHT[textVariant], isDisabled && 'cursor-not-allowed opacity-50', className);
+    const mergedClassName = twMerge('w-full rounded border bg-default text-default outline-none transition-colors', 'border-transparent focus:border-primary-default focus:outline-none', 'placeholder:text-alternative', TWCLASSMAP_TEXT_VARIANT_FONTSTYLE[textVariant], TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT[textVariant], isDisabled && 'cursor-not-allowed opacity-50', className);
     return (React.createElement("input", { ref: ref, className: mergedClassName, style: style, ...rest, disabled: isDisabled, readOnly: isReadonly }));
 });
 Input.displayName = 'Input';

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,QAAO,EAAE,UAAU,EAAE,cAAc;;AAE1C,OAAO,EAAE,WAAW,EAAE,8BAAoB;AAC1C,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAC/C,OAAO,EACL,+BAA+B,EAC/B,gCAAgC,EACjC,mCAA+B;AAIhC,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CACE,EACE,WAAW,GAAG,WAAW,CAAC,MAAM,EAChC,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,MAAM,eAAe,GAAG,OAAO,CAC7B,8EAA8E,EAC9E,oEAAoE,EACpE,8BAA8B,EAC9B,+BAA+B,CAAC,WAAW,CAAC,EAC5C,gCAAgC,CAAC,WAAW,CAAC,EAC7C,UAAU,IAAI,+BAA+B,EAC7C,SAAS,CACV,CAAC;IAEF,OAAO,CACL,+BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,KAAK,KACR,IAAI,EACR,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,UAAU,GACpB,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { TextVariant } from '../../types';\nimport { twMerge } from '../../utils/tw-merge';\nimport {\n  CLASSMAP_TEXT_VARIANT_FONTSTYLE,\n  CLASSMAP_TEXT_VARIANT_FONTWEIGHT,\n} from '../Text/Text.constants';\n\nimport type { InputProps } from './Input.types';\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      textVariant = TextVariant.BodyMd,\n      isDisabled = false,\n      isReadonly = false,\n      className,\n      style,\n      ...rest\n    },\n    ref,\n  ) => {\n    const mergedClassName = twMerge(\n      'w-full rounded border bg-default text-default outline-none transition-colors',\n      'border-transparent focus:border-primary-default focus:outline-none',\n      'placeholder:text-alternative',\n      CLASSMAP_TEXT_VARIANT_FONTSTYLE[textVariant],\n      CLASSMAP_TEXT_VARIANT_FONTWEIGHT[textVariant],\n      isDisabled && 'cursor-not-allowed opacity-50',\n      className,\n    );\n\n    return (\n      <input\n        ref={ref}\n        className={mergedClassName}\n        style={style}\n        {...rest}\n        disabled={isDisabled}\n        readOnly={isReadonly}\n      />\n    );\n  },\n);\n\nInput.displayName = 'Input';\n"]}
+{"version":3,"file":"Input.mjs","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,gDAAgD;AACtE,OAAO,QAAO,EAAE,UAAU,EAAE,cAAc;;AAE1C,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAC/C,OAAO,EACL,iCAAiC,EACjC,kCAAkC,EACnC,mCAA+B;AAIhC,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CACE,EACE,WAAW,GAAG,WAAW,CAAC,MAAM,EAChC,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,MAAM,eAAe,GAAG,OAAO,CAC7B,8EAA8E,EAC9E,oEAAoE,EACpE,8BAA8B,EAC9B,iCAAiC,CAAC,WAAW,CAAC,EAC9C,kCAAkC,CAAC,WAAW,CAAC,EAC/C,UAAU,IAAI,+BAA+B,EAC7C,SAAS,CACV,CAAC;IAEF,OAAO,CACL,+BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,KAAK,KACR,IAAI,EACR,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,UAAU,GACpB,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC","sourcesContent":["import { TextVariant } from '@metamask-previews/design-system-shared';\nimport React, { forwardRef } from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport {\n  TWCLASSMAP_TEXT_VARIANT_FONTSTYLE,\n  TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT,\n} from '../Text/Text.constants';\n\nimport type { InputProps } from './Input.types';\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      textVariant = TextVariant.BodyMd,\n      isDisabled = false,\n      isReadonly = false,\n      className,\n      style,\n      ...rest\n    },\n    ref,\n  ) => {\n    const mergedClassName = twMerge(\n      'w-full rounded border bg-default text-default outline-none transition-colors',\n      'border-transparent focus:border-primary-default focus:outline-none',\n      'placeholder:text-alternative',\n      TWCLASSMAP_TEXT_VARIANT_FONTSTYLE[textVariant],\n      TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT[textVariant],\n      isDisabled && 'cursor-not-allowed opacity-50',\n      className,\n    );\n\n    return (\n      <input\n        ref={ref}\n        className={mergedClassName}\n        style={style}\n        {...rest}\n        disabled={isDisabled}\n        readOnly={isReadonly}\n      />\n    );\n  },\n);\n\nInput.displayName = 'Input';\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 { ComponentPropsWithoutRef } from 'react';\n\nimport type { TextVariant } from '../../types';\n\nexport type InputProps = Omit<\n  ComponentPropsWithoutRef<'input'>,\n  'disabled' | 'readOnly'\n> & {\n  /**\n   * Optional enum to select between Typography variants.\n   *\n   * @default TextVariant.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 prop for additional CSS classes.\n   */\n  className?: string;\n  /**\n   * Optional inline styles.\n   */\n  style?: React.CSSProperties;\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 { ComponentPropsWithoutRef } from 'react';\n\nexport type InputProps = Omit<\n  ComponentPropsWithoutRef<'input'>,\n  'disabled' | 'readOnly'\n> & {\n  /**\n   * Optional enum to select between Typography variants.\n   *\n   * @default TextVariant.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 prop for additional CSS classes.\n   */\n  className?: string;\n  /**\n   * Optional inline styles.\n   */\n  style?: React.CSSProperties;\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 { ComponentPropsWithoutRef } from "react";
-import type { TextVariant } from "../../types/index.cjs";
 export type InputProps = Omit<ComponentPropsWithoutRef<'input'>, 'disabled' | 'readOnly'> & {
     /**
      * Optional enum to select between Typography variants.

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,wBAAwB,EAAE,cAAc;AAEtD,OAAO,KAAK,EAAE,WAAW,EAAE,8BAAoB;AAE/C,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,wBAAwB,CAAC,OAAO,CAAC,EACjC,UAAU,GAAG,UAAU,CACxB,GAAG;IACF;;;;OAIG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,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,wBAAwB,EAAE,cAAc;AAEtD,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,wBAAwB,CAAC,OAAO,CAAC,EACjC,UAAU,GAAG,UAAU,CACxB,GAAG;IACF;;;;OAIG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC"}

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

@@ -1,5 +1,5 @@
+import type { TextVariant } from "@metamask-previews/design-system-shared";
 import type { ComponentPropsWithoutRef } from "react";
-import type { TextVariant } from "../../types/index.mjs";
 export type InputProps = Omit<ComponentPropsWithoutRef<'input'>, 'disabled' | 'readOnly'> & {
     /**
      * Optional enum to select between Typography variants.

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,wBAAwB,EAAE,cAAc;AAEtD,OAAO,KAAK,EAAE,WAAW,EAAE,8BAAoB;AAE/C,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,wBAAwB,CAAC,OAAO,CAAC,EACjC,UAAU,GAAG,UAAU,CACxB,GAAG;IACF;;;;OAIG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,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,wBAAwB,EAAE,cAAc;AAEtD,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,wBAAwB,CAAC,OAAO,CAAC,EACjC,UAAU,GAAG,UAAU,CACxB,GAAG;IACF;;;;OAIG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,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 { ComponentPropsWithoutRef } from 'react';\n\nimport type { TextVariant } from '../../types';\n\nexport type InputProps = Omit<\n  ComponentPropsWithoutRef<'input'>,\n  'disabled' | 'readOnly'\n> & {\n  /**\n   * Optional enum to select between Typography variants.\n   *\n   * @default TextVariant.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 prop for additional CSS classes.\n   */\n  className?: string;\n  /**\n   * Optional inline styles.\n   */\n  style?: React.CSSProperties;\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 { ComponentPropsWithoutRef } from 'react';\n\nexport type InputProps = Omit<\n  ComponentPropsWithoutRef<'input'>,\n  'disabled' | 'readOnly'\n> & {\n  /**\n   * Optional enum to select between Typography variants.\n   *\n   * @default TextVariant.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 prop for additional CSS classes.\n   */\n  className?: string;\n  /**\n   * Optional inline styles.\n   */\n  style?: React.CSSProperties;\n};\n"]}

package/dist/components/Text/Text.cjs

@@ -4,16 +4,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Text = void 0;
+const design_system_shared_1 = require("@metamask-previews/design-system-shared");
 const react_slot_1 = require("@radix-ui/react-slot");
 const react_1 = __importDefault(require("react"));
-const types_1 = require("../../types/index.cjs");
 const tw_merge_1 = require("../../utils/tw-merge.cjs");
 const Text_constants_1 = require("./Text.constants.cjs");
-const Text = ({ variant = types_1.TextVariant.BodyMd, children, className, fontWeight, fontFamily = types_1.FontFamily.Default, fontStyle, textTransform, textAlign, overflowWrap, ellipsis, asChild, color = types_1.TextColor.TextDefault, style, ...props }) => {
+const Text = ({ variant = design_system_shared_1.TextVariant.BodyMd, children, className, fontWeight, fontFamily = design_system_shared_1.FontFamily.Default, fontStyle, textTransform, textAlign, overflowWrap, ellipsis, asChild, color = design_system_shared_1.TextColor.TextDefault, style, ...props }) => {
     // When asChild is true, use Radix Slot to merge props onto the child component.
     // Otherwise, render the semantic HTML element mapped to this variant (e.g. h1-h4, p).
     const Component = asChild ? react_slot_1.Slot : Text_constants_1.MAP_TEXT_VARIANT_TAG[variant];
-    const mergedClassName = `${(0, tw_merge_1.twMerge)(color, Text_constants_1.CLASSMAP_TEXT_VARIANT_FONTSTYLE[variant], fontWeight || Text_constants_1.CLASSMAP_TEXT_VARIANT_FONTWEIGHT[variant], fontStyle, fontFamily, textTransform, textAlign, overflowWrap, ellipsis && 'truncate', className)}`;
+    const mergedClassName = `${(0, tw_merge_1.twMerge)(color, Text_constants_1.TWCLASSMAP_TEXT_VARIANT_FONTSTYLE[variant], fontWeight
+        ? Text_constants_1.TWCLASSMAP_TEXT_FONTWEIGHT[fontWeight]
+        : Text_constants_1.TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT[variant], fontStyle ? Text_constants_1.TWCLASSMAP_TEXT_FONTSTYLE[fontStyle] : undefined, Text_constants_1.TWCLASSMAP_TEXT_FONTFAMILY[fontFamily], textTransform, textAlign, overflowWrap, ellipsis && 'truncate', className)}`;
     return (react_1.default.createElement(Component, { className: mergedClassName, style: style, ...props }, children));
 };
 exports.Text = Text;

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

@@ -1 +1 @@
-{"version":3,"file":"Text.cjs","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;AAAA,qDAA4C;AAC5C,kDAA0B;AAE1B,iDAAiE;AACjE,uDAA+C;AAE/C,yDAI0B;AAGnB,MAAM,IAAI,GAAwB,CAAC,EACxC,OAAO,GAAG,mBAAW,CAAC,MAAM,EAC5B,QAAQ,EACR,SAAS,EACT,UAAU,EACV,UAAU,GAAG,kBAAU,CAAC,OAAO,EAC/B,SAAS,EACT,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,KAAK,GAAG,iBAAS,CAAC,WAAW,EAC7B,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,gFAAgF;IAChF,sFAAsF;IACtF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,qCAAoB,CAAC,OAAO,CAAC,CAAC;IAEjE,MAAM,eAAe,GAAG,GAAG,IAAA,kBAAO,EAChC,KAAK,EACL,gDAA+B,CAAC,OAAO,CAAC,EACxC,UAAU,IAAI,iDAAgC,CAAC,OAAO,CAAC,EACvD,SAAS,EACT,UAAU,EACV,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAQ,IAAI,UAAU,EACtB,SAAS,CACV,EAAE,CAAC;IAEJ,OAAO,CACL,8BAAC,SAAS,IAAC,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK,IAC3D,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AAtCW,QAAA,IAAI,QAsCf","sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport React from 'react';\n\nimport { FontFamily, TextColor, TextVariant } from '../../types';\nimport { twMerge } from '../../utils/tw-merge';\n\nimport {\n  CLASSMAP_TEXT_VARIANT_FONTSTYLE,\n  CLASSMAP_TEXT_VARIANT_FONTWEIGHT,\n  MAP_TEXT_VARIANT_TAG,\n} from './Text.constants';\nimport type { TextProps } from './Text.types';\n\nexport const Text: React.FC<TextProps> = ({\n  variant = TextVariant.BodyMd,\n  children,\n  className,\n  fontWeight,\n  fontFamily = FontFamily.Default,\n  fontStyle,\n  textTransform,\n  textAlign,\n  overflowWrap,\n  ellipsis,\n  asChild,\n  color = TextColor.TextDefault,\n  style,\n  ...props\n}) => {\n  // When asChild is true, use Radix Slot to merge props onto the child component.\n  // Otherwise, render the semantic HTML element mapped to this variant (e.g. h1-h4, p).\n  const Component = asChild ? Slot : MAP_TEXT_VARIANT_TAG[variant];\n\n  const mergedClassName = `${twMerge(\n    color,\n    CLASSMAP_TEXT_VARIANT_FONTSTYLE[variant],\n    fontWeight || CLASSMAP_TEXT_VARIANT_FONTWEIGHT[variant],\n    fontStyle,\n    fontFamily,\n    textTransform,\n    textAlign,\n    overflowWrap,\n    ellipsis && 'truncate',\n    className,\n  )}`;\n\n  return (\n    <Component className={mergedClassName} style={style} {...props}>\n      {children}\n    </Component>\n  );\n};\n"]}
+{"version":3,"file":"Text.cjs","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;AAAA,kFAIiD;AACjD,qDAA4C;AAC5C,kDAA0B;AAE1B,uDAA+C;AAE/C,yDAO0B;AAGnB,MAAM,IAAI,GAAwB,CAAC,EACxC,OAAO,GAAG,kCAAW,CAAC,MAAM,EAC5B,QAAQ,EACR,SAAS,EACT,UAAU,EACV,UAAU,GAAG,iCAAU,CAAC,OAAO,EAC/B,SAAS,EACT,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,KAAK,GAAG,gCAAS,CAAC,WAAW,EAC7B,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,gFAAgF;IAChF,sFAAsF;IACtF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,qCAAoB,CAAC,OAAO,CAAC,CAAC;IAEjE,MAAM,eAAe,GAAG,GAAG,IAAA,kBAAO,EAChC,KAAK,EACL,kDAAiC,CAAC,OAAO,CAAC,EAC1C,UAAU;QACR,CAAC,CAAC,2CAA0B,CAAC,UAAU,CAAC;QACxC,CAAC,CAAC,mDAAkC,CAAC,OAAO,CAAC,EAC/C,SAAS,CAAC,CAAC,CAAC,0CAAyB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,EAC5D,2CAA0B,CAAC,UAAU,CAAC,EACtC,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAQ,IAAI,UAAU,EACtB,SAAS,CACV,EAAE,CAAC;IAEJ,OAAO,CACL,8BAAC,SAAS,IAAC,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK,IAC3D,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AAxCW,QAAA,IAAI,QAwCf","sourcesContent":["import {\n  FontFamily,\n  TextColor,\n  TextVariant,\n} from '@metamask-previews/design-system-shared';\nimport { Slot } from '@radix-ui/react-slot';\nimport React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\n\nimport {\n  TWCLASSMAP_TEXT_VARIANT_FONTSTYLE,\n  TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT,\n  TWCLASSMAP_TEXT_FONTFAMILY,\n  TWCLASSMAP_TEXT_FONTSTYLE,\n  TWCLASSMAP_TEXT_FONTWEIGHT,\n  MAP_TEXT_VARIANT_TAG,\n} from './Text.constants';\nimport type { TextProps } from './Text.types';\n\nexport const Text: React.FC<TextProps> = ({\n  variant = TextVariant.BodyMd,\n  children,\n  className,\n  fontWeight,\n  fontFamily = FontFamily.Default,\n  fontStyle,\n  textTransform,\n  textAlign,\n  overflowWrap,\n  ellipsis,\n  asChild,\n  color = TextColor.TextDefault,\n  style,\n  ...props\n}) => {\n  // When asChild is true, use Radix Slot to merge props onto the child component.\n  // Otherwise, render the semantic HTML element mapped to this variant (e.g. h1-h4, p).\n  const Component = asChild ? Slot : MAP_TEXT_VARIANT_TAG[variant];\n\n  const mergedClassName = `${twMerge(\n    color,\n    TWCLASSMAP_TEXT_VARIANT_FONTSTYLE[variant],\n    fontWeight\n      ? TWCLASSMAP_TEXT_FONTWEIGHT[fontWeight]\n      : TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT[variant],\n    fontStyle ? TWCLASSMAP_TEXT_FONTSTYLE[fontStyle] : undefined,\n    TWCLASSMAP_TEXT_FONTFAMILY[fontFamily],\n    textTransform,\n    textAlign,\n    overflowWrap,\n    ellipsis && 'truncate',\n    className,\n  )}`;\n\n  return (\n    <Component className={mergedClassName} style={style} {...props}>\n      {children}\n    </Component>\n  );\n};\n"]}

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

@@ -1,53 +1,67 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MAP_TEXT_VARIANT_TAG = exports.CLASSMAP_TEXT_VARIANT_FONTWEIGHT = exports.CLASSMAP_TEXT_VARIANT_FONTSTYLE = void 0;
-const types_1 = require("../../types/index.cjs");
-exports.CLASSMAP_TEXT_VARIANT_FONTSTYLE = {
-    [types_1.TextVariant.DisplayLg]: 'text-s-display-lg leading-s-display-lg tracking-s-display-lg md:text-l-display-lg md:leading-l-display-lg md:tracking-l-display-lg',
-    [types_1.TextVariant.DisplayMd]: 'text-s-display-md leading-s-display-md tracking-s-display-md md:text-l-display-md md:leading-l-display-md md:tracking-l-display-md',
-    [types_1.TextVariant.HeadingLg]: 'text-s-heading-lg leading-s-heading-lg tracking-s-heading-lg md:text-l-heading-lg md:leading-l-heading-lg md:tracking-l-heading-lg',
-    [types_1.TextVariant.HeadingMd]: 'text-s-heading-md leading-s-heading-md tracking-s-heading-md md:text-l-heading-md md:leading-l-heading-md md:tracking-l-heading-md',
-    [types_1.TextVariant.HeadingSm]: 'text-s-heading-sm leading-s-heading-sm tracking-s-heading-sm md:text-l-heading-sm md:leading-l-heading-sm md:tracking-l-heading-sm',
-    [types_1.TextVariant.BodyLg]: 'text-s-body-lg leading-s-body-lg tracking-s-body-lg md:text-l-body-lg md:leading-l-body-lg md:tracking-l-body-lg',
-    [types_1.TextVariant.BodyMd]: 'text-s-body-md leading-s-body-md tracking-s-body-md md:text-l-body-md md:leading-l-body-md md:tracking-l-body-md',
-    [types_1.TextVariant.BodySm]: 'text-s-body-sm leading-s-body-sm tracking-s-body-sm md:text-l-body-sm md:leading-l-body-sm md:tracking-l-body-sm',
-    [types_1.TextVariant.BodyXs]: 'text-s-body-xs leading-s-body-xs tracking-s-body-xs md:text-l-body-xs md:leading-l-body-xs md:tracking-l-body-xs',
-    [types_1.TextVariant.PageHeading]: 'text-s-page-heading leading-s-page-heading tracking-s-page-heading md:text-l-page-heading md:leading-l-page-heading md:tracking-l-page-heading',
-    [types_1.TextVariant.SectionHeading]: 'text-s-section-heading leading-s-section-heading tracking-s-section-heading md:text-l-section-heading md:leading-l-section-heading md:tracking-l-section-heading',
-    [types_1.TextVariant.ButtonLabelMd]: 'text-s-button-label-md leading-s-button-label-md tracking-s-button-label-md md:text-l-button-label-md md:leading-l-button-label-md md:tracking-l-button-label-md',
-    [types_1.TextVariant.ButtonLabelLg]: 'text-s-button-label-lg leading-s-button-label-lg tracking-s-button-label-lg md:text-l-button-label-lg md:leading-l-button-label-lg md:tracking-l-button-label-lg',
-    [types_1.TextVariant.AmountDisplayLg]: 'text-s-amount-display-lg leading-s-amount-display-lg tracking-s-amount-display-lg md:text-l-amount-display-lg md:leading-l-amount-display-lg md:tracking-l-amount-display-lg',
+exports.MAP_TEXT_VARIANT_TAG = exports.TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT = exports.TWCLASSMAP_TEXT_VARIANT_FONTSTYLE = exports.TWCLASSMAP_TEXT_FONTSTYLE = exports.TWCLASSMAP_TEXT_FONTFAMILY = exports.TWCLASSMAP_TEXT_FONTWEIGHT = void 0;
+const design_system_shared_1 = require("@metamask-previews/design-system-shared");
+exports.TWCLASSMAP_TEXT_FONTWEIGHT = {
+    [design_system_shared_1.FontWeight.Bold]: 'font-bold',
+    [design_system_shared_1.FontWeight.Medium]: 'font-medium',
+    [design_system_shared_1.FontWeight.Regular]: 'font-regular',
 };
-exports.CLASSMAP_TEXT_VARIANT_FONTWEIGHT = {
-    [types_1.TextVariant.DisplayLg]: 'font-bold md:font-medium',
-    [types_1.TextVariant.DisplayMd]: 'font-bold md:font-medium',
-    [types_1.TextVariant.HeadingLg]: 'font-bold',
-    [types_1.TextVariant.HeadingMd]: 'font-bold',
-    [types_1.TextVariant.HeadingSm]: 'font-bold',
-    [types_1.TextVariant.BodyLg]: 'font-medium',
-    [types_1.TextVariant.BodyMd]: 'font-regular',
-    [types_1.TextVariant.BodySm]: 'font-regular',
-    [types_1.TextVariant.BodyXs]: 'font-regular',
-    [types_1.TextVariant.PageHeading]: 'font-bold',
-    [types_1.TextVariant.SectionHeading]: 'font-bold',
-    [types_1.TextVariant.ButtonLabelMd]: 'font-medium',
-    [types_1.TextVariant.ButtonLabelLg]: 'font-medium',
-    [types_1.TextVariant.AmountDisplayLg]: 'font-bold md:font-medium',
+exports.TWCLASSMAP_TEXT_FONTFAMILY = {
+    [design_system_shared_1.FontFamily.Default]: 'font-default',
+    [design_system_shared_1.FontFamily.Accent]: 'font-accent',
+    [design_system_shared_1.FontFamily.Hero]: 'font-hero',
+};
+exports.TWCLASSMAP_TEXT_FONTSTYLE = {
+    [design_system_shared_1.FontStyle.Italic]: 'italic',
+    [design_system_shared_1.FontStyle.Normal]: 'not-italic',
+};
+exports.TWCLASSMAP_TEXT_VARIANT_FONTSTYLE = {
+    [design_system_shared_1.TextVariant.DisplayLg]: 'text-s-display-lg leading-s-display-lg tracking-s-display-lg md:text-l-display-lg md:leading-l-display-lg md:tracking-l-display-lg',
+    [design_system_shared_1.TextVariant.DisplayMd]: 'text-s-display-md leading-s-display-md tracking-s-display-md md:text-l-display-md md:leading-l-display-md md:tracking-l-display-md',
+    [design_system_shared_1.TextVariant.HeadingLg]: 'text-s-heading-lg leading-s-heading-lg tracking-s-heading-lg md:text-l-heading-lg md:leading-l-heading-lg md:tracking-l-heading-lg',
+    [design_system_shared_1.TextVariant.HeadingMd]: 'text-s-heading-md leading-s-heading-md tracking-s-heading-md md:text-l-heading-md md:leading-l-heading-md md:tracking-l-heading-md',
+    [design_system_shared_1.TextVariant.HeadingSm]: 'text-s-heading-sm leading-s-heading-sm tracking-s-heading-sm md:text-l-heading-sm md:leading-l-heading-sm md:tracking-l-heading-sm',
+    [design_system_shared_1.TextVariant.BodyLg]: 'text-s-body-lg leading-s-body-lg tracking-s-body-lg md:text-l-body-lg md:leading-l-body-lg md:tracking-l-body-lg',
+    [design_system_shared_1.TextVariant.BodyMd]: 'text-s-body-md leading-s-body-md tracking-s-body-md md:text-l-body-md md:leading-l-body-md md:tracking-l-body-md',
+    [design_system_shared_1.TextVariant.BodySm]: 'text-s-body-sm leading-s-body-sm tracking-s-body-sm md:text-l-body-sm md:leading-l-body-sm md:tracking-l-body-sm',
+    [design_system_shared_1.TextVariant.BodyXs]: 'text-s-body-xs leading-s-body-xs tracking-s-body-xs md:text-l-body-xs md:leading-l-body-xs md:tracking-l-body-xs',
+    [design_system_shared_1.TextVariant.PageHeading]: 'text-s-page-heading leading-s-page-heading tracking-s-page-heading md:text-l-page-heading md:leading-l-page-heading md:tracking-l-page-heading',
+    [design_system_shared_1.TextVariant.SectionHeading]: 'text-s-section-heading leading-s-section-heading tracking-s-section-heading md:text-l-section-heading md:leading-l-section-heading md:tracking-l-section-heading',
+    [design_system_shared_1.TextVariant.ButtonLabelMd]: 'text-s-button-label-md leading-s-button-label-md tracking-s-button-label-md md:text-l-button-label-md md:leading-l-button-label-md md:tracking-l-button-label-md',
+    [design_system_shared_1.TextVariant.ButtonLabelLg]: 'text-s-button-label-lg leading-s-button-label-lg tracking-s-button-label-lg md:text-l-button-label-lg md:leading-l-button-label-lg md:tracking-l-button-label-lg',
+    [design_system_shared_1.TextVariant.AmountDisplayLg]: 'text-s-amount-display-lg leading-s-amount-display-lg tracking-s-amount-display-lg md:text-l-amount-display-lg md:leading-l-amount-display-lg md:tracking-l-amount-display-lg',
+};
+exports.TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT = {
+    [design_system_shared_1.TextVariant.DisplayLg]: 'font-bold md:font-medium',
+    [design_system_shared_1.TextVariant.DisplayMd]: 'font-bold md:font-medium',
+    [design_system_shared_1.TextVariant.HeadingLg]: 'font-bold',
+    [design_system_shared_1.TextVariant.HeadingMd]: 'font-bold',
+    [design_system_shared_1.TextVariant.HeadingSm]: 'font-bold',
+    [design_system_shared_1.TextVariant.BodyLg]: 'font-medium',
+    [design_system_shared_1.TextVariant.BodyMd]: 'font-regular',
+    [design_system_shared_1.TextVariant.BodySm]: 'font-regular',
+    [design_system_shared_1.TextVariant.BodyXs]: 'font-regular',
+    [design_system_shared_1.TextVariant.PageHeading]: 'font-bold',
+    [design_system_shared_1.TextVariant.SectionHeading]: 'font-bold',
+    [design_system_shared_1.TextVariant.ButtonLabelMd]: 'font-medium',
+    [design_system_shared_1.TextVariant.ButtonLabelLg]: 'font-medium',
+    [design_system_shared_1.TextVariant.AmountDisplayLg]: 'font-bold md:font-medium',
 };
 exports.MAP_TEXT_VARIANT_TAG = {
-    [types_1.TextVariant.DisplayLg]: 'h1',
-    [types_1.TextVariant.DisplayMd]: 'h1',
-    [types_1.TextVariant.HeadingLg]: 'h2',
-    [types_1.TextVariant.HeadingMd]: 'h3',
-    [types_1.TextVariant.HeadingSm]: 'h4',
-    [types_1.TextVariant.BodyLg]: 'p',
-    [types_1.TextVariant.BodyMd]: 'p',
-    [types_1.TextVariant.BodySm]: 'p',
-    [types_1.TextVariant.BodyXs]: 'p',
-    [types_1.TextVariant.PageHeading]: 'h1',
-    [types_1.TextVariant.SectionHeading]: 'h2',
-    [types_1.TextVariant.ButtonLabelMd]: 'span',
-    [types_1.TextVariant.ButtonLabelLg]: 'span',
-    [types_1.TextVariant.AmountDisplayLg]: 'span',
+    [design_system_shared_1.TextVariant.DisplayLg]: 'h1',
+    [design_system_shared_1.TextVariant.DisplayMd]: 'h1',
+    [design_system_shared_1.TextVariant.HeadingLg]: 'h2',
+    [design_system_shared_1.TextVariant.HeadingMd]: 'h3',
+    [design_system_shared_1.TextVariant.HeadingSm]: 'h4',
+    [design_system_shared_1.TextVariant.BodyLg]: 'p',
+    [design_system_shared_1.TextVariant.BodyMd]: 'p',
+    [design_system_shared_1.TextVariant.BodySm]: 'p',
+    [design_system_shared_1.TextVariant.BodyXs]: 'p',
+    [design_system_shared_1.TextVariant.PageHeading]: 'h1',
+    [design_system_shared_1.TextVariant.SectionHeading]: 'h2',
+    [design_system_shared_1.TextVariant.ButtonLabelMd]: 'span',
+    [design_system_shared_1.TextVariant.ButtonLabelLg]: 'span',
+    [design_system_shared_1.TextVariant.AmountDisplayLg]: 'span',
 };
 //# 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,iDAA0C;AAE7B,QAAA,+BAA+B,GAAgC;IAC1E,CAAC,mBAAW,CAAC,SAAS,CAAC,EACrB,oIAAoI;IACtI,CAAC,mBAAW,CAAC,SAAS,CAAC,EACrB,oIAAoI;IACtI,CAAC,mBAAW,CAAC,SAAS,CAAC,EACrB,oIAAoI;IACtI,CAAC,mBAAW,CAAC,SAAS,CAAC,EACrB,oIAAoI;IACtI,CAAC,mBAAW,CAAC,SAAS,CAAC,EACrB,oIAAoI;IACtI,CAAC,mBAAW,CAAC,MAAM,CAAC,EAClB,kHAAkH;IACpH,CAAC,mBAAW,CAAC,MAAM,CAAC,EAClB,kHAAkH;IACpH,CAAC,mBAAW,CAAC,MAAM,CAAC,EAClB,kHAAkH;IACpH,CAAC,mBAAW,CAAC,MAAM,CAAC,EAClB,kHAAkH;IACpH,CAAC,mBAAW,CAAC,WAAW,CAAC,EACvB,gJAAgJ;IAClJ,CAAC,mBAAW,CAAC,cAAc,CAAC,EAC1B,kKAAkK;IACpK,CAAC,mBAAW,CAAC,aAAa,CAAC,EACzB,kKAAkK;IACpK,CAAC,mBAAW,CAAC,aAAa,CAAC,EACzB,kKAAkK;IACpK,CAAC,mBAAW,CAAC,eAAe,CAAC,EAC3B,8KAA8K;CACjL,CAAC;AAEW,QAAA,gCAAgC,GAAgC;IAC3E,CAAC,mBAAW,CAAC,SAAS,CAAC,EAAE,0BAA0B;IACnD,CAAC,mBAAW,CAAC,SAAS,CAAC,EAAE,0BAA0B;IACnD,CAAC,mBAAW,CAAC,SAAS,CAAC,EAAE,WAAW;IACpC,CAAC,mBAAW,CAAC,SAAS,CAAC,EAAE,WAAW;IACpC,CAAC,mBAAW,CAAC,SAAS,CAAC,EAAE,WAAW;IACpC,CAAC,mBAAW,CAAC,MAAM,CAAC,EAAE,aAAa;IACnC,CAAC,mBAAW,CAAC,MAAM,CAAC,EAAE,cAAc;IACpC,CAAC,mBAAW,CAAC,MAAM,CAAC,EAAE,cAAc;IACpC,CAAC,mBAAW,CAAC,MAAM,CAAC,EAAE,cAAc;IACpC,CAAC,mBAAW,CAAC,WAAW,CAAC,EAAE,WAAW;IACtC,CAAC,mBAAW,CAAC,cAAc,CAAC,EAAE,WAAW;IACzC,CAAC,mBAAW,CAAC,aAAa,CAAC,EAAE,aAAa;IAC1C,CAAC,mBAAW,CAAC,aAAa,CAAC,EAAE,aAAa;IAC1C,CAAC,mBAAW,CAAC,eAAe,CAAC,EAAE,0BAA0B;CAC1D,CAAC;AAEW,QAAA,oBAAoB,GAG7B;IACF,CAAC,mBAAW,CAAC,SAAS,CAAC,EAAE,IAAI;IAC7B,CAAC,mBAAW,CAAC,SAAS,CAAC,EAAE,IAAI;IAC7B,CAAC,mBAAW,CAAC,SAAS,CAAC,EAAE,IAAI;IAC7B,CAAC,mBAAW,CAAC,SAAS,CAAC,EAAE,IAAI;IAC7B,CAAC,mBAAW,CAAC,SAAS,CAAC,EAAE,IAAI;IAC7B,CAAC,mBAAW,CAAC,MAAM,CAAC,EAAE,GAAG;IACzB,CAAC,mBAAW,CAAC,MAAM,CAAC,EAAE,GAAG;IACzB,CAAC,mBAAW,CAAC,MAAM,CAAC,EAAE,GAAG;IACzB,CAAC,mBAAW,CAAC,MAAM,CAAC,EAAE,GAAG;IACzB,CAAC,mBAAW,CAAC,WAAW,CAAC,EAAE,IAAI;IAC/B,CAAC,mBAAW,CAAC,cAAc,CAAC,EAAE,IAAI;IAClC,CAAC,mBAAW,CAAC,aAAa,CAAC,EAAE,MAAM;IACnC,CAAC,mBAAW,CAAC,aAAa,CAAC,EAAE,MAAM;IACnC,CAAC,mBAAW,CAAC,eAAe,CAAC,EAAE,MAAM;CACtC,CAAC","sourcesContent":["import { TextVariant } from '../../types';\n\nexport const CLASSMAP_TEXT_VARIANT_FONTSTYLE: Record<TextVariant, string> = {\n  [TextVariant.DisplayLg]:\n    'text-s-display-lg leading-s-display-lg tracking-s-display-lg md:text-l-display-lg md:leading-l-display-lg md:tracking-l-display-lg',\n  [TextVariant.DisplayMd]:\n    'text-s-display-md leading-s-display-md tracking-s-display-md md:text-l-display-md md:leading-l-display-md md:tracking-l-display-md',\n  [TextVariant.HeadingLg]:\n    'text-s-heading-lg leading-s-heading-lg tracking-s-heading-lg md:text-l-heading-lg md:leading-l-heading-lg md:tracking-l-heading-lg',\n  [TextVariant.HeadingMd]:\n    'text-s-heading-md leading-s-heading-md tracking-s-heading-md md:text-l-heading-md md:leading-l-heading-md md:tracking-l-heading-md',\n  [TextVariant.HeadingSm]:\n    'text-s-heading-sm leading-s-heading-sm tracking-s-heading-sm md:text-l-heading-sm md:leading-l-heading-sm md:tracking-l-heading-sm',\n  [TextVariant.BodyLg]:\n    'text-s-body-lg leading-s-body-lg tracking-s-body-lg md:text-l-body-lg md:leading-l-body-lg md:tracking-l-body-lg',\n  [TextVariant.BodyMd]:\n    'text-s-body-md leading-s-body-md tracking-s-body-md md:text-l-body-md md:leading-l-body-md md:tracking-l-body-md',\n  [TextVariant.BodySm]:\n    'text-s-body-sm leading-s-body-sm tracking-s-body-sm md:text-l-body-sm md:leading-l-body-sm md:tracking-l-body-sm',\n  [TextVariant.BodyXs]:\n    'text-s-body-xs leading-s-body-xs tracking-s-body-xs md:text-l-body-xs md:leading-l-body-xs md:tracking-l-body-xs',\n  [TextVariant.PageHeading]:\n    'text-s-page-heading leading-s-page-heading tracking-s-page-heading md:text-l-page-heading md:leading-l-page-heading md:tracking-l-page-heading',\n  [TextVariant.SectionHeading]:\n    'text-s-section-heading leading-s-section-heading tracking-s-section-heading md:text-l-section-heading md:leading-l-section-heading md:tracking-l-section-heading',\n  [TextVariant.ButtonLabelMd]:\n    'text-s-button-label-md leading-s-button-label-md tracking-s-button-label-md md:text-l-button-label-md md:leading-l-button-label-md md:tracking-l-button-label-md',\n  [TextVariant.ButtonLabelLg]:\n    'text-s-button-label-lg leading-s-button-label-lg tracking-s-button-label-lg md:text-l-button-label-lg md:leading-l-button-label-lg md:tracking-l-button-label-lg',\n  [TextVariant.AmountDisplayLg]:\n    'text-s-amount-display-lg leading-s-amount-display-lg tracking-s-amount-display-lg md:text-l-amount-display-lg md:leading-l-amount-display-lg md:tracking-l-amount-display-lg',\n};\n\nexport const CLASSMAP_TEXT_VARIANT_FONTWEIGHT: Record<TextVariant, string> = {\n  [TextVariant.DisplayLg]: 'font-bold md:font-medium',\n  [TextVariant.DisplayMd]: 'font-bold md:font-medium',\n  [TextVariant.HeadingLg]: 'font-bold',\n  [TextVariant.HeadingMd]: 'font-bold',\n  [TextVariant.HeadingSm]: 'font-bold',\n  [TextVariant.BodyLg]: 'font-medium',\n  [TextVariant.BodyMd]: 'font-regular',\n  [TextVariant.BodySm]: 'font-regular',\n  [TextVariant.BodyXs]: 'font-regular',\n  [TextVariant.PageHeading]: 'font-bold',\n  [TextVariant.SectionHeading]: 'font-bold',\n  [TextVariant.ButtonLabelMd]: 'font-medium',\n  [TextVariant.ButtonLabelLg]: 'font-medium',\n  [TextVariant.AmountDisplayLg]: 'font-bold md:font-medium',\n};\n\nexport const MAP_TEXT_VARIANT_TAG: Record<\n  TextVariant,\n  keyof JSX.IntrinsicElements\n> = {\n  [TextVariant.DisplayLg]: 'h1',\n  [TextVariant.DisplayMd]: 'h1',\n  [TextVariant.HeadingLg]: 'h2',\n  [TextVariant.HeadingMd]: 'h3',\n  [TextVariant.HeadingSm]: 'h4',\n  [TextVariant.BodyLg]: 'p',\n  [TextVariant.BodyMd]: 'p',\n  [TextVariant.BodySm]: 'p',\n  [TextVariant.BodyXs]: 'p',\n  [TextVariant.PageHeading]: 'h1',\n  [TextVariant.SectionHeading]: 'h2',\n  [TextVariant.ButtonLabelMd]: 'span',\n  [TextVariant.ButtonLabelLg]: 'span',\n  [TextVariant.AmountDisplayLg]: 'span',\n};\n"]}
+{"version":3,"file":"Text.constants.cjs","sourceRoot":"","sources":["../../../src/components/Text/Text.constants.ts"],"names":[],"mappings":";;;AAAA,kFAKiD;AAEpC,QAAA,0BAA0B,GAA+B;IACpE,CAAC,iCAAU,CAAC,IAAI,CAAC,EAAE,WAAW;IAC9B,CAAC,iCAAU,CAAC,MAAM,CAAC,EAAE,aAAa;IAClC,CAAC,iCAAU,CAAC,OAAO,CAAC,EAAE,cAAc;CACrC,CAAC;AAEW,QAAA,0BAA0B,GAA+B;IACpE,CAAC,iCAAU,CAAC,OAAO,CAAC,EAAE,cAAc;IACpC,CAAC,iCAAU,CAAC,MAAM,CAAC,EAAE,aAAa;IAClC,CAAC,iCAAU,CAAC,IAAI,CAAC,EAAE,WAAW;CAC/B,CAAC;AAEW,QAAA,yBAAyB,GAA8B;IAClE,CAAC,gCAAS,CAAC,MAAM,CAAC,EAAE,QAAQ;IAC5B,CAAC,gCAAS,CAAC,MAAM,CAAC,EAAE,YAAY;CACjC,CAAC;AAEW,QAAA,iCAAiC,GAAgC;IAC5E,CAAC,kCAAW,CAAC,SAAS,CAAC,EACrB,oIAAoI;IACtI,CAAC,kCAAW,CAAC,SAAS,CAAC,EACrB,oIAAoI;IACtI,CAAC,kCAAW,CAAC,SAAS,CAAC,EACrB,oIAAoI;IACtI,CAAC,kCAAW,CAAC,SAAS,CAAC,EACrB,oIAAoI;IACtI,CAAC,kCAAW,CAAC,SAAS,CAAC,EACrB,oIAAoI;IACtI,CAAC,kCAAW,CAAC,MAAM,CAAC,EAClB,kHAAkH;IACpH,CAAC,kCAAW,CAAC,MAAM,CAAC,EAClB,kHAAkH;IACpH,CAAC,kCAAW,CAAC,MAAM,CAAC,EAClB,kHAAkH;IACpH,CAAC,kCAAW,CAAC,MAAM,CAAC,EAClB,kHAAkH;IACpH,CAAC,kCAAW,CAAC,WAAW,CAAC,EACvB,gJAAgJ;IAClJ,CAAC,kCAAW,CAAC,cAAc,CAAC,EAC1B,kKAAkK;IACpK,CAAC,kCAAW,CAAC,aAAa,CAAC,EACzB,kKAAkK;IACpK,CAAC,kCAAW,CAAC,aAAa,CAAC,EACzB,kKAAkK;IACpK,CAAC,kCAAW,CAAC,eAAe,CAAC,EAC3B,8KAA8K;CACjL,CAAC;AAEW,QAAA,kCAAkC,GAAgC;IAC7E,CAAC,kCAAW,CAAC,SAAS,CAAC,EAAE,0BAA0B;IACnD,CAAC,kCAAW,CAAC,SAAS,CAAC,EAAE,0BAA0B;IACnD,CAAC,kCAAW,CAAC,SAAS,CAAC,EAAE,WAAW;IACpC,CAAC,kCAAW,CAAC,SAAS,CAAC,EAAE,WAAW;IACpC,CAAC,kCAAW,CAAC,SAAS,CAAC,EAAE,WAAW;IACpC,CAAC,kCAAW,CAAC,MAAM,CAAC,EAAE,aAAa;IACnC,CAAC,kCAAW,CAAC,MAAM,CAAC,EAAE,cAAc;IACpC,CAAC,kCAAW,CAAC,MAAM,CAAC,EAAE,cAAc;IACpC,CAAC,kCAAW,CAAC,MAAM,CAAC,EAAE,cAAc;IACpC,CAAC,kCAAW,CAAC,WAAW,CAAC,EAAE,WAAW;IACtC,CAAC,kCAAW,CAAC,cAAc,CAAC,EAAE,WAAW;IACzC,CAAC,kCAAW,CAAC,aAAa,CAAC,EAAE,aAAa;IAC1C,CAAC,kCAAW,CAAC,aAAa,CAAC,EAAE,aAAa;IAC1C,CAAC,kCAAW,CAAC,eAAe,CAAC,EAAE,0BAA0B;CAC1D,CAAC;AAEW,QAAA,oBAAoB,GAG7B;IACF,CAAC,kCAAW,CAAC,SAAS,CAAC,EAAE,IAAI;IAC7B,CAAC,kCAAW,CAAC,SAAS,CAAC,EAAE,IAAI;IAC7B,CAAC,kCAAW,CAAC,SAAS,CAAC,EAAE,IAAI;IAC7B,CAAC,kCAAW,CAAC,SAAS,CAAC,EAAE,IAAI;IAC7B,CAAC,kCAAW,CAAC,SAAS,CAAC,EAAE,IAAI;IAC7B,CAAC,kCAAW,CAAC,MAAM,CAAC,EAAE,GAAG;IACzB,CAAC,kCAAW,CAAC,MAAM,CAAC,EAAE,GAAG;IACzB,CAAC,kCAAW,CAAC,MAAM,CAAC,EAAE,GAAG;IACzB,CAAC,kCAAW,CAAC,MAAM,CAAC,EAAE,GAAG;IACzB,CAAC,kCAAW,CAAC,WAAW,CAAC,EAAE,IAAI;IAC/B,CAAC,kCAAW,CAAC,cAAc,CAAC,EAAE,IAAI;IAClC,CAAC,kCAAW,CAAC,aAAa,CAAC,EAAE,MAAM;IACnC,CAAC,kCAAW,CAAC,aAAa,CAAC,EAAE,MAAM;IACnC,CAAC,kCAAW,CAAC,eAAe,CAAC,EAAE,MAAM;CACtC,CAAC","sourcesContent":["import {\n  FontFamily,\n  FontStyle,\n  FontWeight,\n  TextVariant,\n} from '@metamask-previews/design-system-shared';\n\nexport const TWCLASSMAP_TEXT_FONTWEIGHT: Record<FontWeight, string> = {\n  [FontWeight.Bold]: 'font-bold',\n  [FontWeight.Medium]: 'font-medium',\n  [FontWeight.Regular]: 'font-regular',\n};\n\nexport const TWCLASSMAP_TEXT_FONTFAMILY: Record<FontFamily, string> = {\n  [FontFamily.Default]: 'font-default',\n  [FontFamily.Accent]: 'font-accent',\n  [FontFamily.Hero]: 'font-hero',\n};\n\nexport const TWCLASSMAP_TEXT_FONTSTYLE: Record<FontStyle, string> = {\n  [FontStyle.Italic]: 'italic',\n  [FontStyle.Normal]: 'not-italic',\n};\n\nexport const TWCLASSMAP_TEXT_VARIANT_FONTSTYLE: Record<TextVariant, string> = {\n  [TextVariant.DisplayLg]:\n    'text-s-display-lg leading-s-display-lg tracking-s-display-lg md:text-l-display-lg md:leading-l-display-lg md:tracking-l-display-lg',\n  [TextVariant.DisplayMd]:\n    'text-s-display-md leading-s-display-md tracking-s-display-md md:text-l-display-md md:leading-l-display-md md:tracking-l-display-md',\n  [TextVariant.HeadingLg]:\n    'text-s-heading-lg leading-s-heading-lg tracking-s-heading-lg md:text-l-heading-lg md:leading-l-heading-lg md:tracking-l-heading-lg',\n  [TextVariant.HeadingMd]:\n    'text-s-heading-md leading-s-heading-md tracking-s-heading-md md:text-l-heading-md md:leading-l-heading-md md:tracking-l-heading-md',\n  [TextVariant.HeadingSm]:\n    'text-s-heading-sm leading-s-heading-sm tracking-s-heading-sm md:text-l-heading-sm md:leading-l-heading-sm md:tracking-l-heading-sm',\n  [TextVariant.BodyLg]:\n    'text-s-body-lg leading-s-body-lg tracking-s-body-lg md:text-l-body-lg md:leading-l-body-lg md:tracking-l-body-lg',\n  [TextVariant.BodyMd]:\n    'text-s-body-md leading-s-body-md tracking-s-body-md md:text-l-body-md md:leading-l-body-md md:tracking-l-body-md',\n  [TextVariant.BodySm]:\n    'text-s-body-sm leading-s-body-sm tracking-s-body-sm md:text-l-body-sm md:leading-l-body-sm md:tracking-l-body-sm',\n  [TextVariant.BodyXs]:\n    'text-s-body-xs leading-s-body-xs tracking-s-body-xs md:text-l-body-xs md:leading-l-body-xs md:tracking-l-body-xs',\n  [TextVariant.PageHeading]:\n    'text-s-page-heading leading-s-page-heading tracking-s-page-heading md:text-l-page-heading md:leading-l-page-heading md:tracking-l-page-heading',\n  [TextVariant.SectionHeading]:\n    'text-s-section-heading leading-s-section-heading tracking-s-section-heading md:text-l-section-heading md:leading-l-section-heading md:tracking-l-section-heading',\n  [TextVariant.ButtonLabelMd]:\n    'text-s-button-label-md leading-s-button-label-md tracking-s-button-label-md md:text-l-button-label-md md:leading-l-button-label-md md:tracking-l-button-label-md',\n  [TextVariant.ButtonLabelLg]:\n    'text-s-button-label-lg leading-s-button-label-lg tracking-s-button-label-lg md:text-l-button-label-lg md:leading-l-button-label-lg md:tracking-l-button-label-lg',\n  [TextVariant.AmountDisplayLg]:\n    'text-s-amount-display-lg leading-s-amount-display-lg tracking-s-amount-display-lg md:text-l-amount-display-lg md:leading-l-amount-display-lg md:tracking-l-amount-display-lg',\n};\n\nexport const TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT: Record<TextVariant, string> = {\n  [TextVariant.DisplayLg]: 'font-bold md:font-medium',\n  [TextVariant.DisplayMd]: 'font-bold md:font-medium',\n  [TextVariant.HeadingLg]: 'font-bold',\n  [TextVariant.HeadingMd]: 'font-bold',\n  [TextVariant.HeadingSm]: 'font-bold',\n  [TextVariant.BodyLg]: 'font-medium',\n  [TextVariant.BodyMd]: 'font-regular',\n  [TextVariant.BodySm]: 'font-regular',\n  [TextVariant.BodyXs]: 'font-regular',\n  [TextVariant.PageHeading]: 'font-bold',\n  [TextVariant.SectionHeading]: 'font-bold',\n  [TextVariant.ButtonLabelMd]: 'font-medium',\n  [TextVariant.ButtonLabelLg]: 'font-medium',\n  [TextVariant.AmountDisplayLg]: 'font-bold md:font-medium',\n};\n\nexport const MAP_TEXT_VARIANT_TAG: Record<\n  TextVariant,\n  keyof JSX.IntrinsicElements\n> = {\n  [TextVariant.DisplayLg]: 'h1',\n  [TextVariant.DisplayMd]: 'h1',\n  [TextVariant.HeadingLg]: 'h2',\n  [TextVariant.HeadingMd]: 'h3',\n  [TextVariant.HeadingSm]: 'h4',\n  [TextVariant.BodyLg]: 'p',\n  [TextVariant.BodyMd]: 'p',\n  [TextVariant.BodySm]: 'p',\n  [TextVariant.BodyXs]: 'p',\n  [TextVariant.PageHeading]: 'h1',\n  [TextVariant.SectionHeading]: 'h2',\n  [TextVariant.ButtonLabelMd]: 'span',\n  [TextVariant.ButtonLabelLg]: 'span',\n  [TextVariant.AmountDisplayLg]: 'span',\n};\n"]}

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

@@ -1,6 +1,9 @@
 /// <reference types="react" />
-import { TextVariant } from "../../types/index.cjs";
-export declare const CLASSMAP_TEXT_VARIANT_FONTSTYLE: Record<TextVariant, string>;
-export declare const CLASSMAP_TEXT_VARIANT_FONTWEIGHT: Record<TextVariant, string>;
+import { FontFamily, FontStyle, FontWeight, TextVariant } from "@metamask-previews/design-system-shared";
+export declare const TWCLASSMAP_TEXT_FONTWEIGHT: Record<FontWeight, string>;
+export declare const TWCLASSMAP_TEXT_FONTFAMILY: Record<FontFamily, string>;
+export declare const TWCLASSMAP_TEXT_FONTSTYLE: Record<FontStyle, string>;
+export declare const TWCLASSMAP_TEXT_VARIANT_FONTSTYLE: Record<TextVariant, string>;
+export declare const TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT: Record<TextVariant, string>;
 export declare const MAP_TEXT_VARIANT_TAG: Record<TextVariant, keyof JSX.IntrinsicElements>;
 //# sourceMappingURL=Text.constants.d.cts.map

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,WAAW,EAAE,8BAAoB;AAE1C,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CA6BvE,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAexE,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CACvC,WAAW,EACX,MAAM,GAAG,CAAC,iBAAiB,CAgB5B,CAAC"}
+{"version":3,"file":"Text.constants.d.cts","sourceRoot":"","sources":["../../../src/components/Text/Text.constants.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,WAAW,EACZ,gDAAgD;AAEjD,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAIjE,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAIjE,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAG/D,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CA6BzE,CAAC;AAEF,eAAO,MAAM,kCAAkC,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAe1E,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CACvC,WAAW,EACX,MAAM,GAAG,CAAC,iBAAiB,CAgB5B,CAAC"}

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

@@ -1,6 +1,9 @@
 /// <reference types="react" />
-import { TextVariant } from "../../types/index.mjs";
-export declare const CLASSMAP_TEXT_VARIANT_FONTSTYLE: Record<TextVariant, string>;
-export declare const CLASSMAP_TEXT_VARIANT_FONTWEIGHT: Record<TextVariant, string>;
+import { FontFamily, FontStyle, FontWeight, TextVariant } from "@metamask-previews/design-system-shared";
+export declare const TWCLASSMAP_TEXT_FONTWEIGHT: Record<FontWeight, string>;
+export declare const TWCLASSMAP_TEXT_FONTFAMILY: Record<FontFamily, string>;
+export declare const TWCLASSMAP_TEXT_FONTSTYLE: Record<FontStyle, string>;
+export declare const TWCLASSMAP_TEXT_VARIANT_FONTSTYLE: Record<TextVariant, string>;
+export declare const TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT: Record<TextVariant, string>;
 export declare const MAP_TEXT_VARIANT_TAG: Record<TextVariant, keyof JSX.IntrinsicElements>;
 //# sourceMappingURL=Text.constants.d.mts.map

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,WAAW,EAAE,8BAAoB;AAE1C,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CA6BvE,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAexE,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CACvC,WAAW,EACX,MAAM,GAAG,CAAC,iBAAiB,CAgB5B,CAAC"}
+{"version":3,"file":"Text.constants.d.mts","sourceRoot":"","sources":["../../../src/components/Text/Text.constants.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,WAAW,EACZ,gDAAgD;AAEjD,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAIjE,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAIjE,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAG/D,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CA6BzE,CAAC;AAEF,eAAO,MAAM,kCAAkC,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAe1E,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CACvC,WAAW,EACX,MAAM,GAAG,CAAC,iBAAiB,CAgB5B,CAAC"}

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

@@ -1,5 +1,19 @@
-import { TextVariant } from "../../types/index.mjs";
-export const CLASSMAP_TEXT_VARIANT_FONTSTYLE = {
+import { FontFamily, FontStyle, FontWeight, TextVariant } from "@metamask-previews/design-system-shared";
+export const TWCLASSMAP_TEXT_FONTWEIGHT = {
+    [FontWeight.Bold]: 'font-bold',
+    [FontWeight.Medium]: 'font-medium',
+    [FontWeight.Regular]: 'font-regular',
+};
+export const TWCLASSMAP_TEXT_FONTFAMILY = {
+    [FontFamily.Default]: 'font-default',
+    [FontFamily.Accent]: 'font-accent',
+    [FontFamily.Hero]: 'font-hero',
+};
+export const TWCLASSMAP_TEXT_FONTSTYLE = {
+    [FontStyle.Italic]: 'italic',
+    [FontStyle.Normal]: 'not-italic',
+};
+export const TWCLASSMAP_TEXT_VARIANT_FONTSTYLE = {
     [TextVariant.DisplayLg]: 'text-s-display-lg leading-s-display-lg tracking-s-display-lg md:text-l-display-lg md:leading-l-display-lg md:tracking-l-display-lg',
     [TextVariant.DisplayMd]: 'text-s-display-md leading-s-display-md tracking-s-display-md md:text-l-display-md md:leading-l-display-md md:tracking-l-display-md',
     [TextVariant.HeadingLg]: 'text-s-heading-lg leading-s-heading-lg tracking-s-heading-lg md:text-l-heading-lg md:leading-l-heading-lg md:tracking-l-heading-lg',
@@ -15,7 +29,7 @@ export const CLASSMAP_TEXT_VARIANT_FONTSTYLE = {
     [TextVariant.ButtonLabelLg]: 'text-s-button-label-lg leading-s-button-label-lg tracking-s-button-label-lg md:text-l-button-label-lg md:leading-l-button-label-lg md:tracking-l-button-label-lg',
     [TextVariant.AmountDisplayLg]: 'text-s-amount-display-lg leading-s-amount-display-lg tracking-s-amount-display-lg md:text-l-amount-display-lg md:leading-l-amount-display-lg md:tracking-l-amount-display-lg',
 };
-export const CLASSMAP_TEXT_VARIANT_FONTWEIGHT = {
+export const TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT = {
     [TextVariant.DisplayLg]: 'font-bold md:font-medium',
     [TextVariant.DisplayMd]: 'font-bold md:font-medium',
     [TextVariant.HeadingLg]: 'font-bold',