{"version":3,"file":"ModalOverlay.cjs","sources":["../../../src/components/Modal/ModalOverlay.tsx"],"sourcesContent":["import { CompoundStylesApiProps, factory, Factory, useProps } from '../../core';\nimport { ModalBaseOverlay, ModalBaseOverlayProps } from '../ModalBase';\nimport { useModalContext } from './Modal.context';\n\nexport type ModalOverlayStylesNames = 'overlay';\n\nexport interface ModalOverlayProps\n  extends ModalBaseOverlayProps,\n    CompoundStylesApiProps<ModalOverlayFactory> {}\n\nexport type ModalOverlayFactory = Factory<{\n  props: ModalOverlayProps;\n  ref: HTMLDivElement;\n  stylesNames: ModalOverlayStylesNames;\n  compound: true;\n}>;\n\nconst defaultProps: Partial<ModalOverlayProps> = {};\n\nexport const ModalOverlay = factory<ModalOverlayFactory>((_props, ref) => {\n  const props = useProps('ModalOverlay', defaultProps, _props);\n  const { classNames, className, style, styles, vars, ...others } = props;\n\n  const ctx = useModalContext();\n\n  return (\n    <ModalBaseOverlay\n      ref={ref}\n      {...ctx.getStyles('overlay', { classNames, style, styles, className })}\n      {...others}\n    />\n  );\n});\n\nModalOverlay.displayName = '@raikou/core/ModalOverlay';\n"],"names":["factory","useProps","useModalContext","jsx","ModalBaseOverlay"],"mappings":";;;;;;;;;;;;;;;;;;;;AAiBA,MAAM,eAA2C,EAAC;AAE3C,MAAM,YAAe,GAAAA,eAAA,CAA6B,CAAC,MAAA,EAAQ,GAAQ,KAAA;AACxE,EAAA,MAAM,KAAQ,GAAAC,iBAAA,CAAS,cAAgB,EAAA,YAAA,EAAc,MAAM,CAAA;AAC3D,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,iCAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACC,GAAG,IAAI,SAAU,CAAA,SAAA,EAAW,EAAE,UAAY,EAAA,KAAA,EAAO,MAAQ,EAAA,SAAA,EAAW,CAAA;AAAA,MACpE,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC;AAED,YAAA,CAAa,WAAc,GAAA,2BAAA;;;;"}