add Sui support to the cross chain docs (#386)

* add Sui support to the cross chain docs

* address comments

* correct nano-staged remark command to process only staged files

* address comments

Author: 0xmaayan

package.json

@@ -155,7 +155,7 @@
       "prettier --write"
     ],
     "src/content/**/*.mdx": [
-      "remark \"src/content/**/*.{md,mdx}\" --output"
+      "remark --output --"
     ]
   }
 }

src/content/docs/build/sdks/wallet-adapter/x-chain-accounts.mdx

@@ -38,8 +38,6 @@ The computation of the DAA address is done using the `authenticationFunction` an
 
 ### How to integrate x-chain accounts in my dApp?
 
-Currently, the adapter supports Solana and EVM chains
-
 <Aside type="note">
   It is highly recommended to use the `@aptos-labs/wallet-adapter-react` package for the best experience. Make sure you integrate with the Aptos Wallet Adapter by following these [steps](/build/sdks/wallet-adapter/dapp)
 </Aside>
@@ -89,10 +87,10 @@ Currently, the adapter supports Solana and EVM chains
            }}
          >
            {children}
-         <AptosWalletAdapterProvider/>
+         </AptosWalletAdapterProvider>
          ```
 
-      3. Set crossChainWallets dapp config prop to true fot the AptosWalletAdapterProvider
+      3. Set crossChainWallets dapp config prop to true for the AptosWalletAdapterProvider
 
          ```tsx filename="WalletProvider.tsx"
          <AptosWalletAdapterProvider
@@ -102,7 +100,7 @@ Currently, the adapter supports Solana and EVM chains
            }}
          >
            {children}
-         <AptosWalletAdapterProvider/>
+         </AptosWalletAdapterProvider>
          ```
     </Steps>
   </TabItem>
@@ -149,7 +147,69 @@ Currently, the adapter supports Solana and EVM chains
            }}
          >
            {children}
-         <AptosWalletAdapterProvider/>
+         </AptosWalletAdapterProvider>
+         ```
+
+      3. Set crossChainWallets dapp config prop to true fot the AptosWalletAdapterProvider
+
+         ```tsx filename="WalletProvider.tsx"
+         <AptosWalletAdapterProvider
+          dappConfig={{
+             network: Network.TESTNET,
+             crossChainWallets: true,
+           }}
+         >
+           {children}
+         </AptosWalletAdapterProvider>
+         ```
+    </Steps>
+  </TabItem>
+
+  {/* Sui */}
+
+  <TabItem label="Sui">
+    The wallet adapter follows the [Sui Wallet Standard](https://docs.sui.io/standards/wallet-standard) to discover wallets.
+    Currently, the wallets that have been tested and support cross-chain accounts are:
+
+    |              | Aptos Devnet | Aptos Testnet | Aptos Mainnet |
+    | ------------ | ------------ | ------------- | ------------- |
+    | Backpack     | ✅            | ✅             | ✅             |
+    | Bitget       | ✅            | ✅             | ✅             |
+    | Ethos        | ✅            | ✅             | ✅             |
+    | Nightly      | ✅            | ✅             | ✅             |
+    | OKX          | ✅            | ✅             | ✅             |
+    | Phantom      | ✅            | ✅             | ✅             |
+    | Slush        | ✅            | ✅             | ✅             |
+    | Trust Wallet | ✅            | ✅             | ✅             |
+
+    Supporting x-chain accounts in a dApp requires only a 2-step installation process.
+
+    <Steps>
+      1. Install the @aptos-labs/derived-wallet-sui package
+
+         ```shellscript
+         npm install @aptos-labs/derived-wallet-sui
+         ```
+
+      2. Import the setupAutomaticSuiWalletDerivation function
+
+         Once you have installed the `@aptos-labs/derived-wallet-sui` package, you can import and use it.
+         In the same file where you import the other wallets, such as `WalletProvider.tsx`, you can add the following:
+
+         ```tsx filename="WalletProvider.tsx"
+         import { setupAutomaticSuiWalletDerivation } from "@aptos-labs/derived-wallet-sui";
+
+         setupAutomaticSuiWalletDerivation({ defaultNetwork: Network.TESTNET }); // this is the Aptos network your dapp is working with
+
+         ...
+
+         <AptosWalletAdapterProvider
+          dappConfig={{
+             network: Network.TESTNET,
+           }}
+         >
+           {children}
+         </AptosWalletAdapterProvider>
          ```
 
       3. Set crossChainWallets dapp config prop to true fot the AptosWalletAdapterProvider
@@ -162,7 +222,7 @@ Currently, the adapter supports Solana and EVM chains
            }}
          >
            {children}
-         <AptosWalletAdapterProvider/>
+         </AptosWalletAdapterProvider>
          ```
     </Steps>
   </TabItem>

src/content/docs/es/build/sdks/wallet-adapter/x-chain-accounts.mdx

@@ -39,8 +39,6 @@ El cálculo de la dirección DAA se hace usando la `authenticationFunction` y la
 
 ### ¿Cómo integrar cuentas x-chain en mi dApp?
 
-Actualmente, el adaptador soporta cadenas Solana y EVM
-
 <Aside type="note">
   Se recomienda altamente usar el paquete `@aptos-labs/wallet-adapter-react` para la mejor experiencia. Asegúrate de integrar con el Adaptador de Wallet de Aptos siguiendo estos [pasos](/es/build/sdks/wallet-adapter/dapp)
 </Aside>
@@ -86,7 +84,7 @@ Actualmente, el adaptador soporta cadenas Solana y EVM
            }}
          >
            {children}
-         <AptosWalletAdapterProvider/>
+         </AptosWalletAdapterProvider>
          ```
 
       3. Establecer la prop crossChainWallets dapp config a true para el AptosWalletAdapterProvider
@@ -99,7 +97,7 @@ Actualmente, el adaptador soporta cadenas Solana y EVM
            }}
          >
            {children}
-         <AptosWalletAdapterProvider/>
+         </AptosWalletAdapterProvider>
          ```
     </Steps>
   </TabItem>
@@ -146,7 +144,7 @@ Actualmente, el adaptador soporta cadenas Solana y EVM
            }}
          >
            {children}
-         <AptosWalletAdapterProvider/>
+         </AptosWalletAdapterProvider>
          ```
 
       3. Set crossChainWallets dapp config prop to true fot the AptosWalletAdapterProvider
@@ -159,7 +157,7 @@ Actualmente, el adaptador soporta cadenas Solana y EVM
            }}
          >
            {children}
-         <AptosWalletAdapterProvider/>
+         </AptosWalletAdapterProvider>
          ```
     </Steps>
   </TabItem>