feat(cosmos-kit, docs): apply prax extension

packages/cosmos-kit/package.json

@@ -85,6 +85,7 @@
     "@cosmos-kit/okxwallet-extension": "^2.11.2",
     "@cosmos-kit/omni": "^2.10.2",
     "@cosmos-kit/owallet": "^2.11.2",
+    "@cosmos-kit/prax-extension": "0.0.1",
     "@cosmos-kit/shell": "^2.11.2",
     "@cosmos-kit/station": "^2.10.2",
     "@cosmos-kit/tailwind": "^1.5.2",

packages/cosmos-kit/src/wallets.ts

@@ -24,6 +24,7 @@ import { wallets as exodusExtension } from '@cosmos-kit/exodus-extension';
 import { wallets as tailwindWallet } from '@cosmos-kit/tailwind';
 import { wallets as galaxyStationExtension } from '@cosmos-kit/galaxy-station-extension';
 import { wallets as cdcwalletExtension } from '@cosmos-kit/cdcwallet-extension';
+import { wallets as praxExtension } from '@cosmos-kit/prax-extension';
 
 export type WalletName =
   | 'keplr'
@@ -45,7 +46,8 @@ export type WalletName =
   | 'owallet'
   | 'exodus'
   | 'galaxystation'
-  | 'cdcwallet';
+  | 'cdcwallet'
+  | 'prax';
 
 export type WalletList<
   E extends MainWalletBase | null,
@@ -106,6 +108,7 @@ export const tailwind = createWalletList(tailwindWallet[0], null);
 export const owallet = createWalletList(owalletExtension[0], null);
 export const galaxystation = createWalletList(galaxyStationExtension[0], null);
 export const cdcwallet = createWalletList(cdcwalletExtension[0], null);
+export const prax = createWalletList(praxExtension[0], null);
 
 export type SubWalletList = MainWalletBase[] & {
   get mobile(): MainWalletBase[];
@@ -132,6 +135,7 @@ export type AllWalletList = SubWalletList & {
   owallet: typeof owallet;
   galaxystation: typeof owallet;
   cdcwallet: typeof cdcwallet;
+  prax: typeof prax;
   for: (...names: WalletName[]) => SubWalletList;
   not: (...names: WalletName[]) => SubWalletList;
 };
@@ -175,6 +179,7 @@ export function createAllWalletList(ws: MainWalletBase[]) {
   wallets.owallet = owallet;
   wallets.galaxystation = galaxystation;
   wallets.cdcwallet = cdcwallet;
+  wallets.prax = prax;
 
   defineGetters(wallets);
 
@@ -226,4 +231,5 @@ export const wallets = createAllWalletList([
   ...owallet,
   ...galaxystation,
   ...cdcwallet,
+  ...prax,
 ]);

packages/docs/components/react/wallet-connect.tsx

@@ -55,9 +55,7 @@ export const ConnectWalletButton = ({
         gap="$4"
         as="span"
         borderRadius="8px"
-        style={{
-          zIndex: "1",
-        }}
+        zIndex={1}
       >
         <Box as="span">
           <IoWallet />

packages/docs/pages/_app.tsx

@@ -63,7 +63,8 @@ function MyApp({ Component, pageProps }: AppProps) {
             "tailwind",
             "owallet",
             "galaxystation",
-            "cdcwallet"
+            "cdcwallet",
+            "prax"
           ),
           // ...web3AuthWallets,
         ]}

packages/docs/pages/integrating-wallets/_meta.json

@@ -21,5 +21,6 @@
   "trust": "@ Trust Wallet",
   "vectis": "@ Vectis Wallet",
   "web3auth": "@ Web3Auth",
-  "xdefi": "@ Xdefi Wallet"
+  "xdefi": "@ Xdefi Wallet",
+  "prax": "@ Prax Wallet"
 }

packages/docs/pages/integrating-wallets/prax.mdx

@@ -0,0 +1,38 @@
+# How to Add Prax Wallet to CosmosKit
+
+There is one packages for Prax
+
+- `@cosmos-kit/prax-extension`
+
+> Note: This package exports `wallets` and it's an array of `MainWalletBase`.
+
+## add `@cosmos-kit/prax-extension`
+
+```
+yarn add @cosmos-kit/prax-extension
+```
+
+## import the wallets
+
+```js
+import { wallets as prax } from "@cosmos-kit/prax-extension";
+```
+
+## add to your provider
+
+```js
+function MyCosmosApp({ Component, pageProps }: AppProps) {
+  return (
+      <ChainProvider
+        chains={chains}
+        assetLists={assets}
+        wallets={[...prax]}
+        walletConnectOptions={...} // required if `wallets` contains mobile wallets
+      >
+        <Component {...pageProps} />
+      </ChainProvider>
+  );
+}
+
+export default MyCosmosApp;
+```