@mantine/core/cjs/components/Avatar/AvatarGroup/AvatarGroup.cjs.map

React components library focused on usability, accessibility and developer experience

{"version":3,"file":"AvatarGroup.cjs","names":["createVarsResolver","getSpacing","factory","useProps","Box","useStyles","classes"],"sources":["../../../../src/components/Avatar/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import { createContext } from 'react';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  getSpacing,\n  MantineSpacing,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../../core';\nimport classes from '../Avatar.module.css';\n\nexport interface AvatarGroupContextValue {\n  withinGroup: boolean;\n}\n\nexport const AvatarGroupContext = createContext<AvatarGroupContextValue>({ withinGroup: false });\n\nexport type AvatarGroupStylesNames = 'group';\nexport type AvatarGroupCssVariables = {\n  group: '--ag-spacing';\n};\n\nexport interface AvatarGroupProps\n  extends BoxProps, StylesApiProps<AvatarGroupFactory>, ElementProps<'div'> {\n  /** Negative space between Avatar components @default 'sm' */\n  spacing?: MantineSpacing;\n}\n\nexport type AvatarGroupFactory = Factory<{\n  props: AvatarGroupProps;\n  ref: HTMLDivElement;\n  stylesNames: AvatarGroupStylesNames;\n  vars: AvatarGroupCssVariables;\n}>;\n\nconst varsResolver = createVarsResolver<AvatarGroupFactory>((_, { spacing }) => ({\n  group: {\n    '--ag-spacing': getSpacing(spacing),\n  },\n}));\n\nexport const AvatarGroup = factory<AvatarGroupFactory>((_props) => {\n  const props = useProps('AvatarGroup', null, _props);\n  const { classNames, className, style, styles, unstyled, vars, spacing, attributes, ...others } =\n    props;\n\n  const getStyles = useStyles<AvatarGroupFactory>({\n    name: 'AvatarGroup',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n    rootSelector: 'group',\n  });\n\n  return (\n    <AvatarGroupContext value={{ withinGroup: true }}>\n      <Box {...getStyles('group')} {...others} />\n    </AvatarGroupContext>\n  );\n});\n\nAvatarGroup.classes = classes;\nAvatarGroup.varsResolver = varsResolver;\nAvatarGroup.displayName = '@mantine/core/AvatarGroup';\n"],"mappings":";;;;;;;;;;;;AAoBA,MAAa,sBAAA,GAAA,MAAA,eAA4D,EAAE,aAAa,OAAO,CAAC;AAoBhG,MAAM,eAAeA,6BAAAA,oBAAwC,GAAG,EAAE,eAAe,EAC/E,OAAO,EACL,gBAAgBC,iBAAAA,WAAW,QAAQ,EACpC,EACF,EAAE;AAEH,MAAa,cAAcC,gBAAAA,SAA6B,WAAW;CACjE,MAAM,QAAQC,kBAAAA,SAAS,eAAe,MAAM,OAAO;CACnD,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,UAAU,MAAM,SAAS,YAAY,GAAG,WACpF;AAiBF,QACE,iBAAA,GAAA,kBAAA,KAAC,oBAAD;EAAoB,OAAO,EAAE,aAAa,MAAM;YAC9C,iBAAA,GAAA,kBAAA,KAACC,YAAAA,KAAD;GAAK,GAjBSC,mBAAAA,UAA8B;IAC9C,MAAM;IACN,SAAA,sBAAA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA,cAAc;IACf,CAAC,CAIqB,QAAQ;GAAE,GAAI;GAAU,CAAA;EACxB,CAAA;EAEvB;AAEF,YAAY,UAAUC,sBAAAA;AACtB,YAAY,eAAe;AAC3B,YAAY,cAAc"}