{"version":3,"sources":["../src/modal-close-button.tsx"],"sourcesContent":["import { CloseButtonProps, CloseButton } from \"@chakra-ui/close-button\"\nimport { cx, callAllHandlers } from \"@chakra-ui/shared-utils\"\nimport { forwardRef } from \"@chakra-ui/system\"\n\nimport { useModalContext, useModalStyles } from \"./modal\"\n\nexport type ModalCloseButtonProps = CloseButtonProps\n\n/**\n * ModalCloseButton is used closes the modal.\n *\n * You don't need to pass the `onClick` to it, it reads the\n * `onClose` action from the modal context.\n */\nexport const ModalCloseButton = forwardRef<CloseButtonProps, \"button\">(\n  (props, ref) => {\n    const { onClick, className, ...rest } = props\n    const { onClose } = useModalContext()\n\n    const _className = cx(\"chakra-modal__close-btn\", className)\n\n    const styles = useModalStyles()\n\n    return (\n      <CloseButton\n        ref={ref}\n        __css={styles.closeButton}\n        className={_className}\n        onClick={callAllHandlers(onClick, (event: React.MouseEvent) => {\n          event.stopPropagation()\n          onClose()\n        })}\n        {...rest}\n      />\n    )\n  },\n)\n\nModalCloseButton.displayName = \"ModalCloseButton\"\n"],"mappings":";;;;;;;AAAA,SAA2B,mBAAmB;AAC9C,SAAS,IAAI,uBAAuB;AACpC,SAAS,kBAAkB;AAsBrB;AAVC,IAAM,mBAAmB;AAAA,EAC9B,CAAC,OAAO,QAAQ;AACd,UAAM,EAAE,SAAS,WAAW,GAAG,KAAK,IAAI;AACxC,UAAM,EAAE,QAAQ,IAAI,gBAAgB;AAEpC,UAAM,aAAa,GAAG,2BAA2B,SAAS;AAE1D,UAAM,SAAS,eAAe;AAE9B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,OAAO,OAAO;AAAA,QACd,WAAW;AAAA,QACX,SAAS,gBAAgB,SAAS,CAAC,UAA4B;AAC7D,gBAAM,gBAAgB;AACtB,kBAAQ;AAAA,QACV,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,iBAAiB,cAAc;","names":[]}