@mantine/core/cjs/components/Slider/SliderRoot/SliderRoot.cjs.map

React components library focused on usability, accessibility and developer experience

{"version":3,"file":"SliderRoot.cjs","names":["useSliderContext","Box"],"sources":["../../../../src/components/Slider/SliderRoot/SliderRoot.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  ElementProps,\n  MantineColor,\n  MantineRadius,\n  MantineSize,\n} from '../../../core';\nimport { useSliderContext } from '../Slider.context';\n\nexport interface SliderRootProps extends BoxProps, ElementProps<'div'> {\n  size: MantineSize | (string & {}) | number;\n  children: React.ReactNode;\n  color?: MantineColor;\n  disabled: boolean | undefined;\n  variant?: string;\n  thumbSize?: string | number;\n  radius?: MantineRadius;\n  orientation?: 'horizontal' | 'vertical';\n}\n\nexport function SliderRoot({\n  size,\n  disabled,\n  variant,\n  color,\n  thumbSize,\n  radius,\n  orientation,\n  ...others\n}: SliderRootProps) {\n  const { getStyles } = useSliderContext();\n  return (\n    <Box\n      tabIndex={-1}\n      variant={variant}\n      size={size}\n      {...getStyles('root')}\n      mod={{ orientation }}\n      {...others}\n    />\n  );\n}\n\nSliderRoot.displayName = '@mantine/core/SliderRoot';\n"],"mappings":";;;;;;AAqBA,SAAgB,WAAW,EACzB,MACA,UACA,SACA,OACA,WACA,QACA,aACA,GAAG,UACe;CAClB,MAAM,EAAE,cAAcA,uBAAAA,kBAAkB;AACxC,QACE,iBAAA,GAAA,kBAAA,KAACC,YAAAA,KAAD;EACE,UAAU;EACD;EACH;EACN,GAAI,UAAU,OAAO;EACrB,KAAK,EAAE,aAAa;EACpB,GAAI;EACJ,CAAA;;AAIN,WAAW,cAAc"}