{"version":3,"file":"MenuDivider.cjs","sources":["../../../../src/components/Menu/MenuDivider/MenuDivider.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';\n\nexport type MenuDividerStylesNames = 'divider';\n\nexport interface MenuDividerProps\n  extends BoxProps,\n    CompoundStylesApiProps<MenuDividerFactory>,\n    ElementProps<'div'> {}\n\nexport type MenuDividerFactory = Factory<{\n  props: MenuDividerProps;\n  ref: HTMLDivElement;\n  stylesNames: MenuDividerStylesNames;\n  compound: true;\n}>;\n\nconst defaultProps: Partial<MenuDividerProps> = {};\n\nexport const MenuDivider = factory<MenuDividerFactory>((props, ref) => {\n  const { classNames, className, style, styles, vars, ...others } = useProps(\n    'MenuDivider',\n    defaultProps,\n    props\n  );\n  const ctx = useMenuContext();\n\n  return (\n    <Box\n      ref={ref}\n      {...ctx.getStyles('divider', { className, style, styles, classNames })}\n      {...others}\n    />\n  );\n});\n\nMenuDivider.displayName = '@raikou/core/MenuDivider';\n"],"names":["factory","useProps","useMenuContext","jsx","Box"],"mappings":";;;;;;;;;;;;;AAyBA,MAAM,eAA0C,EAAC;AAE1C,MAAM,WAAc,GAAAA,eAAA,CAA4B,CAAC,KAAA,EAAO,GAAQ,KAAA;AACrE,EAAM,MAAA,EAAE,YAAY,SAAW,EAAA,KAAA,EAAO,QAAQ,IAAM,EAAA,GAAG,QAAW,GAAAC,iBAAA;AAAA,IAChE,aAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,GACF;AACA,EAAA,MAAM,MAAMC,2BAAe,EAAA;AAE3B,EACE,uBAAAC,cAAA;AAAA,IAACC,OAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACC,GAAG,IAAI,SAAU,CAAA,SAAA,EAAW,EAAE,SAAW,EAAA,KAAA,EAAO,MAAQ,EAAA,UAAA,EAAY,CAAA;AAAA,MACpE,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC;AAED,WAAA,CAAY,WAAc,GAAA,0BAAA;;;;"}