fix: reduce naming ambiguity

Author: gagik

packages/compass-context-menu/src/context-menu-provider.tsx

@@ -5,18 +5,20 @@ import React, {
   useMemo,
   createContext,
 } from 'react';
-import type { ContextMenuContext, ContextMenuState } from './types';
+import type { ContextMenuContextType, ContextMenuState } from './types';
 import type { EnhancedMouseEvent } from './context-menu-content';
 import { getContextMenuContent } from './context-menu-content';
 
-export const Context = createContext<ContextMenuContext | null>(null);
+export const ContextMenuContext = createContext<ContextMenuContextType | null>(
+  null
+);
 
 export function ContextMenuProvider({
   children,
-  wrapper,
+  menuWrapper,
 }: {
   children: React.ReactNode;
-  wrapper: React.ComponentType<{
+  menuWrapper: React.ComponentType<{
     menu: ContextMenuState & { close: () => void };
   }>;
 }) {
@@ -73,12 +75,12 @@ export function ContextMenuProvider({
     [close]
   );
 
-  const Wrapper = wrapper ?? React.Fragment;
+  const Wrapper = menuWrapper ?? React.Fragment;
 
   return (
-    <Context.Provider value={value}>
+    <ContextMenuContext.Provider value={value}>
       {children}
       <Wrapper menu={{ ...menu, close }} />
-    </Context.Provider>
+    </ContextMenuContext.Provider>
   );
 }

packages/compass-context-menu/src/types.ts

@@ -16,7 +16,7 @@ export type ContextMenuWrapperProps = {
   menu: ContextMenuState & { close: () => void };
 };
 
-export type ContextMenuContext = {
+export type ContextMenuContextType = {
   close(): void;
 };
 

packages/compass-context-menu/src/use-context-menu.tsx

@@ -1,6 +1,6 @@
 import type { RefCallback } from 'react';
 import { useContext, useMemo, useRef } from 'react';
-import { Context } from './context-menu-provider';
+import { ContextMenuContext } from './context-menu-provider';
 import { appendContextMenuContent } from './context-menu-content';
 import type { ContextMenuItem } from './types';
 
@@ -19,7 +19,7 @@ export type ContextMenuMethods<T extends ContextMenuItem> = {
 export function useContextMenu<
   T extends ContextMenuItem = ContextMenuItem
 >(): ContextMenuMethods<T> {
-  const context = useContext(Context);
+  const context = useContext(ContextMenuContext);
   const previous = useRef<null | [HTMLElement, (event: MouseEvent) => void]>(
     null
   );