{"version":3,"file":"navbar-sections.cjs","sources":["../../../components/navbar/navbar-sections.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { ComponentProps } from 'react';\nimport { Flex } from '../flex';\nimport styles from './navbar.module.css';\n\nexport interface NavbarStartProps extends ComponentProps<typeof Flex> {}\n\nexport const NavbarStart = ({\n  className,\n  children,\n  'aria-label': ariaLabel,\n  align = 'center',\n  gap = 5,\n  ...props\n}: NavbarStartProps) => {\n  return (\n    <Flex\n      align={align}\n      gap={gap}\n      className={cx(styles.start, className)}\n      aria-label={ariaLabel}\n      data-slot='navbar-start'\n      {...props}\n      role='group'\n    >\n      {children}\n    </Flex>\n  );\n};\n\nNavbarStart.displayName = 'Navbar.Start';\n\nexport interface NavbarCenterProps extends ComponentProps<typeof Flex> {}\n\nexport const NavbarCenter = ({\n  className,\n  children,\n  'aria-label': ariaLabel,\n  align = 'center',\n  gap = 5,\n  ...props\n}: NavbarCenterProps) => {\n  return (\n    <Flex\n      align={align}\n      gap={gap}\n      className={cx(styles.center, className)}\n      aria-label={ariaLabel}\n      data-slot='navbar-center'\n      {...props}\n      role='group'\n    >\n      {children}\n    </Flex>\n  );\n};\n\nNavbarCenter.displayName = 'Navbar.Center';\n\nexport interface NavbarEndProps extends ComponentProps<typeof Flex> {}\n\nexport const NavbarEnd = ({\n  className,\n  children,\n  'aria-label': ariaLabel,\n  align = 'center',\n  gap = 5,\n  ...props\n}: NavbarEndProps) => {\n  return (\n    <Flex\n      align={align}\n      gap={gap}\n      className={cx(styles.end, className)}\n      aria-label={ariaLabel}\n      data-slot='navbar-end'\n      {...props}\n      role='group'\n    >\n      {children}\n    </Flex>\n  );\n};\n\nNavbarEnd.displayName = 'Navbar.End';\n"],"names":[],"mappings":";;;;;;;;AASa;AAQX;AAaF;AAEA;AAIa;AAQX;AAaF;AAEA;AAIa;AAQX;AAaF;AAEA;;;;"}