{"version":3,"file":"SpotlightActionsGroup.mjs","names":["classes"],"sources":["../src/SpotlightActionsGroup.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  CompoundStylesApiProps,\n  ElementProps,\n  factory,\n  Factory,\n  useProps,\n} from '@mantine/core';\nimport { useSpotlightContext } from './Spotlight.context';\nimport classes from './Spotlight.module.css';\n\nexport type SpotlightActionsGroupStylesNames = 'actionsGroup';\n\nexport interface SpotlightActionsGroupProps\n  extends BoxProps, CompoundStylesApiProps<SpotlightActionsGroupFactory>, ElementProps<'div'> {\n  /** `Spotlight.Action` components */\n  children?: React.ReactNode;\n\n  /** Group label */\n  label?: string;\n}\n\nexport type SpotlightActionsGroupFactory = Factory<{\n  props: SpotlightActionsGroupProps;\n  ref: HTMLDivElement;\n  stylesNames: SpotlightActionsGroupStylesNames;\n  compound: true;\n}>;\n\nexport const SpotlightActionsGroup = factory<SpotlightActionsGroupFactory>((props) => {\n  const { className, style, styles, classNames, label, children, ...others } = useProps(\n    'SpotlightActionsGroup',\n    null,\n    props\n  );\n\n  const ctx = useSpotlightContext();\n\n  return (\n    <Box\n      {...ctx.getStyles('actionsGroup', { className, style, classNames, styles })}\n      {...others}\n      __vars={{\n        '--spotlight-label': `'${label?.replace(/\\\\/g, '\\\\\\\\').replace(/'/g, \"\\\\'\")}'`,\n      }}\n    >\n      {children}\n    </Box>\n  );\n});\n\nSpotlightActionsGroup.classes = classes;\nSpotlightActionsGroup.displayName = '@mantine/core/SpotlightActionsGroup';\n"],"mappings":";;;;;;AA8BA,MAAa,wBAAwB,SAAuC,UAAU;CACpF,MAAM,EAAE,WAAW,OAAO,QAAQ,YAAY,OAAO,UAAU,GAAG,WAAW,SAC3E,yBACA,MACA,KACF;CAIA,OACE,oBAAC,KAAD;EACE,GAJQ,oBAIF,EAAE,UAAU,gBAAgB;GAAE;GAAW;GAAO;GAAY;EAAO,CAAC;EAC1E,GAAI;EACJ,QAAQ,EACN,qBAAqB,IAAI,OAAO,QAAQ,OAAO,MAAM,EAAE,QAAQ,MAAM,KAAK,EAAE,GAC9E;EAEC;CACE,CAAA;AAET,CAAC;AAED,sBAAsB,UAAUA;AAChC,sBAAsB,cAAc"}