@mantine/core/cjs/components/Menu/MenuLabel/MenuLabel.cjs.map

React components library focused on usability, accessibility and developer experience

{"version":3,"file":"MenuLabel.cjs","names":["factory","useProps","Box","useMenuContext","classes"],"sources":["../../../../src/components/Menu/MenuLabel/MenuLabel.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  CompoundStylesApiProps,\n  ElementProps,\n  factory,\n  Factory,\n  useProps,\n} from '../../../core';\nimport { useMenuContext } from '../Menu.context';\nimport classes from '../Menu.module.css';\n\nexport type MenuLabelStylesNames = 'label';\n\nexport interface MenuLabelProps\n  extends BoxProps, CompoundStylesApiProps<MenuLabelFactory>, ElementProps<'div'> {}\n\nexport type MenuLabelFactory = Factory<{\n  props: MenuLabelProps;\n  ref: HTMLDivElement;\n  stylesNames: MenuLabelStylesNames;\n  compound: true;\n}>;\n\nexport const MenuLabel = factory<MenuLabelFactory>((props) => {\n  const { classNames, className, style, styles, vars, ...others } = useProps(\n    'MenuLabel',\n    null,\n    props\n  );\n  const ctx = useMenuContext();\n\n  return <Box {...ctx.getStyles('label', { className, style, styles, classNames })} {...others} />;\n});\n\nMenuLabel.classes = classes;\nMenuLabel.displayName = '@mantine/core/MenuLabel';\n"],"mappings":";;;;;;;;;AAwBA,MAAa,YAAYA,gBAAAA,SAA2B,UAAU;CAC5D,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,GAAG,WAAWC,kBAAAA,SAChE,aACA,MACA,MACD;AAGD,QAAO,iBAAA,GAAA,kBAAA,KAACC,YAAAA,KAAD;EAAK,GAFAC,qBAAAA,gBAAgB,CAER,UAAU,SAAS;GAAE;GAAW;GAAO;GAAQ;GAAY,CAAC;EAAE,GAAI;EAAU,CAAA;EAChG;AAEF,UAAU,UAAUC,oBAAAA;AACpB,UAAU,cAAc"}