{"version":3,"sources":["../../../../src/components/SwatchPicker/ColorSwatch/useColorSwatch.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { useColorSwatchBase_unstable } from '@fluentui/react-swatch-picker';\nimport { toDataAttributeValue } from '../../../utils';\nimport type { ColorSwatchProps, ColorSwatchState } from './ColorSwatch.types';\n\nexport const useColorSwatch = (props: ColorSwatchProps, ref: React.Ref<HTMLButtonElement>): ColorSwatchState => {\n  const state: ColorSwatchState = useColorSwatchBase_unstable(props, ref);\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.focusgroupstart = toDataAttributeValue(state.selected);\n  // eslint-disable-next-line react-hooks/immutability\n  state.root['data-selected'] = toDataAttributeValue(state.selected);\n  // eslint-disable-next-line react-hooks/immutability\n  state.root['data-disabled'] = toDataAttributeValue(state.disabled);\n\n  return state;\n};\n"],"names":["useColorSwatch","props","ref","state","useColorSwatchBase_unstable","root","focusgroupstart","toDataAttributeValue","selected","disabled"],"mappings":"AAAA;;;;;+BAOaA;;;eAAAA;;;mCAJ+B;uBACP;AAG9B,MAAMA,iBAAiB,CAACC,OAAyBC;IACtD,MAAMC,QAA0BC,IAAAA,8CAA2B,EAACH,OAAOC;IAEnE,oDAAoD;IACpDC,MAAME,IAAI,CAACC,eAAe,GAAGC,IAAAA,2BAAoB,EAACJ,MAAMK,QAAQ;IAChE,oDAAoD;IACpDL,MAAME,IAAI,CAAC,gBAAgB,GAAGE,IAAAA,2BAAoB,EAACJ,MAAMK,QAAQ;IACjE,oDAAoD;IACpDL,MAAME,IAAI,CAAC,gBAAgB,GAAGE,IAAAA,2BAAoB,EAACJ,MAAMM,QAAQ;IAEjE,OAAON;AACT"}