{
  "version": 3,
  "sources": ["../javascripts/styled-components/components/InputSearch/index.tsx", "../javascripts/styled-components/components/InputSearch/wrapper.tsx"],
  "sourcesContent": ["import React from 'react';\n\nimport { IconSearch } from '../Icon';\nimport { Icon, Input, Wrapper } from './wrapper';\n\ntype InputTextProps = React.DetailedHTMLProps<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  HTMLInputElement\n> & {};\n\nconst InputSearch = ({ ...props }: Omit<InputTextProps, 'ref'>) => (\n  <Wrapper>\n    <Icon>\n      <IconSearch />\n    </Icon>\n    <Input {...props} />\n  </Wrapper>\n);\n\nexport default InputSearch;\n", "import styled, { css } from 'styled-components';\n\nimport { size } from '../../layout/helpers';\nimport { inputPlaceholder } from '../../layout/reset';\n\nexport const Wrapper = styled.div.withConfig({ componentId: 'sc-16iexqu-0' })`\n    --_height: ${size(6)};\n    --_gap: ${size(1)};\n    --_p-inline: ${size(3)};\n\n    display: flex;\n    align-items: center;\n    height: var(--_height);\n    background-color: var(--c-input-bg);\n    border: 1px solid var(--c-input-border);\n    border-radius: calc(var(--_height) / 2);\n\n    &:has(:focus-visible) {\n        border-color: var(--c-input-border-focus);\n    }\n`;\n\nexport const Icon = styled.div.attrs(() => ({\n  'aria-hidden': true,\n})).withConfig({ componentId: 'sc-16iexqu-1' })`\n    padding-left: var(--_p-inline);\n    font-size: ${size(2.5)};\n`;\n\n// Scale placeholder text to prevent zoom on iOS focus but follow design\nconst inputPlaceholderScale = css`\n    transform: scale(0.875);\n    transform-origin: 0 50%;\n`;\n\nexport const Input = styled.input.attrs(() => ({\n  type: 'search',\n})).withConfig({ componentId: 'sc-16iexqu-2' })`\n    ${inputPlaceholder};\n    flex: 1 1 auto;\n    display: block;\n    width: 100%;\n    height: 100%;\n    padding: 0 var(--_p-inline) 0 var(--_gap);\n    margin: 0;\n    background-color: transparent;\n    font-size: var(--font-size-input);\n    border: none;\n    border-radius: 0;\n    box-shadow: none;\n    appearance: none;\n\n    &[disabled] {\n        cursor: not-allowed;\n    }\n\n    &:focus {\n        outline: none;\n    }\n\n    &::-webkit-input-placeholder {\n        ${inputPlaceholderScale}\n    }\n\n    &:-moz-placeholder {\n        ${inputPlaceholderScale}\n    }\n\n    &::-moz-placeholder {\n        ${inputPlaceholderScale}\n    }\n\n    &:-ms-input-placeholder {\n        ${inputPlaceholderScale}\n    }\n`;\n"],
  "mappings": "iNAAA,IAAAA,EAAkB,SCKX,IAAMC,EAAUC,EAAO,IAAI,WAAW,CAAE,YAAa,cAAe,CAAC;AAAA,iBAC3DC,EAAK,CAAC,CAAC;AAAA,cACVA,EAAK,CAAC,CAAC;AAAA,mBACFA,EAAK,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcbC,EAAOF,EAAO,IAAI,MAAM,KAAO,CAC1C,cAAe,EACjB,EAAE,EAAE,WAAW,CAAE,YAAa,cAAe,CAAC;AAAA;AAAA,iBAE7BC,EAAK,GAAG,CAAC;AAAA,EAIpBE,EAAwBC;AAAA;AAAA;AAAA,EAKjBC,EAAQL,EAAO,MAAM,MAAM,KAAO,CAC7C,KAAM,QACR,EAAE,EAAE,WAAW,CAAE,YAAa,cAAe,CAAC;AAAA,MACxCM,CAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAuBZH,CAAqB;AAAA;AAAA;AAAA;AAAA,UAIrBA,CAAqB;AAAA;AAAA;AAAA;AAAA,UAIrBA,CAAqB;AAAA;AAAA;AAAA;AAAA,UAIrBA,CAAqB;AAAA;ED/D/B,IAAMI,EAAc,CAAC,CAAE,GAAGC,CAAM,IAC9B,EAAAC,QAAA,cAACC,EAAA,KACC,EAAAD,QAAA,cAACE,EAAA,KACC,EAAAF,QAAA,cAACG,EAAA,IAAW,CACd,EACA,EAAAH,QAAA,cAACI,EAAA,CAAO,GAAGL,EAAO,CACpB,EAGKM,EAAQP",
  "names": ["import_react", "Wrapper", "dt", "size", "Icon", "inputPlaceholderScale", "lt", "Input", "inputPlaceholder", "InputSearch", "props", "React", "Wrapper", "Icon", "IconSearch", "Input", "InputSearch_default"]
}