docs: add MetaMask smart account documentation (#3699)

add metamask smart account documentation

Author: AyushBherwani1998

site/pages/account-abstraction/accounts/smart/toMetaMaskSmartAccount.md

@@ -0,0 +1,78 @@
+# MetaMask Smart Account
+
+:::warning
+**Note:** This implementation is maintained & distributed by [MetaMask Delegation Toolkit](https://docs.gator.metamask.io).
+:::
+
+MetaMask Smart Account has two types of implementations, each offering unique features 
+and use cases. See [Hybrid Smart Account](https://docs.gator.metamask.io/how-to/create-smart-account/configure-accounts-signers#configure-a-hybrid-smart-account) and [MultiSig Smart Account](https://docs.gator.metamask.io/how-to/create-smart-account/configure-accounts-signers#configure-a-multisig-smart-account) to learn more about 
+the implementations.
+
+To implement MetaMask Smart Account, you can use the [`toMetaMaskSamrtAccount`](https://docs.gator.metamask.io/how-to/create-smart-account#create-a-metamasksmartaccount) function from [delegation toolkit](https://docs.gator.metamask.io).
+
+## Install
+
+:::code-group
+```bash [pnpm]
+pnpm add @metamask/delegation-toolkit
+```
+
+```bash [npm]
+npm install @metamask/delegation-toolkit
+```
+
+```bash [yarn]
+yarn add @metamask/delegation-toolkit
+```
+
+```bash [bun]
+bun add @metamask/delegation-toolkit
+```
+:::
+
+## Usage
+
+:::code-group
+
+```ts twoslash [example.ts]
+import { // [!code focus]
+  Implementation, // [!code focus]
+  toMetaMaskSmartAccount, // [!code focus]
+} from "@metamask/delegation-toolkit" // [!code focus]
+import { client } from './client.js'
+import { owner } from './owner.js'
+
+const account = await toMetaMaskSmartAccount({ // [!code focus]
+  client, // [!code focus]
+  implementation: Implementation.Hybrid, // [!code focus]
+  deployParams: [owner.address, [], [], []], // [!code focus]
+  deploySalt: "0x", // [!code focus]
+  signatory: { account: owner }, // [!code focus]
+}) // [!code focus]
+```
+
+```ts twoslash [client.ts] filename="config.ts"
+import { http, createPublicClient } from 'viem'
+import { mainnet } from 'viem/chains'
+ 
+export const client = createPublicClient({
+  chain: mainnet,
+  transport: http(),
+})
+```
+
+```ts twoslash [owner.ts (Private Key)] filename="owner.ts"
+import { privateKeyToAccount } from 'viem/accounts'
+ 
+export const owner = privateKeyToAccount('0x...')
+```
+:::
+
+## Returns
+
+`SmartAccount<MetaMaskSmartAccountImplementation<TImplementation>>`
+
+## Parameters
+
+[See Parameters](https://docs.gator.metamask.io/reference/delegation-toolkit-api/smart-account#parameters-5)
+

site/sidebar.ts

@@ -1222,6 +1222,10 @@ export const sidebar = {
                 text: 'Coinbase',
                 link: '/account-abstraction/accounts/smart/toCoinbaseSmartAccount',
               },
+              {
+                text: 'MetaMask',
+                link: '/account-abstraction/accounts/smart/toMetaMaskSmartAccount',
+              },
               {
                 text: 'Thirdweb',
                 link: '/account-abstraction/accounts/smart/toThirdwebSmartAccount',