{"version":3,"file":"ModalHeader.mjs","sources":["../../../src/components/Modal/ModalHeader.tsx"],"sourcesContent":["import { CompoundStylesApiProps, factory, Factory, useProps } from '../../core';\nimport { ModalBaseHeader, ModalBaseHeaderProps } from '../ModalBase';\nimport { useModalContext } from './Modal.context';\n\nexport type ModalHeaderStylesNames = 'header';\n\nexport interface ModalHeaderProps\n  extends ModalBaseHeaderProps,\n    CompoundStylesApiProps<ModalHeaderFactory> {}\n\nexport type ModalHeaderFactory = Factory<{\n  props: ModalHeaderProps;\n  ref: HTMLElement;\n  stylesNames: ModalHeaderStylesNames;\n  compound: true;\n}>;\n\nconst defaultProps: Partial<ModalHeaderProps> = {};\n\nexport const ModalHeader = factory<ModalHeaderFactory>((_props, ref) => {\n  const props = useProps('ModalHeader', defaultProps, _props);\n  const { classNames, className, style, styles, vars, ...others } = props;\n\n  const ctx = useModalContext();\n\n  return (\n    <ModalBaseHeader\n      ref={ref}\n      {...ctx.getStyles('header', { classNames, style, styles, className })}\n      {...others}\n    />\n  );\n});\n\nModalHeader.displayName = '@raikou/core/ModalHeader';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAiBA,MAAM,eAA0C,EAAC;AAE1C,MAAM,WAAc,GAAA,OAAA,CAA4B,CAAC,MAAA,EAAQ,GAAQ,KAAA;AACtE,EAAA,MAAM,KAAQ,GAAA,QAAA,CAAS,aAAe,EAAA,YAAA,EAAc,MAAM,CAAA;AAC1D,EAAM,MAAA,EAAE,YAAY,SAAW,EAAA,KAAA,EAAO,QAAQ,IAAM,EAAA,GAAG,QAAW,GAAA,KAAA;AAElE,EAAA,MAAM,MAAM,eAAgB,EAAA;AAE5B,EACE,uBAAA,GAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACC,GAAG,IAAI,SAAU,CAAA,QAAA,EAAU,EAAE,UAAY,EAAA,KAAA,EAAO,MAAQ,EAAA,SAAA,EAAW,CAAA;AAAA,MACnE,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC;AAED,WAAA,CAAY,WAAc,GAAA,0BAAA;;;;"}