{"version":3,"sources":["../src/components/SwatchPicker/SwatchPicker.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\nimport type { SwatchPickerProps } from './SwatchPicker.types';\nimport { useSwatchPicker, useSwatchPickerContextValues } from './useSwatchPicker';\nimport { renderSwatchPicker } from './renderSwatchPicker';\n\n/**\n * SwatchPicker represents a collection of swatches that can be selected. It is used\n * to display a set of colors or images for the user to choose from.\n */\nexport const SwatchPicker: ForwardRefComponent<SwatchPickerProps> = React.forwardRef((props, ref) => {\n  const state = useSwatchPicker(props, ref);\n  const contextValues = useSwatchPickerContextValues(state);\n\n  return renderSwatchPicker(state, contextValues);\n});\n\nSwatchPicker.displayName = 'SwatchPicker';\n"],"names":["SwatchPicker","React","forwardRef","props","ref","state","useSwatchPicker","contextValues","useSwatchPickerContextValues","renderSwatchPicker","displayName"],"mappings":"AAAA;;;;;+BAaaA;;;eAAAA;;;;iEAXU;iCAIuC;oCAC3B;AAM5B,MAAMA,6BAAuDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC3F,MAAMC,QAAQC,IAAAA,gCAAe,EAACH,OAAOC;IACrC,MAAMG,gBAAgBC,IAAAA,6CAA4B,EAACH;IAEnD,OAAOI,IAAAA,sCAAkB,EAACJ,OAAOE;AACnC;AAEAP,aAAaU,WAAW,GAAG"}