{"version":3,"file":"floating-actions.cjs","sources":["../../../components/floating-actions/floating-actions.tsx"],"sourcesContent":["'use client';\n\nimport { Toolbar as ToolbarPrimitive } from '@base-ui/react/toolbar';\nimport { cx } from 'class-variance-authority';\nimport { Separator } from '../separator';\nimport styles from './floating-actions.module.css';\n\nexport type FloatingActionsVariant = 'inline' | 'floating';\nexport type FloatingActionsSide = 'top' | 'bottom';\nexport type FloatingActionsAlign = 'start' | 'center' | 'end';\n\nexport interface FloatingActionsProps\n  extends Omit<\n    ToolbarPrimitive.Root.Props,\n    'disabled' | 'orientation' | 'loopFocus'\n  > {\n  /**\n   * Visual layout. `floating` pins the bar to the viewport via\n   * `position: fixed`; `inline` renders in normal document flow.\n   * @defaultValue \"floating\"\n   */\n  variant?: FloatingActionsVariant;\n  /**\n   * Vertical edge to anchor to. Only applies when `variant=\"floating\"`.\n   * @defaultValue \"bottom\"\n   */\n  side?: FloatingActionsSide;\n  /**\n   * Horizontal alignment along the chosen side. Only applies when\n   * `variant=\"floating\"`.\n   * @defaultValue \"center\"\n   */\n  align?: FloatingActionsAlign;\n}\n\nexport const FloatingActionsRoot = ({\n  className,\n  variant = 'floating',\n  side = 'bottom',\n  align = 'center',\n  ...props\n}: FloatingActionsProps) => (\n  <ToolbarPrimitive.Root\n    data-slot='floating-actions'\n    data-variant={variant}\n    data-side={side}\n    data-align={align}\n    className={cx(styles.root, className)}\n    {...props}\n  />\n);\nFloatingActionsRoot.displayName = 'FloatingActions';\n\nexport type FloatingActionsGroupProps = Omit<\n  ToolbarPrimitive.Group.Props,\n  'disabled'\n>;\n\nexport const FloatingActionsGroup = ({\n  className,\n  ...props\n}: FloatingActionsGroupProps) => (\n  <ToolbarPrimitive.Group\n    data-slot='floating-actions-group'\n    className={cx(styles.group, className)}\n    {...props}\n  />\n);\nFloatingActionsGroup.displayName = 'FloatingActions.Group';\n\nexport type FloatingActionsSeparatorProps = Omit<\n  React.ComponentProps<typeof Separator>,\n  'orientation'\n>;\n\nexport const FloatingActionsSeparator = ({\n  className,\n  ...props\n}: FloatingActionsSeparatorProps) => (\n  <Separator\n    data-slot='floating-actions-separator'\n    orientation='vertical'\n    className={cx(styles.separator, className)}\n    {...props}\n  />\n);\nFloatingActionsSeparator.displayName = 'FloatingActions.Separator';\n"],"names":[],"mappings":";;;;;;;;;AAmCa;AAgBb;AAOa;AAUb;AAOa;AAWb;;;;"}