{"version":3,"file":"ComboboxHeader.cjs","sources":["../../../../src/components/Combobox/ComboboxHeader/ComboboxHeader.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  CompoundStylesApiProps,\n  ElementProps,\n  factory,\n  Factory,\n  useProps,\n} from '../../../core';\nimport { useComboboxContext } from '../Combobox.context';\n\nexport type ComboboxHeaderStylesNames = 'header';\n\nexport interface ComboboxHeaderProps\n  extends BoxProps,\n    CompoundStylesApiProps<ComboboxHeaderFactory>,\n    ElementProps<'div'> {}\n\nexport type ComboboxHeaderFactory = Factory<{\n  props: ComboboxHeaderProps;\n  ref: HTMLDivElement;\n  stylesNames: ComboboxHeaderStylesNames;\n  compound: true;\n}>;\n\nconst defaultProps: Partial<ComboboxHeaderProps> = {};\n\nexport const ComboboxHeader = factory<ComboboxHeaderFactory>((props, ref) => {\n  const { classNames, className, style, styles, vars, ...others } = useProps(\n    'ComboboxHeader',\n    defaultProps,\n    props\n  );\n\n  const ctx = useComboboxContext();\n\n  return (\n    <Box\n      ref={ref}\n      {...ctx.getStyles('header', { className, classNames, style, styles })}\n      {...others}\n      onMouseDown={(event) => {\n        event.preventDefault();\n      }}\n    />\n  );\n});\n\nComboboxHeader.displayName = '@raikou/core/ComboboxHeader';\n"],"names":["factory","useProps","useComboboxContext","jsx","Box"],"mappings":";;;;;;;;;;;;;AAyBA,MAAM,eAA6C,EAAC;AAE7C,MAAM,cAAiB,GAAAA,eAAA,CAA+B,CAAC,KAAA,EAAO,GAAQ,KAAA;AAC3E,EAAM,MAAA,EAAE,YAAY,SAAW,EAAA,KAAA,EAAO,QAAQ,IAAM,EAAA,GAAG,QAAW,GAAAC,iBAAA;AAAA,IAChE,gBAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,MAAM,MAAMC,mCAAmB,EAAA;AAE/B,EACE,uBAAAC,cAAA;AAAA,IAACC,OAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACC,GAAG,IAAI,SAAU,CAAA,QAAA,EAAU,EAAE,SAAW,EAAA,UAAA,EAAY,KAAO,EAAA,MAAA,EAAQ,CAAA;AAAA,MACnE,GAAG,MAAA;AAAA,MACJ,WAAA,EAAa,CAAC,KAAU,KAAA;AACtB,QAAA,KAAA,CAAM,cAAe,EAAA;AAAA;AACvB;AAAA,GACF;AAEJ,CAAC;AAED,cAAA,CAAe,WAAc,GAAA,6BAAA;;;;"}