@mantine/core/cjs/components/Modal/ModalCloseButton.cjs.map

React components library focused on usability, accessibility and developer experience

{"version":3,"file":"ModalCloseButton.cjs","names":["factory","useProps","ModalBaseCloseButton","useModalContext","classes"],"sources":["../../../src/components/Modal/ModalCloseButton.tsx"],"sourcesContent":["import { CompoundStylesApiProps, factory, Factory, useProps } from '../../core';\nimport { ModalBaseCloseButton, ModalBaseCloseButtonProps } from '../ModalBase';\nimport { useModalContext } from './Modal.context';\nimport classes from './Modal.module.css';\n\nexport type ModalCloseButtonStylesNames = 'close';\n\nexport interface ModalCloseButtonProps\n  extends ModalBaseCloseButtonProps, CompoundStylesApiProps<ModalCloseButtonFactory> {}\n\nexport type ModalCloseButtonFactory = Factory<{\n  props: ModalCloseButtonProps;\n  ref: HTMLButtonElement;\n  stylesNames: ModalCloseButtonStylesNames;\n  compound: true;\n}>;\n\nexport const ModalCloseButton = factory<ModalCloseButtonFactory>((_props) => {\n  const props = useProps('ModalCloseButton', null, _props);\n  const { classNames, className, style, styles, vars, ...others } = props;\n\n  const ctx = useModalContext();\n\n  return (\n    <ModalBaseCloseButton\n      {...ctx.getStyles('close', { classNames, style, styles, className })}\n      {...others}\n    />\n  );\n});\n\nModalCloseButton.classes = classes;\nModalCloseButton.displayName = '@mantine/core/ModalCloseButton';\n"],"mappings":";;;;;;;;;AAiBA,MAAa,mBAAmBA,gBAAAA,SAAkC,WAAW;CAE3E,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,GAAG,WADzCC,kBAAAA,SAAS,oBAAoB,MAAM,OAAO;AAKxD,QACE,iBAAA,GAAA,kBAAA,KAACC,6BAAAA,sBAAD;EACE,GAJQC,sBAAAA,iBAAiB,CAIjB,UAAU,SAAS;GAAE;GAAY;GAAO;GAAQ;GAAW,CAAC;EACpE,GAAI;EACJ,CAAA;EAEJ;AAEF,iBAAiB,UAAUC,qBAAAA;AAC3B,iBAAiB,cAAc"}