koval-ui/dist/src/lib/ButtonGroup/ButtonGroup.cjs.map

React components collection with minimalistic design. Supports theming, layout, and input validation.

{"version":3,"file":"ButtonGroup.cjs","sources":["../../../../src/lib/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import type {ReactNode} from 'react';\nimport {forwardRef} from 'react';\nimport classNames from 'classnames';\n\nimport type {DataAttributes, LibraryProps} from '@/internal/LibraryAPI';\n\nimport classes from './ButtonGroup.module.css';\n\nenum Layouts {\n    horizontal = 'horizontal',\n    vertical = 'vertical',\n}\n\nexport type Props = DataAttributes &\n    LibraryProps & {\n        children?: ReactNode;\n        layout?: keyof typeof Layouts;\n    };\n\nexport const ButtonGroup = forwardRef<HTMLDivElement, Props>(\n    ({children, className, layout = Layouts.horizontal, ...nativeProps}, ref) => {\n        return (\n            <div\n                {...nativeProps}\n                className={classNames(\n                    classes.buttonGroup,\n                    {\n                        [classes.horizontal]: layout === Layouts.horizontal,\n                        [classes.vertical]: layout === Layouts.vertical,\n                    },\n                    className\n                )}\n                ref={ref}>\n                {children}\n            </div>\n        );\n    }\n);\n\nButtonGroup.displayName = 'ButtonGroup';\n"],"names":["ButtonGroup","forwardRef","children","className","layout","nativeProps","ref","jsx","classNames","classes"],"mappings":"uNAmBaA,EAAcC,EAAAA,WACvB,CAAC,CAAC,SAAAC,EAAU,UAAAC,EAAW,OAAAC,EAAS,aAAoB,GAAGC,CAAA,EAAcC,IAE7DC,EAAAA,IAAC,MAAA,CACI,GAAGF,EACJ,UAAWG,EACPC,EAAAA,QAAQ,YACR,CACI,CAACA,EAAAA,QAAQ,UAAU,EAAGL,IAAW,aACjC,CAACK,EAAAA,QAAQ,QAAQ,EAAGL,IAAW,UAAA,EAEnCD,CAAA,EAEJ,IAAAG,EACC,SAAAJ,CAAA,CAAA,CAIjB,EAEAF,EAAY,YAAc"}