{
  "version": 3,
  "sources": ["../javascripts/styled-components/components/InputSelect/index.tsx", "../javascripts/styled-components/components/InputSelect/wrapper.tsx"],
  "sourcesContent": ["import React from 'react';\nimport type { UseFormRegisterReturn } from 'react-hook-form';\nimport { IconChevronDown } from '../Icon';\nimport { Icon, Option, Select, Wrapper } from './wrapper';\n\nexport interface OptionProps {\n  value?: number | string;\n  displayName?: number | string | null;\n  disabled?: boolean;\n}\n\nexport interface Props {\n  value?: string | number;\n  defaultValue?: string | number;\n  options?: OptionProps[];\n  defaultOption?: OptionProps;\n  unit?: string;\n  id?: string;\n  name?: string;\n  title: string;\n  disabled?: boolean;\n  register?: UseFormRegisterReturn;\n  onChange?: (e: React.ChangeEvent<HTMLSelectElement>) => void;\n}\n\nconst InputSelect = ({\n  disabled,\n  value,\n  defaultValue,\n  options,\n  onChange,\n  unit,\n  id,\n  name,\n  title,\n  defaultOption,\n  register,\n}: Props) => (\n  <Wrapper>\n    <Select\n      disabled={disabled}\n      value={value}\n      onChange={onChange}\n      title={title}\n      aria-label={title}\n      id={id}\n      name={name}\n      defaultValue={defaultValue}\n      {...register}\n    >\n      {defaultOption && (\n        <Option\n          key={defaultOption.value}\n          value={defaultOption.value}\n          disabled={defaultOption.disabled}\n        >\n          {defaultOption.displayName}\n        </Option>\n      )}\n      {options?.map((option, index) => (\n        <Option\n          key={`${option.value}-${index}`}\n          value={option.value || ''}\n          disabled={option.disabled}\n        >\n          {option.displayName || option.value}\n          {unit ? ` ${unit}` : ''}\n        </Option>\n      ))}\n    </Select>\n    <Icon>\n      <IconChevronDown />\n    </Icon>\n  </Wrapper>\n);\n\nexport default InputSelect;\n", "import styled from 'styled-components';\n\nimport { size } from '../../layout/helpers';\n\nconst iconSize = '1rem';\nconst selectPadding = size(2);\n\nexport const Wrapper = styled.div.withConfig({ componentId: 'sc-1yh8lcv-0' })`\n    position: relative;\n    background-color: var(--c-bg-main);\n    border: 1px solid var(--c-border-main);\n    box-shadow: ${(props) => props.theme.boxShadow.inset};\n    border-radius: ${(props) => props.theme.size.borderRadius};\n\n    :focus-within {\n        border-color: var(--c-input-border-focus);\n    }\n`;\n\nexport const Select = styled.select.withConfig({ componentId: 'sc-1yh8lcv-1' })`\n    position: relative;\n    display: block;\n    width: 100%;\n    height: ${(props) => props.theme.size.inputHeight};\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n    text-indent: 0.01px;\n    border: 0;\n    padding: 0 ${selectPadding};\n    padding-right: calc(${iconSize} + ${selectPadding});\n    background-color: transparent;\n    color: var(--c-text-main);\n    font-family: var(--font-family);\n    font-weight: var(--font-weight-light);\n    border-radius: 0;\n    font-size: var(--font-size-input);\n    cursor: pointer;\n    z-index: 1;\n\n    :focus {\n        outline: none;\n    }\n\n    ::-ms-expand {\n        display: none;\n    }\n\n    ::-moz-focus-inner {\n        border: 0;\n    }\n\n    &[disabled] {\n        opacity: 0.37;\n        cursor: not-allowed;\n    }\n`;\n\nexport const Option = styled.option.withConfig({ componentId: 'sc-1yh8lcv-2' })`\n    color: var(--c-text-main);\n`;\n\nexport const Icon = styled.div.withConfig({ componentId: 'sc-1yh8lcv-3' })`\n    position: absolute;\n    top: 50%;\n    right: ${selectPadding};\n    transform: translateY(-50%);\n    font-size: ${iconSize};\n    z-index: 1;\n    pointer-events: none;\n`;\n"],
  "mappings": "2JAAA,IAAAA,EAAkB,SCIlB,IAAMC,EAAW,OACXC,EAAgBC,EAAK,CAAC,EAEfC,EAAUC,EAAO,IAAI,WAAW,CAAE,YAAa,cAAe,CAAC;AAAA;AAAA;AAAA;AAAA,kBAIzDC,GAAUA,EAAM,MAAM,UAAU,KAAK;AAAA,qBAClCA,GAAUA,EAAM,MAAM,KAAK,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,EAOhDC,EAASF,EAAO,OAAO,WAAW,CAAE,YAAa,cAAe,CAAC;AAAA;AAAA;AAAA;AAAA,cAI/DC,GAAUA,EAAM,MAAM,KAAK,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAOpCJ,CAAa;AAAA,0BACJD,CAAQ,MAAMC,CAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA4BxCM,EAASH,EAAO,OAAO,WAAW,CAAE,YAAa,cAAe,CAAC;AAAA;AAAA,EAIjEI,EAAOJ,EAAO,IAAI,WAAW,CAAE,YAAa,cAAe,CAAC;AAAA;AAAA;AAAA,aAG5DH,CAAa;AAAA;AAAA,iBAETD,CAAQ;AAAA;AAAA;ED3CzB,IAAMS,EAAc,CAAC,CACnB,SAAAC,EACA,MAAAC,EACA,aAAAC,EACA,QAAAC,EACA,SAAAC,EACA,KAAAC,EACA,GAAAC,EACA,KAAAC,EACA,MAAAC,EACA,cAAAC,EACA,SAAAC,CACF,IACE,EAAAC,QAAA,cAACC,EAAA,KACC,EAAAD,QAAA,cAACE,EAAA,CACC,SAAUb,EACV,MAAOC,EACP,SAAUG,EACV,MAAOI,EACP,aAAYA,EACZ,GAAIF,EACJ,KAAMC,EACN,aAAcL,EACb,GAAGQ,GAEHD,GACC,EAAAE,QAAA,cAACG,EAAA,CACC,IAAKL,EAAc,MACnB,MAAOA,EAAc,MACrB,SAAUA,EAAc,UAEvBA,EAAc,WACjB,EAEDN,GAAS,IAAI,CAACY,EAAQC,IACrB,EAAAL,QAAA,cAACG,EAAA,CACC,IAAK,GAAGC,EAAO,KAAK,IAAIC,CAAK,GAC7B,MAAOD,EAAO,OAAS,GACvB,SAAUA,EAAO,UAEhBA,EAAO,aAAeA,EAAO,MAC7BV,EAAO,IAAIA,CAAI,GAAK,EACvB,CACD,CACH,EACA,EAAAM,QAAA,cAACM,EAAA,KACC,EAAAN,QAAA,cAACO,EAAA,IAAgB,CACnB,CACF,EAGKC,EAAQpB",
  "names": ["import_react", "iconSize", "selectPadding", "size", "Wrapper", "dt", "props", "Select", "Option", "Icon", "InputSelect", "disabled", "value", "defaultValue", "options", "onChange", "unit", "id", "name", "title", "defaultOption", "register", "React", "Wrapper", "Select", "Option", "option", "index", "Icon", "IconChevronDown", "InputSelect_default"]
}