{"version":3,"file":"InputWithTooltip.cjs","sources":["../../../../src/components/Input/InputWithTooltip/InputWithTooltip.tsx"],"sourcesContent":["import { type ComponentProps, type ReactNode, forwardRef, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { Tooltip } from '../../Tooltip'\nimport { Input } from '../Input'\n\ntype Props = ComponentProps<typeof Input> & {\n  /** 入力欄に紐付けるツールチップに表示するメッセージ */\n  tooltipMessage: ReactNode\n}\n\nconst classNameGenerator = tv({\n  base: 'smarthr-ui-InputWithTooltip [&]:shr-overflow-y-visible',\n})\n\nexport const InputWithTooltip = forwardRef<HTMLInputElement, Props>(\n  ({ tooltipMessage, width, className, ...rest }, ref) => {\n    const style = useMemo(\n      () => ({\n        width: typeof width === 'number' ? `${width}px` : width,\n      }),\n      [width],\n    )\n\n    const actualClassName = useMemo(() => classNameGenerator({ className }), [className])\n\n    return (\n      <Tooltip\n        message={tooltipMessage}\n        tabIndex={-1}\n        ariaDescribedbyTarget=\"inner\"\n        className={actualClassName}\n        style={style}\n      >\n        {/* eslint-disable-next-line smarthr/a11y-input-in-form-control */}\n        <Input {...rest} ref={ref} width={style.width} />\n      </Tooltip>\n    )\n  },\n)\n"],"names":["tv","forwardRef","useMemo","_jsx","Tooltip","Input"],"mappings":";;;;;;;;AAWA,MAAM,kBAAkB,GAAGA,QAAE,CAAC;AAC5B,IAAA,IAAI,EAAE,wDAAwD;AAC/D,CAAA,CAAC;MAEW,gBAAgB,GAAGC,gBAAU,CACxC,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AACrD,IAAA,MAAM,KAAK,GAAGC,aAAO,CACnB,OAAO;AACL,QAAA,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,GAAG,CAAA,EAAG,KAAK,CAAA,EAAA,CAAI,GAAG,KAAK;AACxD,KAAA,CAAC,EACF,CAAC,KAAK,CAAC,CACR;AAED,IAAA,MAAM,eAAe,GAAGA,aAAO,CAAC,MAAM,kBAAkB,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;AAErF,IAAA,QACEC,cAAA,CAACC,kCAAO,IACN,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,EAAE,EACZ,qBAAqB,EAAC,OAAO,EAC7B,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,KAAK,EAAA,QAAA,EAGZD,cAAA,CAACE,4BAAK,EAAA,EAAA,GAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAA,CAAI,EAAA,CACzC;AAEd,CAAC;;;;"}