{"version":3,"file":"index.mjs","names":[],"sources":["../src/react-compare-slider.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\n\nimport { Handle } from './components/handle';\nimport { HandleRoot } from './components/handle-root';\nimport { Item } from './components/item';\nimport { Provider } from './components/provider';\nimport { Root } from './components/root';\nimport { useReactCompareSlider } from './hooks';\nimport type { ReactCompareSliderDetailedProps } from './types';\n\nexport const ReactCompareSlider: FC<ReactCompareSliderDetailedProps> = ({\n  boundsPadding,\n  browsingContext,\n  changePositionOnHover,\n  clip,\n  defaultPosition,\n  disabled,\n  handle,\n  itemOne,\n  itemTwo,\n  keyboardIncrement,\n  onPositionChange,\n  onlyHandleDraggable,\n  portrait,\n  transition,\n  ...props\n}) => {\n  const contextProps = useReactCompareSlider({\n    boundsPadding,\n    browsingContext,\n    changePositionOnHover,\n    clip,\n    defaultPosition,\n    disabled,\n    keyboardIncrement,\n    onPositionChange,\n    onlyHandleDraggable,\n    portrait,\n    transition,\n  });\n\n  return (\n    <Provider {...contextProps}>\n      <Root {...props}>\n        <Item item=\"itemOne\">{itemOne}</Item>\n        <Item item=\"itemTwo\">{itemTwo}</Item>\n        <HandleRoot>{handle || <Handle />}</HandleRoot>\n      </Root>\n    </Provider>\n  );\n};\n"],"mappings":"sRAYA,MAAa,GAA2D,CACtE,gBACA,kBACA,wBACA,OACA,kBACA,WACA,SACA,UACA,UACA,oBACA,mBACA,sBACA,WACA,aACA,GAAG,KAiBD,EAAC,EAAD,CAAU,GAfS,EAAsB,CACzC,gBACA,kBACA,wBACA,OACA,kBACA,WACA,oBACA,mBACA,sBACA,WACA,aACD,CAAC,UAIE,EAAC,EAAD,CAAM,GAAI,WAAV,CACE,EAAC,EAAD,CAAM,KAAK,mBAAW,EAAe,CAAA,CACrC,EAAC,EAAD,CAAM,KAAK,mBAAW,EAAe,CAAA,CACrC,EAAC,EAAD,CAAA,SAAa,GAAU,EAAC,EAAD,EAAU,CAAA,CAAc,CAAA,CAC1C,GACE,CAAA"}