@mantine/core/esm/components/Combobox/ComboboxGroup/ComboboxGroup.mjs.map

React components library focused on usability, accessibility and developer experience

{"version":3,"file":"ComboboxGroup.mjs","names":["classes"],"sources":["../../../../src/components/Combobox/ComboboxGroup/ComboboxGroup.tsx"],"sourcesContent":["import { useId } from '@mantine/hooks';\nimport {\n  Box,\n  BoxProps,\n  CompoundStylesApiProps,\n  ElementProps,\n  factory,\n  Factory,\n  useProps,\n} from '../../../core';\nimport { useComboboxContext } from '../Combobox.context';\nimport classes from '../Combobox.module.css';\n\nexport type ComboboxGroupStylesNames = 'group' | 'groupLabel';\n\nexport interface ComboboxGroupProps\n  extends BoxProps, CompoundStylesApiProps<ComboboxGroupFactory>, ElementProps<'div'> {\n  /** Group label */\n  label?: React.ReactNode;\n}\n\nexport type ComboboxGroupFactory = Factory<{\n  props: ComboboxGroupProps;\n  ref: HTMLDivElement;\n  stylesNames: ComboboxGroupStylesNames;\n  compound: true;\n}>;\n\nexport const ComboboxGroup = factory<ComboboxGroupFactory>((props) => {\n  const { classNames, className, style, styles, vars, children, label, id, ...others } = useProps(\n    'ComboboxGroup',\n    null,\n    props\n  );\n\n  const ctx = useComboboxContext();\n  const _id = useId(id);\n\n  return (\n    <Box\n      role=\"group\"\n      aria-labelledby={label ? _id : undefined}\n      {...ctx.getStyles('group', { className, classNames, style, styles })}\n      {...others}\n    >\n      {label && (\n        <div id={_id} {...ctx.getStyles('groupLabel', { classNames, styles })}>\n          {label}\n        </div>\n      )}\n      {children}\n    </Box>\n  );\n});\n\nComboboxGroup.classes = classes;\nComboboxGroup.displayName = '@mantine/core/ComboboxGroup';\n"],"mappings":";;;;;;;;;AA4BA,MAAa,gBAAgB,SAA+B,UAAU;CACpE,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,UAAU,OAAO,IAAI,GAAG,WAAW,SACrF,iBACA,MACA,MACD;CAED,MAAM,MAAM,oBAAoB;CAChC,MAAM,MAAM,MAAM,GAAG;AAErB,QACE,qBAAC,KAAD;EACE,MAAK;EACL,mBAAiB,QAAQ,MAAM,KAAA;EAC/B,GAAI,IAAI,UAAU,SAAS;GAAE;GAAW;GAAY;GAAO;GAAQ,CAAC;EACpE,GAAI;YAJN,CAMG,SACC,oBAAC,OAAD;GAAK,IAAI;GAAK,GAAI,IAAI,UAAU,cAAc;IAAE;IAAY;IAAQ,CAAC;aAClE;GACG,CAAA,EAEP,SACG;;EAER;AAEF,cAAc,UAAUA;AACxB,cAAc,cAAc"}