{"version":3,"file":"DrawerCloseButton.cjs","sources":["../../../src/components/Drawer/DrawerCloseButton.tsx"],"sourcesContent":["import { CompoundStylesApiProps, factory, Factory, useProps } from '../../core';\nimport { ModalBaseCloseButton, ModalBaseCloseButtonProps } from '../ModalBase';\nimport { useDrawerContext } from './Drawer.context';\n\nexport type DrawerCloseButtonStylesNames = 'close';\n\nexport interface DrawerCloseButtonProps\n  extends ModalBaseCloseButtonProps,\n    CompoundStylesApiProps<DrawerCloseButtonFactory> {}\n\nexport type DrawerCloseButtonFactory = Factory<{\n  props: DrawerCloseButtonProps;\n  ref: HTMLButtonElement;\n  stylesNames: DrawerCloseButtonStylesNames;\n  compound: true;\n}>;\n\nconst defaultProps: Partial<DrawerCloseButtonProps> = {};\n\nexport const DrawerCloseButton = factory<DrawerCloseButtonFactory>((_props, ref) => {\n  const props = useProps('DrawerCloseButton', defaultProps, _props);\n  const { classNames, className, style, styles, vars, ...others } = props;\n\n  const ctx = useDrawerContext();\n\n  return (\n    <ModalBaseCloseButton\n      ref={ref}\n      {...ctx.getStyles('close', { classNames, style, styles, className })}\n      {...others}\n    />\n  );\n});\n\nDrawerCloseButton.displayName = '@raikou/core/DrawerCloseButton';\n"],"names":["factory","useProps","useDrawerContext","jsx","ModalBaseCloseButton"],"mappings":";;;;;;;;;;;;;;;;;;;;AAiBA,MAAM,eAAgD,EAAC;AAEhD,MAAM,iBAAoB,GAAAA,eAAA,CAAkC,CAAC,MAAA,EAAQ,GAAQ,KAAA;AAClF,EAAA,MAAM,KAAQ,GAAAC,iBAAA,CAAS,mBAAqB,EAAA,YAAA,EAAc,MAAM,CAAA;AAChE,EAAM,MAAA,EAAE,YAAY,SAAW,EAAA,KAAA,EAAO,QAAQ,IAAM,EAAA,GAAG,QAAW,GAAA,KAAA;AAElE,EAAA,MAAM,MAAMC,+BAAiB,EAAA;AAE7B,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,iBAAA,CAAkB,WAAc,GAAA,gCAAA;;;;"}