@mantine/core/cjs/components/AppShell/AppShellMain/AppShellMain.cjs.map

React components library focused on usability, accessibility and developer experience

{"version":3,"file":"AppShellMain.cjs","names":["factory","useProps","Box","useAppShellContext","classes"],"sources":["../../../../src/components/AppShell/AppShellMain/AppShellMain.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  CompoundStylesApiProps,\n  ElementProps,\n  factory,\n  Factory,\n  useProps,\n} from '../../../core';\nimport { useAppShellContext } from '../AppShell.context';\nimport classes from '../AppShell.module.css';\n\nexport type AppShellMainStylesNames = 'main';\n\nexport interface AppShellMainProps\n  extends BoxProps, CompoundStylesApiProps<AppShellMainFactory>, ElementProps<'main'> {}\n\nexport type AppShellMainFactory = Factory<{\n  props: AppShellMainProps;\n  ref: HTMLElement;\n  stylesNames: AppShellMainStylesNames;\n  compound: true;\n}>;\n\nexport const AppShellMain = factory<AppShellMainFactory>((_props) => {\n  const { classNames, className, style, styles, vars, ...others } = useProps(\n    'AppShellMain',\n    null,\n    _props\n  );\n\n  const ctx = useAppShellContext();\n\n  return (\n    <Box\n      component=\"main\"\n      {...ctx.getStyles('main', { className, style, classNames, styles })}\n      {...others}\n    />\n  );\n});\n\nAppShellMain.classes = classes;\nAppShellMain.displayName = '@mantine/core/AppShellMain';\n"],"mappings":";;;;;;;;;AAwBA,MAAa,eAAeA,gBAAAA,SAA8B,WAAW;CACnE,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,GAAG,WAAWC,kBAAAA,SAChE,gBACA,MACA,OACD;AAID,QACE,iBAAA,GAAA,kBAAA,KAACC,YAAAA,KAAD;EACE,WAAU;EACV,GALQC,yBAAAA,oBAAoB,CAKpB,UAAU,QAAQ;GAAE;GAAW;GAAO;GAAY;GAAQ,CAAC;EACnE,GAAI;EACJ,CAAA;EAEJ;AAEF,aAAa,UAAUC,wBAAAA;AACvB,aAAa,cAAc"}