{"version":3,"file":"DialogContentResponseStatusMessage.cjs","sources":["../../../src/components/Dialog/DialogContentResponseStatusMessage.tsx"],"sourcesContent":["import { type FC, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { ResponseMessage } from '../ResponseMessage'\n\nimport type { useResponseStatus } from '../../hooks/useResponseStatus'\n\nconst classNameGenerator = tv({\n  base: 'empty:!shr-mt-0',\n})\n\nexport const DialogContentResponseStatusMessage: FC<{\n  responseStatus: ReturnType<typeof useResponseStatus>\n  className?: string\n}> = ({ responseStatus, className }) => {\n  const classNames = useMemo(() => classNameGenerator({ className }), [className])\n\n  const StatusMessage = () => (\n    <ResponseMessage status={responseStatus.status}>{responseStatus.message}</ResponseMessage>\n  )\n\n  return (\n    /**\n     * ライブリージョンを条件付きでDOMに追加すると、支援技術に通知が正しく行われないことがあるため、常にDOM上に存在するようにしています\n     *\n     * @see https://www.sarasoueidan.com/blog/accessible-notifications-with-aria-live-regions-part-2/#make-sure-the-live-region-container-is-in-the-dom-as-early-as-possible\n     */\n    <>\n      <div className={classNames} role=\"alert\">\n        {responseStatus.message && responseStatus.status === 'error' && <StatusMessage />}\n      </div>\n      <div className={classNames} role=\"status\">\n        {responseStatus.message && responseStatus.status === 'success' && <StatusMessage />}\n      </div>\n    </>\n  )\n}\n"],"names":["tv","useMemo","_jsx","ResponseMessage","_jsxs","_Fragment"],"mappings":";;;;;;;AAOA,MAAM,kBAAkB,GAAGA,QAAE,CAAC;AAC5B,IAAA,IAAI,EAAE,iBAAiB;AACxB,CAAA,CAAC;AAEK,MAAM,kCAAkC,GAG1C,CAAC,EAAE,cAAc,EAAE,SAAS,EAAE,KAAI;AACrC,IAAA,MAAM,UAAU,GAAGC,aAAO,CAAC,MAAM,kBAAkB,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAEhF,MAAM,aAAa,GAAG,OACpBC,cAAA,CAACC,0DAAe,EAAA,EAAC,MAAM,EAAE,cAAc,CAAC,MAAM,EAAA,QAAA,EAAG,cAAc,CAAC,OAAO,EAAA,CAAmB,CAC3F;IAED;AACE;;;;AAIG;IACHC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACEH,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,UAAU,EAAE,IAAI,EAAC,OAAO,EAAA,QAAA,EACrC,cAAc,CAAC,OAAO,IAAI,cAAc,CAAC,MAAM,KAAK,OAAO,IAAIA,cAAA,CAAC,aAAa,EAAA,EAAA,CAAG,EAAA,CAC7E,EACNA,wBAAK,SAAS,EAAE,UAAU,EAAE,IAAI,EAAC,QAAQ,EAAA,QAAA,EACtC,cAAc,CAAC,OAAO,IAAI,cAAc,CAAC,MAAM,KAAK,SAAS,IAAIA,cAAA,CAAC,aAAa,EAAA,EAAA,CAAG,EAAA,CAC/E,CAAA,EAAA,CACL;AAEP;;;;"}