@mantine/core/cjs/components/Drawer/DrawerOverlay.cjs.map

React components library focused on usability, accessibility and developer experience

{"version":3,"file":"DrawerOverlay.cjs","names":["factory","useProps","ModalBaseOverlay","useDrawerContext","classes"],"sources":["../../../src/components/Drawer/DrawerOverlay.tsx"],"sourcesContent":["import { CompoundStylesApiProps, factory, Factory, useProps } from '../../core';\nimport { ModalBaseOverlay, ModalBaseOverlayProps } from '../ModalBase';\nimport { useDrawerContext } from './Drawer.context';\nimport classes from './Drawer.module.css';\n\nexport type DrawerOverlayStylesNames = 'overlay';\n\nexport interface DrawerOverlayProps\n  extends ModalBaseOverlayProps, CompoundStylesApiProps<DrawerOverlayFactory> {}\n\nexport type DrawerOverlayFactory = Factory<{\n  props: DrawerOverlayProps;\n  ref: HTMLDivElement;\n  stylesNames: DrawerOverlayStylesNames;\n  compound: true;\n}>;\n\nexport const DrawerOverlay = factory<DrawerOverlayFactory>((_props) => {\n  const props = useProps('DrawerOverlay', null, _props);\n  const { classNames, className, style, styles, vars, ...others } = props;\n\n  const ctx = useDrawerContext();\n\n  return (\n    <ModalBaseOverlay\n      {...ctx.getStyles('overlay', { classNames, style, styles, className })}\n      {...others}\n    />\n  );\n});\n\nDrawerOverlay.classes = classes;\nDrawerOverlay.displayName = '@mantine/core/DrawerOverlay';\n"],"mappings":";;;;;;;;;AAiBA,MAAa,gBAAgBA,gBAAAA,SAA+B,WAAW;CAErE,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,GAAG,WADzCC,kBAAAA,SAAS,iBAAiB,MAAM,OAAO;AAKrD,QACE,iBAAA,GAAA,kBAAA,KAACC,yBAAAA,kBAAD;EACE,GAJQC,uBAAAA,kBAAkB,CAIlB,UAAU,WAAW;GAAE;GAAY;GAAO;GAAQ;GAAW,CAAC;EACtE,GAAI;EACJ,CAAA;EAEJ;AAEF,cAAc,UAAUC,sBAAAA;AACxB,cAAc,cAAc"}