{"version":3,"sources":["../src/components/ColorPicker/AlphaSlider/useAlphaSlider.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { useAlphaSliderBase_unstable } from '@fluentui/react-color-picker';\nimport type { AlphaSliderProps, AlphaSliderState } from './AlphaSlider.types';\nimport { stringifyDataAttribute } from '../../../utils';\n\nexport const useAlphaSlider = (props: AlphaSliderProps, ref: React.Ref<HTMLInputElement>): AlphaSliderState => {\n  const state: AlphaSliderState = useAlphaSliderBase_unstable(props, ref);\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.root['data-channel'] = state.channel;\n  // eslint-disable-next-line react-hooks/immutability\n  state.root['data-orientation'] = state.vertical ? 'vertical' : 'horizontal';\n  // eslint-disable-next-line react-hooks/immutability\n  state.root['data-transparency'] = stringifyDataAttribute(props.transparency);\n\n  return state;\n};\n"],"names":["useAlphaSlider","props","ref","state","useAlphaSliderBase_unstable","root","channel","vertical","stringifyDataAttribute","transparency"],"mappings":"AAAA;;;;;+BAOaA;;;eAAAA;;;kCAJ+B;uBAEL;AAEhC,MAAMA,iBAAiB,CAACC,OAAyBC;IACtD,MAAMC,QAA0BC,IAAAA,6CAA2B,EAACH,OAAOC;IAEnE,oDAAoD;IACpDC,MAAME,IAAI,CAAC,eAAe,GAAGF,MAAMG,OAAO;IAC1C,oDAAoD;IACpDH,MAAME,IAAI,CAAC,mBAAmB,GAAGF,MAAMI,QAAQ,GAAG,aAAa;IAC/D,oDAAoD;IACpDJ,MAAME,IAAI,CAAC,oBAAoB,GAAGG,IAAAA,6BAAsB,EAACP,MAAMQ,YAAY;IAE3E,OAAON;AACT"}