{"version":3,"sources":["../src/components/Toolbar/ToolbarGroup/ToolbarGroup.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { ToolbarGroupProps } from './ToolbarGroup.types';\nimport { useToolbarGroup } from './useToolbarGroup';\nimport { renderToolbarGroup } from './renderToolbarGroup';\n\n/**\n * A group component used inside a Toolbar to visually and semantically group related controls.\n */\nexport const ToolbarGroup: ForwardRefComponent<ToolbarGroupProps> = React.forwardRef((props, ref) => {\n  const state = useToolbarGroup(props, ref);\n\n  return renderToolbarGroup(state);\n  // Casting is required due to lack of distributive union to support unions on @types/react\n}) as ForwardRefComponent<ToolbarGroupProps>;\n\nToolbarGroup.displayName = 'ToolbarGroup';\n"],"names":["ToolbarGroup","React","forwardRef","props","ref","state","useToolbarGroup","renderToolbarGroup","displayName"],"mappings":"AAAA;;;;;+BAWaA;;;eAAAA;;;;iEATU;iCAGS;oCACG;AAK5B,MAAMA,6BAAuDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC3F,MAAMC,QAAQC,IAAAA,gCAAe,EAACH,OAAOC;IAErC,OAAOG,IAAAA,sCAAkB,EAACF;AAC1B,0FAA0F;AAC5F;AAEAL,aAAaQ,WAAW,GAAG"}