{"version":3,"file":"toolbar.cjs","sources":["../../../components/toolbar/toolbar.tsx"],"sourcesContent":["'use client';\n\nimport { Toolbar as ToolbarPrimitive } from '@base-ui/react/toolbar';\nimport { cx } from 'class-variance-authority';\nimport { Button } from '../button';\nimport styles from './toolbar.module.css';\n\nconst ToolbarRoot = ({ className, ...props }: ToolbarPrimitive.Root.Props) => (\n  <ToolbarPrimitive.Root\n    data-slot='toolbar'\n    className={cx(styles.root, className)}\n    {...props}\n  />\n);\nToolbarRoot.displayName = 'Toolbar';\n\nconst ToolbarButton = ({\n  className,\n  ...props\n}: ToolbarPrimitive.Button.Props) => (\n  <ToolbarPrimitive.Button\n    data-slot='toolbar-button'\n    className={cx(styles.button, className)}\n    render={<Button variant='text' color='neutral' size='small' />}\n    {...props}\n  />\n);\nToolbarButton.displayName = 'Toolbar.Button';\n\nconst ToolbarGroup = ({\n  className,\n  ...props\n}: ToolbarPrimitive.Group.Props) => (\n  <ToolbarPrimitive.Group\n    data-slot='toolbar-group'\n    className={cx(styles.group, className)}\n    {...props}\n  />\n);\nToolbarGroup.displayName = 'Toolbar.Group';\n\nconst ToolbarSeparator = ({\n  className,\n  ...props\n}: ToolbarPrimitive.Separator.Props) => (\n  <ToolbarPrimitive.Separator\n    data-slot='toolbar-separator'\n    className={cx(styles.separator, className)}\n    {...props}\n  />\n);\nToolbarSeparator.displayName = 'Toolbar.Separator';\n\nexport const Toolbar = Object.assign(ToolbarRoot, {\n  Button: ToolbarButton,\n  Group: ToolbarGroup,\n  Separator: ToolbarSeparator\n});\n"],"names":[],"mappings":";;;;;;;;;AAOA;AAOA;AAEA;AAWA;AAEA;AAUA;AAEA;AAUA;;AAGE;AACA;AACA;AACD;;"}