{"version":3,"file":"ButtonGroup.mjs","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["'use client'\n\nimport { forwardRef } from 'react'\n\nimport { Stack } from '~/src/components/Stack'\n\nimport type { ButtonGroupProps } from './ButtonGroup.types'\n\n/**\n * `ButtonGroup` is a component that groups buttons together.\n * @example\n * ```tsx\n * <ButtonGroup>\n *   <Button text=\"Close\" />\n *   <Button text=\"Submit\" />\n * </ButtonGroup>\n * ```\n */\nexport const ButtonGroup = forwardRef<HTMLDivElement, ButtonGroupProps>(\n  function ButtonGroup(\n    { children, justify = 'center', withoutSpacing = false, ...props },\n    forwardedRef\n  ) {\n    return (\n      <Stack\n        {...props}\n        role=\"group\"\n        ref={forwardedRef}\n        direction=\"horizontal\"\n        spacing={withoutSpacing ? 0 : 6}\n        justify={justify}\n      >\n        {children}\n      </Stack>\n    )\n  }\n)\n"],"names":["ButtonGroup","forwardRef","children","justify","withoutSpacing","props","forwardedRef","_jsx","Stack","role","ref","direction","spacing"],"mappings":";;;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACaA,WAAW,gBAAGC,UAAU,CACnC,SAASD,WAAWA,CAClB;EAAEE,QAAQ;AAAEC,EAAAA,OAAO,GAAG,QAAQ;AAAEC,EAAAA,cAAc,GAAG,KAAK;EAAE,GAAGC;AAAM,CAAC,EAClEC,YAAY,EACZ;EACA,oBACEC,GAAA,CAACC,KAAK,EAAA;AAAA,IAAA,GACAH,KAAK;AACTI,IAAAA,IAAI,EAAC,OAAO;AACZC,IAAAA,GAAG,EAAEJ,YAAa;AAClBK,IAAAA,SAAS,EAAC,YAAY;AACtBC,IAAAA,OAAO,EAAER,cAAc,GAAG,CAAC,GAAG,CAAE;AAChCD,IAAAA,OAAO,EAAEA,OAAQ;AAAAD,IAAAA,QAAA,EAEhBA;AAAQ,GACJ,CAAC;AAEZ,CACF;;;;"}