{"version":3,"file":"BackgroundImage.cjs","sources":["../../../src/components/BackgroundImage/BackgroundImage.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  getRadius,\n  polymorphicFactory,\n  PolymorphicFactory,\n  RaikouRadius,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport { BackgroundImageRootStyle } from './BackgroundImage.css';\n\nexport type BackgroundImageStylesNames = 'root';\nexport type BackgroundImageCssVariables = {\n  root: '--bi-radius';\n};\n\nexport interface BackgroundImageProps extends BoxProps, StylesApiProps<BackgroundImageFactory> {\n  /** Key of `theme.radius` or any valid CSS value to set border-radius, numbers are converted to rem, `0` by default */\n  radius?: RaikouRadius;\n\n  /** Image url */\n  src: string;\n}\n\nexport type BackgroundImageFactory = PolymorphicFactory<{\n  props: BackgroundImageProps;\n  defaultRef: HTMLDivElement;\n  defaultComponent: 'div';\n  stylesNames: BackgroundImageStylesNames;\n  vars: BackgroundImageCssVariables;\n}>;\n\nconst defaultProps: Partial<BackgroundImageProps> = {};\n\nconst varsResolver = createVarsResolver<BackgroundImageFactory>((_, { radius }) => ({\n  root: { '--bi-radius': radius === undefined ? undefined : getRadius(radius) },\n}));\n\nexport const BackgroundImage = polymorphicFactory<BackgroundImageFactory>((_props, ref) => {\n  const props = useProps('BackgroundImage', defaultProps, _props);\n  const { classNames, className, style, styles, unstyled, vars, radius, src, variant, ...others } =\n    props;\n\n  const getStyles = useStyles<BackgroundImageFactory>({\n    name: 'BackgroundImage',\n    props,\n    classes: {\n      root: BackgroundImageRootStyle,\n    },\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <Box\n      ref={ref}\n      variant={variant}\n      {...getStyles('root', { style: { backgroundImage: `url(${src})` } })}\n      {...others}\n    />\n  );\n});\n\nBackgroundImage.displayName = '@raikou/core/BackgroundImage';\n"],"names":["createVarsResolver","getRadius","polymorphicFactory","useProps","useStyles","BackgroundImageRootStyle","jsx","Box"],"mappings":";;;;;;;;;;;;;;;AAmCA,MAAM,eAA8C,EAAC;AAErD,MAAM,eAAeA,qCAA2C,CAAA,CAAC,CAAG,EAAA,EAAE,QAAc,MAAA;AAAA,EAClF,IAAA,EAAM,EAAE,aAAe,EAAA,MAAA,KAAW,SAAY,KAAY,CAAA,GAAAC,iBAAA,CAAU,MAAM,CAAE;AAC9E,CAAE,CAAA,CAAA;AAEK,MAAM,eAAkB,GAAAC,qCAAA,CAA2C,CAAC,MAAA,EAAQ,GAAQ,KAAA;AACzF,EAAA,MAAM,KAAQ,GAAAC,iBAAA,CAAS,iBAAmB,EAAA,YAAA,EAAc,MAAM,CAAA;AAC9D,EAAA,MAAM,EAAE,UAAA,EAAY,SAAW,EAAA,KAAA,EAAO,MAAQ,EAAA,QAAA,EAAU,IAAM,EAAA,MAAA,EAAQ,GAAK,EAAA,OAAA,EAAS,GAAG,MAAA,EACrF,GAAA,KAAA;AAEF,EAAA,MAAM,YAAYC,mBAAkC,CAAA;AAAA,IAClD,IAAM,EAAA,iBAAA;AAAA,IACN,KAAA;AAAA,IACA,OAAS,EAAA;AAAA,MACP,IAAM,EAAAC;AAAA,KACR;AAAA,IACA,SAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EACE,uBAAAC,cAAA;AAAA,IAACC,OAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,OAAA;AAAA,MACC,GAAG,SAAU,CAAA,MAAA,EAAQ,EAAE,KAAA,EAAO,EAAE,eAAA,EAAiB,CAAO,IAAA,EAAA,GAAG,CAAI,CAAA,CAAA,EAAA,EAAG,CAAA;AAAA,MAClE,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC;AAED,eAAA,CAAgB,WAAc,GAAA,8BAAA;;;;"}