{"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 { stringifyDataAttribute } 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['data-selected'] = stringifyDataAttribute(state.selected);\n  // eslint-disable-next-line react-hooks/immutability\n  state.root['data-disabled'] = stringifyDataAttribute(state.disabled);\n\n  return state;\n};\n"],"names":["useColorSwatch","props","ref","state","useColorSwatchBase_unstable","root","stringifyDataAttribute","selected","disabled"],"mappings":"AAAA;;;;;+BAOaA;;;eAAAA;;;mCAJ+B;uBACL;AAGhC,MAAMA,iBAAiB,CAACC,OAAyBC;IACtD,MAAMC,QAA0BC,IAAAA,8CAA2B,EAACH,OAAOC;IAEnE,oDAAoD;IACpDC,MAAME,IAAI,CAAC,gBAAgB,GAAGC,IAAAA,6BAAsB,EAACH,MAAMI,QAAQ;IACnE,oDAAoD;IACpDJ,MAAME,IAAI,CAAC,gBAAgB,GAAGC,IAAAA,6BAAsB,EAACH,MAAMK,QAAQ;IAEnE,OAAOL;AACT"}