{"version":3,"file":"context-menu-item.cjs","sources":["../../../components/context-menu/context-menu-item.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Autocomplete as AutocompletePrimitive,\n  ContextMenu as ContextMenuPrimitive\n} from '@base-ui/react';\nimport { Cell, CellBaseProps } from '../menu/cell';\nimport { useMenuContext } from '../menu/menu-root';\nimport { getMatch } from '../menu/utils';\n\nexport interface ContextMenuItemProps\n  extends ContextMenuPrimitive.Item.Props,\n    CellBaseProps {\n  value?: string;\n}\n\nexport const ContextMenuItem = ({\n  children,\n  value,\n  leadingIcon,\n  trailingIcon,\n  render,\n  ...props\n}: ContextMenuItemProps) => {\n  const { autocomplete, inputValue, shouldFilter } = useMenuContext();\n\n  const cell = render ?? (\n    <Cell leadingIcon={leadingIcon} trailingIcon={trailingIcon} />\n  );\n\n  // In auto mode, hide items that don't match the search value\n  if (shouldFilter && !getMatch(value, children, inputValue)) {\n    return null;\n  }\n\n  if (autocomplete) {\n    return (\n      <AutocompletePrimitive.Item\n        data-slot='context-menu-item'\n        value={value}\n        render={<ContextMenuPrimitive.Item render={cell} />}\n        {...props}\n      >\n        {children}\n      </AutocompletePrimitive.Item>\n    );\n  }\n\n  return (\n    <ContextMenuPrimitive.Item\n      data-slot='context-menu-item'\n      render={cell}\n      {...props}\n      onFocus={e => {\n        e.stopPropagation();\n        e.preventDefault();\n        e.preventBaseUIHandler();\n      }}\n    >\n      {children}\n    </ContextMenuPrimitive.Item>\n  );\n};\nContextMenuItem.displayName = 'ContextMenu.Item';\n"],"names":[],"mappings":";;;;;;;;;;;AA0BE;;AAKA;AACE;;;AAIA;;AAYF;;;;AASI;AAKN;AACA;;"}