{
  "version": 3,
  "sources": ["../javascripts/styled-components/components/InputText/index.tsx", "../javascripts/styled-components/components/InputText/wrapper.tsx"],
  "sourcesContent": ["import React from 'react';\n\nimport type { UseFormRegisterReturn } from 'react-hook-form';\nimport { Input, Prefix, Truncate, Unit, Wrapper } from './wrapper';\n\nexport type InputTextProps = React.DetailedHTMLProps<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  HTMLInputElement\n> & {\n  type?: string;\n  unit?: React.ReactNode;\n  prefix?: string;\n  hasError?: boolean;\n  register?: UseFormRegisterReturn;\n};\n\nconst InputText = React.forwardRef<HTMLInputElement, InputTextProps>(\n  ({ type = 'text', prefix, unit, hasError, register, ...props }, ref) => (\n    <Wrapper $hasError={hasError} $disabled={props.disabled}>\n      {prefix && (\n        <Prefix>\n          <Truncate>{prefix}</Truncate>\n        </Prefix>\n      )}\n      <Input type={type} {...props} ref={ref} {...register} />\n      {unit && <Unit>{unit}</Unit>}\n    </Wrapper>\n  ),\n);\n\nexport default InputText;\n", "import styled, { css } from 'styled-components';\n\nimport { size } from '../../layout/helpers';\nimport { inputPlaceholder } from '../../layout/reset';\n\ninterface WrapperProps {\n  $hasError?: boolean;\n  $disabled?: boolean;\n}\n\nexport const Wrapper = styled.div.withConfig({ componentId: 'sc-1lvnr0e-0' })<WrapperProps>`\n    position: relative;\n    display: flex;\n    align-items: stretch;\n    background-color: var(--c-bg-main);\n    border: 1px solid var(--c-input-border);\n    box-shadow: ${(props) => props.theme.boxShadow.inset};\n    border-radius: ${(props) => props.theme.size.borderRadius};\n\n    ${({ $hasError }) =>\n      $hasError\n        ? css`\n                  border-color: var(--c-input-error-border);\n              `\n        : css`\n                  &:focus-within {\n                      border-color: var(--c-input-border-focus);\n                  }\n              `}\n\n    ${({ $disabled }) =>\n      $disabled &&\n      css`\n            opacity: 0.37;\n            cursor: not-allowed;\n        `}\n`;\n\nexport const Prefix = styled.div.withConfig({ componentId: 'sc-1lvnr0e-1' })`\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n    max-width: 50%;\n    padding: 0 ${size(2)};\n    background-color: var(--c-bg-alt);\n    color: var(--c-text-muted);\n    border-right: 1px solid var(--c-border-main);\n    user-select: none;\n    cursor: default;\n`;\n\nexport const Truncate = styled.div.withConfig({ componentId: 'sc-1lvnr0e-2' })`\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n`;\n\nexport const Unit = styled.div.withConfig({ componentId: 'sc-1lvnr0e-3' })`\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n    padding-right: ${size(2)};\n    color: var(--c-text-muted);\n    user-select: none;\n    cursor: default;\n`;\n\nexport const Input = styled.input.withConfig({ componentId: 'sc-1lvnr0e-4' })`\n    ${inputPlaceholder};\n    flex: 1 1 auto;\n    display: block;\n    width: 100%;\n    height: ${(props) => props.theme.size.inputHeight};\n    padding: 0 ${size(2)};\n    background-color: transparent;\n    font-size: var(--font-size-input);\n    border: none;\n    border-radius: 0;\n    box-shadow: none;\n    -moz-appearance: none;\n    -webkit-appearance: none;\n\n    &:focus {\n        outline: none;\n    }\n\n    &[disabled] {\n        cursor: not-allowed;\n    }\n\n    &:read-only {\n        color: var(--c-text-muted);\n    }\n`;\n"],
  "mappings": "kKAAA,IAAAA,EAAkB,SCUX,IAAMC,EAAUC,EAAO,IAAI,WAAW,CAAE,YAAa,cAAe,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMzDC,GAAUA,EAAM,MAAM,UAAU,KAAK;AAAA,qBAClCA,GAAUA,EAAM,MAAM,KAAK,YAAY;AAAA;AAAA,MAEvD,CAAC,CAAE,UAAAC,CAAU,IACbA,EACIC;AAAA;AAAA,gBAGAA;AAAA;AAAA;AAAA;AAAA,eAIK;AAAA;AAAA,MAET,CAAC,CAAE,UAAAC,CAAU,IACbA,GACAD;AAAA;AAAA;AAAA,SAGG;AAAA,EAGIE,EAASL,EAAO,IAAI,WAAW,CAAE,YAAa,cAAe,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,iBAK1DM,EAAK,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQXC,EAAWP,EAAO,IAAI,WAAW,CAAE,YAAa,cAAe,CAAC;AAAA;AAAA;AAAA;AAAA,EAMhEQ,EAAOR,EAAO,IAAI,WAAW,CAAE,YAAa,cAAe,CAAC;AAAA;AAAA;AAAA;AAAA,qBAIpDM,EAAK,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,EAMfG,EAAQT,EAAO,MAAM,WAAW,CAAE,YAAa,cAAe,CAAC;AAAA,MACtEU,CAAgB;AAAA;AAAA;AAAA;AAAA,cAIPT,GAAUA,EAAM,MAAM,KAAK,WAAW;AAAA,iBACpCK,EAAK,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EDzDxB,IAAMK,EAAY,EAAAC,QAAM,WACtB,CAAC,CAAE,KAAAC,EAAO,OAAQ,OAAAC,EAAQ,KAAAC,EAAM,SAAAC,EAAU,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IAC9D,EAAAP,QAAA,cAACQ,EAAA,CAAQ,UAAWJ,EAAU,UAAWE,EAAM,UAC5CJ,GACC,EAAAF,QAAA,cAACS,EAAA,KACC,EAAAT,QAAA,cAACU,EAAA,KAAUR,CAAO,CACpB,EAEF,EAAAF,QAAA,cAACW,EAAA,CAAM,KAAMV,EAAO,GAAGK,EAAO,IAAKC,EAAM,GAAGF,EAAU,EACrDF,GAAQ,EAAAH,QAAA,cAACY,EAAA,KAAMT,CAAK,CACvB,CAEJ,EAEOU,EAAQd",
  "names": ["import_react", "Wrapper", "dt", "props", "$hasError", "lt", "$disabled", "Prefix", "size", "Truncate", "Unit", "Input", "inputPlaceholder", "InputText", "React", "type", "prefix", "unit", "hasError", "register", "props", "ref", "Wrapper", "Prefix", "Truncate", "Input", "Unit", "InputText_default"]
}