{"version":3,"file":"Input.mjs","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,uCAAuC;AAC7D,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,qBAAqB,GAAG,KAAK,EAC7B,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,MAAM,eAAe,GAAG,OAAO,CAC7B,8EAA8E,EAC9E,oBAAoB,EACpB,CAAC,qBAAqB;QACpB,iDAAiD,EACnD,8BAA8B,EAC9B,iCAAiC,CAAC,WAAW,CAAC,EAC9C,kCAAkC,CAAC,WAAW,CAAC,EAC/C,CAAC,qBAAqB,IAAI,UAAU,IAAI,+BAA+B,EACvE,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/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      isStateStylesDisabled = 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',\n      !isStateStylesDisabled &&\n        'focus:border-primary-default focus:outline-none',\n      'placeholder:text-alternative',\n      TWCLASSMAP_TEXT_VARIANT_FONTSTYLE[textVariant],\n      TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT[textVariant],\n      !isStateStylesDisabled && 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"]}