Improve export clarity and add multi-package-manager support to migration guide

Co-authored-by: hotlong <50353452+hotlong@users.noreply.github.com>

Author: Copilot

packages/components/MIGRATION_GUIDE.md

@@ -73,7 +73,14 @@ const form = useForm();
 
 1. **Install react-hook-form** (if not already installed)
    ```bash
+   # Using pnpm
    pnpm add react-hook-form
+   
+   # Using npm
+   npm install react-hook-form
+   
+   # Using yarn
+   yarn add react-hook-form
    ```
 
 2. **Replace component imports**

packages/components/src/ui/index.ts

@@ -56,9 +56,11 @@ export * from './skeleton';
 export * from './slider';
 /** 
  * Sonner is the recommended toast solution for ObjectUI.
+ * The Toaster export below is the Sonner Toaster component.
  * @see https://ui.shadcn.com/docs/components/sonner
  */
 export * from './sonner';
+// Explicitly export Toaster from Sonner as the default Toaster
 export { Toaster } from './sonner';
 export * from './spinner';
 export * from './switch';
@@ -67,7 +69,7 @@ export * from './tabs';
 export * from './textarea';
 /** @deprecated Use Sonner (sonner.tsx) for toast notifications instead */
 export * from './toast';
-/** @deprecated Use Sonner Toaster from sonner.tsx instead */
+/** @deprecated Use Sonner Toaster from sonner.tsx instead. Import { Toaster } for the recommended component. */
 export { Toaster as ToastNotifier } from './toaster';
 export * from './toggle-group';
 export * from './toggle';