{"version":3,"file":"ModalCloseButton.cjs","sources":["../../../src/components/Modal/ModalCloseButton.tsx"],"sourcesContent":["import { CompoundStylesApiProps, factory, Factory, useProps } from '../../core';\nimport { ModalBaseCloseButton, ModalBaseCloseButtonProps } from '../ModalBase';\nimport { useModalContext } from './Modal.context';\n\nexport type ModalCloseButtonStylesNames = 'close';\n\nexport interface ModalCloseButtonProps\n  extends ModalBaseCloseButtonProps,\n    CompoundStylesApiProps<ModalCloseButtonFactory> {}\n\nexport type ModalCloseButtonFactory = Factory<{\n  props: ModalCloseButtonProps;\n  ref: HTMLButtonElement;\n  stylesNames: ModalCloseButtonStylesNames;\n  compound: true;\n}>;\n\nconst defaultProps: Partial<ModalCloseButtonProps> = {};\n\nexport const ModalCloseButton = factory<ModalCloseButtonFactory>((_props, ref) => {\n  const props = useProps('ModalCloseButton', defaultProps, _props);\n  const { classNames, className, style, styles, vars, ...others } = props;\n\n  const ctx = useModalContext();\n\n  return (\n    <ModalBaseCloseButton\n      ref={ref}\n      {...ctx.getStyles('close', { classNames, style, styles, className })}\n      {...others}\n    />\n  );\n});\n\nModalCloseButton.displayName = '@raikou/core/ModalCloseButton';\n"],"names":["factory","useProps","useModalContext","jsx","ModalBaseCloseButton"],"mappings":";;;;;;;;;;;;;;;;;;;;AAiBA,MAAM,eAA+C,EAAC;AAE/C,MAAM,gBAAmB,GAAAA,eAAA,CAAiC,CAAC,MAAA,EAAQ,GAAQ,KAAA;AAChF,EAAA,MAAM,KAAQ,GAAAC,iBAAA,CAAS,kBAAoB,EAAA,YAAA,EAAc,MAAM,CAAA;AAC/D,EAAM,MAAA,EAAE,YAAY,SAAW,EAAA,KAAA,EAAO,QAAQ,IAAM,EAAA,GAAG,QAAW,GAAA,KAAA;AAElE,EAAA,MAAM,MAAMC,6BAAgB,EAAA;AAE5B,EACE,uBAAAC,cAAA;AAAA,IAACC,yCAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACC,GAAG,IAAI,SAAU,CAAA,OAAA,EAAS,EAAE,UAAY,EAAA,KAAA,EAAO,MAAQ,EAAA,SAAA,EAAW,CAAA;AAAA,MAClE,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC;AAED,gBAAA,CAAiB,WAAc,GAAA,+BAAA;;;;"}