{"version":3,"file":"context-menu-misc.cjs","sources":["../../../components/context-menu/context-menu-misc.tsx"],"sourcesContent":["'use client';\n\nimport { ContextMenu as ContextMenuPrimitive } from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport { ComponentProps, Fragment } from 'react';\nimport styles from '../menu/menu.module.css';\nimport { useMenuContext } from '../menu/menu-root';\n\nexport type ContextMenuGroupProps = ContextMenuPrimitive.Group.Props;\nexport const ContextMenuGroup = ({\n  className,\n  children,\n  ...props\n}: ContextMenuGroupProps) => {\n  const { shouldFilter } = useMenuContext();\n\n  if (shouldFilter) {\n    return <Fragment>{children}</Fragment>;\n  }\n\n  return (\n    <ContextMenuPrimitive.Group\n      data-slot='context-menu-group'\n      className={cx(className)}\n      {...props}\n    >\n      {children}\n    </ContextMenuPrimitive.Group>\n  );\n};\nContextMenuGroup.displayName = 'ContextMenu.Group';\n\nexport type ContextMenuLabelProps = ContextMenuPrimitive.GroupLabel.Props;\nexport const ContextMenuLabel = ({\n  className,\n  ...props\n}: ContextMenuLabelProps) => {\n  const { shouldFilter } = useMenuContext();\n\n  if (shouldFilter) {\n    return null;\n  }\n\n  return (\n    <ContextMenuPrimitive.GroupLabel\n      data-slot='context-menu-label'\n      className={cx(styles.label, className)}\n      {...props}\n    />\n  );\n};\nContextMenuLabel.displayName = 'ContextMenu.Label';\n\nexport const ContextMenuSeparator = ({\n  className,\n  ...props\n}: ComponentProps<'div'>) => {\n  const { shouldFilter } = useMenuContext();\n\n  if (shouldFilter) {\n    return null;\n  }\n\n  return (\n    <div\n      data-slot='context-menu-separator'\n      role='separator'\n      className={cx(styles.separator, className)}\n      {...props}\n    />\n  );\n};\nContextMenuSeparator.displayName = 'ContextMenu.Separator';\n\nexport const ContextMenuEmptyState = ({\n  className,\n  children,\n  ...props\n}: ComponentProps<'div'>) => (\n  <div\n    data-slot='context-menu-empty-state'\n    className={cx(styles.empty, className)}\n    {...props}\n  >\n    {children}\n  </div>\n);\nContextMenuEmptyState.displayName = 'ContextMenu.EmptyState';\n"],"names":[],"mappings":";;;;;;;;;;AASO;AAKL;;AAGE;;;AAYJ;AACA;AAGO;AAIL;;AAGE;;;AAUJ;AACA;AAEO;AAIL;;AAGE;;;AAWJ;AACA;AAEa;AAab;;;;;"}