@mantine/core/cjs/components/ActionIcon/ActionIconGroup/ActionIconGroup.cjs.map

React components library focused on usability, accessibility and developer experience

{"version":3,"file":"ActionIconGroup.cjs","names":["createVarsResolver","rem","factory","useProps","Box","useStyles","classes"],"sources":["../../../../src/components/ActionIcon/ActionIconGroup/ActionIconGroup.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  rem,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../../core';\nimport classes from '../ActionIcon.module.css';\n\nexport type ActionIconGroupStylesNames = 'group';\nexport type ActionIconGroupCssVariables = {\n  group: '--ai-border-width';\n};\n\nexport interface ActionIconGroupProps\n  extends BoxProps, StylesApiProps<ActionIconGroupFactory>, ElementProps<'div'> {\n  /** `ActionIcon` and `ActionIcon.GroupSection` components only */\n  children?: React.ReactNode;\n\n  /** Group orientation @default 'horizontal' */\n  orientation?: 'horizontal' | 'vertical';\n\n  /** `border-width` of the child components. @default 1 */\n  borderWidth?: number | string;\n}\n\nexport type ActionIconGroupFactory = Factory<{\n  props: ActionIconGroupProps;\n  ref: HTMLDivElement;\n  stylesNames: ActionIconGroupStylesNames;\n  vars: ActionIconGroupCssVariables;\n}>;\n\nconst defaultProps = {\n  orientation: 'horizontal',\n} satisfies Partial<ActionIconGroupProps>;\n\nconst varsResolver = createVarsResolver<ActionIconGroupFactory>((_, { borderWidth }) => ({\n  group: { '--ai-border-width': rem(borderWidth) },\n}));\n\nexport const ActionIconGroup = factory<ActionIconGroupFactory>((_props) => {\n  const props = useProps('ActionIconGroup', defaultProps, _props);\n  const {\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    orientation,\n    vars,\n    borderWidth,\n    variant,\n    mod,\n    attributes,\n    ...others\n  } = useProps('ActionIconGroup', defaultProps, _props);\n\n  const getStyles = useStyles<ActionIconGroupFactory>({\n    name: 'ActionIconGroup',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n    rootSelector: 'group',\n  });\n\n  return (\n    <Box\n      {...getStyles('group')}\n      variant={variant}\n      mod={[{ 'data-orientation': orientation }, mod]}\n      role=\"group\"\n      {...others}\n    />\n  );\n});\n\nActionIconGroup.classes = classes;\nActionIconGroup.varsResolver = varsResolver;\nActionIconGroup.displayName = '@mantine/core/ActionIconGroup';\n"],"mappings":";;;;;;;;;;;AAsCA,MAAM,eAAe,EACnB,aAAa,cACd;AAED,MAAM,eAAeA,6BAAAA,oBAA4C,GAAG,EAAE,mBAAmB,EACvF,OAAO,EAAE,qBAAqBC,YAAAA,IAAI,YAAY,EAAE,EACjD,EAAE;AAEH,MAAa,kBAAkBC,gBAAAA,SAAiC,WAAW;CACzE,MAAM,QAAQC,kBAAAA,SAAS,mBAAmB,cAAc,OAAO;CAC/D,MAAM,EACJ,WACA,OACA,YACA,QACA,UACA,aACA,MACA,aACA,SACA,KACA,YACA,GAAG,WACDA,kBAAAA,SAAS,mBAAmB,cAAc,OAAO;AAiBrD,QACE,iBAAA,GAAA,kBAAA,KAACC,YAAAA,KAAD;EACE,GAjBcC,mBAAAA,UAAkC;GAClD,MAAM;GACN;GACA,SAAA,0BAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,cAAc;GACf,CAAC,CAIgB,QAAQ;EACb;EACT,KAAK,CAAC,EAAE,oBAAoB,aAAa,EAAE,IAAI;EAC/C,MAAK;EACL,GAAI;EACJ,CAAA;EAEJ;AAEF,gBAAgB,UAAUC,0BAAAA;AAC1B,gBAAgB,eAAe;AAC/B,gBAAgB,cAAc"}