@mantine/carousel/cjs/CarouselSlide/CarouselSlide.cjs.map

Embla based carousel

{"version":3,"file":"CarouselSlide.cjs","names":["useCarouselContext","Box","classes"],"sources":["../../src/CarouselSlide/CarouselSlide.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  CompoundStylesApiProps,\n  ElementProps,\n  factory,\n  Factory,\n  useProps,\n} from '@mantine/core';\nimport { useCarouselContext } from '../Carousel.context';\nimport classes from '../Carousel.module.css';\n\nexport type CarouselSlideStylesNames = 'slide';\n\nexport interface CarouselSlideProps\n  extends BoxProps, CompoundStylesApiProps<CarouselSlideFactory>, ElementProps<'div'> {}\n\nexport type CarouselSlideFactory = Factory<{\n  props: CarouselSlideProps;\n  ref: HTMLDivElement;\n  stylesNames: CarouselSlideStylesNames;\n  compound: true;\n}>;\n\nexport const CarouselSlide = factory<CarouselSlideFactory>((props) => {\n  const { classNames, className, style, styles, vars, mod, ...others } = useProps(\n    'CarouselSlide',\n    null,\n    props\n  );\n\n  const ctx = useCarouselContext();\n\n  return (\n    <Box\n      mod={[{ orientation: ctx.orientation }, mod]}\n      role=\"group\"\n      aria-roledescription=\"slide\"\n      aria-label=\"Carousel slide\"\n      {...ctx.getStyles('slide', { className, style, classNames, styles })}\n      {...others}\n    />\n  );\n});\n\nCarouselSlide.classes = classes;\nCarouselSlide.displayName = '@mantine/carousel/CarouselSlide';\n"],"mappings":";;;;;;;AAwBA,MAAa,iBAAA,GAAA,cAAA,UAA+C,UAAU;CACpE,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,KAAK,GAAG,YAAA,GAAA,cAAA,UAC1D,iBACA,MACA,KACF;CAEA,MAAM,MAAMA,yBAAAA,mBAAmB;CAE/B,OACE,iBAAA,GAAA,kBAAA,KAACC,cAAAA,KAAD;EACE,KAAK,CAAC,EAAE,aAAa,IAAI,YAAY,GAAG,GAAG;EAC3C,MAAK;EACL,wBAAqB;EACrB,cAAW;EACX,GAAI,IAAI,UAAU,SAAS;GAAE;GAAW;GAAO;GAAY;EAAO,CAAC;EACnE,GAAI;CACL,CAAA;AAEL,CAAC;AAED,cAAc,UAAUC,wBAAAA;AACxB,cAAc,cAAc"}