{"version":3,"file":"ActionBarDivider.mjs","names":["classes"],"sources":["../../../../src/components/ActionBar/ActionBarDivider/ActionBarDivider.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  CompoundStylesApiProps,\n  ElementProps,\n  factory,\n  Factory,\n  useProps,\n} from '../../../core';\nimport { useActionBarContext } from '../ActionBar.context';\nimport classes from '../ActionBar.module.css';\n\nexport type ActionBarDividerStylesNames = 'divider';\n\nexport interface ActionBarDividerProps\n  extends BoxProps, CompoundStylesApiProps<ActionBarDividerFactory>, ElementProps<'div'> {}\n\nexport type ActionBarDividerFactory = Factory<{\n  props: ActionBarDividerProps;\n  ref: HTMLDivElement;\n  stylesNames: ActionBarDividerStylesNames;\n  compound: true;\n}>;\n\nconst defaultProps: Partial<ActionBarDividerProps> = {};\n\nexport const ActionBarDivider = factory<ActionBarDividerFactory>((_props) => {\n  const props = useProps('ActionBarDivider', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    vars,\n    role,\n    'aria-orientation': ariaOrientation,\n    ...others\n  } = props;\n  const ctx = useActionBarContext();\n\n  return (\n    <Box\n      {...ctx.getStyles('divider', { className, classNames, style, styles })}\n      role={role ?? 'separator'}\n      aria-orientation={ariaOrientation ?? 'vertical'}\n      {...others}\n    />\n  );\n});\n\nActionBarDivider.classes = classes;\nActionBarDivider.displayName = '@mantine/core/ActionBarDivider';\n"],"mappings":";;;;;;;;AAwBA,MAAM,eAA+C,CAAC;AAEtD,MAAa,mBAAmB,SAAkC,WAAW;CAE3E,MAAM,EACJ,YACA,WACA,OACA,QACA,MACA,MACA,oBAAoB,iBACpB,GAAG,WATS,SAAS,oBAAoB,cAAc,MAUjD;CACR,MAAM,MAAM,oBAAoB;CAEhC,OACE,oBAAC,KAAD;EACE,GAAI,IAAI,UAAU,WAAW;GAAE;GAAW;GAAY;GAAO;EAAO,CAAC;EACrE,MAAM,QAAQ;EACd,oBAAkB,mBAAmB;EACrC,GAAI;CACL,CAAA;AAEL,CAAC;AAED,iBAAiB,UAAUA;AAC3B,iBAAiB,cAAc"}