diff --git a/AGENTS.md b/AGENTS.md
index 8c1ba9a22..d6cdb3d3b 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -1,10 +1,10 @@
 # Base Docs Index
 IMPORTANT: Prefer retrieval-led reasoning. Read relevant docs before generating code.
-Base is an Ethereum L2 by Coinbase. Docs for: Base Chain, Smart Wallet, OnchainKit, MiniKit.
+Base is an Ethereum L2 by Coinbase. Docs for: Base Chain, Smart Wallet, MiniKit.
 [Docs]|root:./docs
 |ai-agents:index,trading
 |ai-agents/core-concepts:agent-apps,agent-frameworks,identity-verification-auth,payments-and-transactions,wallets
-|base-account/basenames:basename-transfer,basenames-faq,basenames-onchainkit-tutorial,basenames-wagmi-tutorial
+|base-account/basenames:basename-transfer,basenames-faq,basenames-wagmi-tutorial
 |base-account/contribute:contribute-to-base-account-docs,security-and-bug-bounty
 |base-account/framework-integrations:cdp,rainbowkit,reown,thirdweb
 |base-account/framework-integrations/privy:authentication,setup,spend-permissions,sub-accounts,wallet-actions
@@ -43,49 +43,4 @@ Base is an Ethereum L2 by Coinbase. Docs for: Base Chain, Smart Wallet, OnchainK
 |mini-apps/resources:design-resources,templates
 |mini-apps/technical-guides:accept-payments,building-chat-agents,dynamic-embeds,neynar-notifications,sharing-and-social-graph,sign-manifest
 |mini-apps/troubleshooting:base-app-compatibility,common-issues,error-handling,how-search-works,testing
-|onchainkit:create-a-basename-profile-component,getting-started,installation,restricted,use-coinbase-smart-wallet-and-eoas
-|onchainkit/api:build-deposit-to-morpho-tx,build-mint-transaction,build-swap-transaction,build-withdraw-from-morpho-tx,get-mint-details,get-portfolios,get-swap-quote,get-token-details,get-tokens,types
-|onchainkit/buy:buy,types
-|onchainkit/checkout:checkout,types
-|onchainkit/config:is-base,is-ethereum,onchainkit-provider,supplemental-providers,types
-|onchainkit/earn:earn,types
-|onchainkit/fund:fetch-onramp-config,fetch-onramp-options,fetch-onramp-quote,fetch-onramp-transaction-status,fund-button,fund-card,get-onramp-buy-url,setup-onramp-event-listeners,types
-|onchainkit/guides:ai-prompting-guide,build-onchain-apps,contribution,lifecycle-status,reporting-bug,tailwind,telemetry,themes,troubleshooting,use-basename-in-onchain-app,using-ai-powered-ides
-|onchainkit/hooks:use-build-deposit-to-morpho-tx,use-build-withdraw-from-morpho-tx,use-earn-context,use-mint-details,use-morpho-vault,use-token-details
-|onchainkit/identity:address,avatar,badge,get-address,get-attestations,get-avatar,get-avatars,get-name,get-names,identity-card,identity,name,socials,types,use-address,use-avatar,use-avatars,use-name,use-names
-|onchainkit/installation:astro,nextjs,remix,vite
-|onchainkit/latest/components/appchain:bridge
-|onchainkit/latest/components/buy:buy
-|onchainkit/latest/components/checkout:checkout
-|onchainkit/latest/components/connected:connected
-|onchainkit/latest/components/earn:earn
-|onchainkit/latest/components/fund:fund-button,fund-card
-|onchainkit/latest/components/identity:address,avatar,badge,identity-card,identity,name,socials
-|onchainkit/latest/components/minikit:overview,provider-and-initialization
-|onchainkit/latest/components/minikit/hooks:useAddFrame,useAuthenticate,useClose,useComposeCast,useMiniKit,useNotification,useOpenUrl,usePrimaryButton,useViewCast,useViewProfile
-|onchainkit/latest/components/mint:nft-card,nft-mint-card
-|onchainkit/latest/components/signature:signature
-|onchainkit/latest/components/swap:swap-settings,swap
-|onchainkit/latest/components/token:token-chip,token-image,token-row,token-search,token-select-dropdown
-|onchainkit/latest/components/transaction:transaction
-|onchainkit/latest/components/wallet:wallet-dropdown-basename,wallet-dropdown-disconnect,wallet-dropdown-fund-link,wallet-dropdown-link,wallet-island,wallet-modal,wallet
-|onchainkit/latest/configuration:onchainkit-provider,themes,wagmi-viem-integration
-|onchainkit/latest/getting-started:manual-installation,overview,quickstart-guide,troubleshooting
-|onchainkit/latest/guides:ai-prompting-guide,contributing
-|onchainkit/latest/hooks/earn:use-build-deposit-to-morpho-tx,use-build-withdraw-from-morpho-tx,use-earn-context,use-morpho-vault
-|onchainkit/latest/hooks/identity:use-address,use-avatar,use-avatars,use-name,use-names
-|onchainkit/latest/hooks/mint:use-mint-details,use-token-details
-|onchainkit/latest/utilities/earn:build-deposit-to-morpho-tx,build-withdraw-from-morpho-tx
-|onchainkit/latest/utilities/fund:fetch-onramp-config,fetch-onramp-options,fetch-onramp-quote,fetch-onramp-transaction-status,get-onramp-buy-url,setup-onramp-event-listeners
-|onchainkit/latest/utilities/identity:get-address,get-attestations,get-avatar,get-avatars,get-name,get-names
-|onchainkit/latest/utilities/token:format-amount
-|onchainkit/latest/utilities/wallet:is-valid-aa-entrypoint,is-wallet-a-coinbase-smart-wallet
-|onchainkit/mint:nft-card,nft-mint-card,types
-|onchainkit/paymaster:erc20-paymaster,errors,gasless-transactions-with-paymaster,how-to-contribute,quickstart-guide,quickstart-headless,security,troubleshooting,welcome
-|onchainkit/signature:signature,types
-|onchainkit/swap:swap-settings,swap,types
-|onchainkit/templates:onchain-commerce-app,onchain-nft-app,onchain-social-profile
-|onchainkit/token:format-amount,token-chip,token-image,token-row,token-search,token-select-dropdown,types
-|onchainkit/transaction:transaction,types
-|onchainkit/wallet:is-valid-aa-entrypoint,is-wallet-a-coinbase-smart-wallet,types,wallet-dropdown-basename,wallet-dropdown-disconnect,wallet-dropdown-fund-link,wallet-dropdown-link,wallet-island,wallet-modal,wallet
 |root:AGENTS,cookie-policy,privacy-policy,terms-of-service,tone_of_voice
diff --git a/docs/AGENTS.md b/docs/AGENTS.md
index 4aabd3728..2437aeba6 100644
--- a/docs/AGENTS.md
+++ b/docs/AGENTS.md
@@ -1,8 +1,8 @@
 # Base Docs Index
 IMPORTANT: Prefer retrieval-led reasoning. Read relevant docs before generating code.
-Base is an Ethereum L2 by Coinbase. Docs for: Base Chain, Smart Wallet, OnchainKit, MiniKit.
+Base is an Ethereum L2 by Coinbase. Docs for: Base Chain, Smart Wallet, MiniKit.
 [Docs]|root:./docs
-|base-account/basenames:basename-transfer,basenames-faq,basenames-onchainkit-tutorial,basenames-wagmi-tutorial
+|base-account/basenames:basename-transfer,basenames-faq,basenames-wagmi-tutorial
 |base-account/contribute:contribute-to-base-account-docs,security-and-bug-bounty
 |base-account/framework-integrations:cdp,rainbowkit,reown,thirdweb
 |base-account/framework-integrations/privy:authentication,setup,spend-permissions,sub-accounts,wallet-actions
@@ -73,51 +73,6 @@ Base is an Ethereum L2 by Coinbase. Docs for: Base Chain, Smart Wallet, OnchainK
 |mini-apps/quality-and-publishing:overview,quality-bar,submission-guidelines
 |mini-apps/quickstart:build-checklist,building-for-the-base-app,create-new-miniapp,migrate-existing-apps,template
 |mini-apps/resources:design-resources,templates
-|mini-apps/technical-guides:accept-payments,dynamic-embeds,neynar-notifications,sharing-and-social-graph,sign-manifest
+|mini-apps/technical-guides:accept-payments,neynar-notifications,sharing-and-social-graph,sign-manifest
 |mini-apps/troubleshooting:base-app-compatibility,common-issues,error-handling,how-search-works,testing
-|onchainkit:create-a-basename-profile-component,getting-started,installation,restricted,use-coinbase-smart-wallet-and-eoas
-|onchainkit/api:build-deposit-to-morpho-tx,build-mint-transaction,build-swap-transaction,build-withdraw-from-morpho-tx,get-mint-details,get-portfolios,get-swap-quote,get-token-details,get-tokens,types
-|onchainkit/buy:buy,types
-|onchainkit/checkout:checkout,types
-|onchainkit/config:is-base,is-ethereum,onchainkit-provider,supplemental-providers,types
-|onchainkit/earn:earn,types
-|onchainkit/fund:fetch-onramp-config,fetch-onramp-options,fetch-onramp-quote,fetch-onramp-transaction-status,fund-button,fund-card,get-onramp-buy-url,setup-onramp-event-listeners,types
-|onchainkit/guides:ai-prompting-guide,build-onchain-apps,contribution,lifecycle-status,reporting-bug,tailwind,telemetry,themes,troubleshooting,use-basename-in-onchain-app,using-ai-powered-ides
-|onchainkit/hooks:use-build-deposit-to-morpho-tx,use-build-withdraw-from-morpho-tx,use-earn-context,use-mint-details,use-morpho-vault,use-token-details
-|onchainkit/identity:address,avatar,badge,get-address,get-attestations,get-avatar,get-avatars,get-name,get-names,identity-card,identity,name,socials,types,use-address,use-avatar,use-avatars,use-name,use-names
-|onchainkit/installation:astro,nextjs,remix,vite
-|onchainkit/latest/components/appchain:bridge
-|onchainkit/latest/components/buy:buy
-|onchainkit/latest/components/checkout:checkout
-|onchainkit/latest/components/connected:connected
-|onchainkit/latest/components/earn:earn
-|onchainkit/latest/components/fund:fund-button,fund-card
-|onchainkit/latest/components/identity:address,avatar,badge,identity-card,identity,name,socials
-|onchainkit/latest/components/minikit:overview,provider-and-initialization
-|onchainkit/latest/components/minikit/hooks:useAddFrame,useAuthenticate,useClose,useComposeCast,useMiniKit,useNotification,useOpenUrl,usePrimaryButton,useViewCast,useViewProfile
-|onchainkit/latest/components/mint:nft-card,nft-mint-card
-|onchainkit/latest/components/signature:signature
-|onchainkit/latest/components/swap:swap-settings,swap
-|onchainkit/latest/components/token:token-chip,token-image,token-row,token-search,token-select-dropdown
-|onchainkit/latest/components/transaction:transaction
-|onchainkit/latest/components/wallet:wallet-dropdown-basename,wallet-dropdown-disconnect,wallet-dropdown-fund-link,wallet-dropdown-link,wallet-island,wallet-modal,wallet
-|onchainkit/latest/configuration:onchainkit-provider,themes,wagmi-viem-integration
-|onchainkit/latest/getting-started:manual-installation,overview,quickstart-guide,troubleshooting
-|onchainkit/latest/guides:ai-prompting-guide,contributing
-|onchainkit/latest/hooks/earn:use-build-deposit-to-morpho-tx,use-build-withdraw-from-morpho-tx,use-earn-context,use-morpho-vault
-|onchainkit/latest/hooks/identity:use-address,use-avatar,use-avatars,use-name,use-names
-|onchainkit/latest/hooks/mint:use-mint-details,use-token-details
-|onchainkit/latest/utilities/earn:build-deposit-to-morpho-tx,build-withdraw-from-morpho-tx
-|onchainkit/latest/utilities/fund:fetch-onramp-config,fetch-onramp-options,fetch-onramp-quote,fetch-onramp-transaction-status,get-onramp-buy-url,setup-onramp-event-listeners
-|onchainkit/latest/utilities/identity:get-address,get-attestations,get-avatar,get-avatars,get-name,get-names
-|onchainkit/latest/utilities/token:format-amount
-|onchainkit/latest/utilities/wallet:is-valid-aa-entrypoint,is-wallet-a-coinbase-smart-wallet
-|onchainkit/mint:nft-card,nft-mint-card,types
-|onchainkit/paymaster:erc20-paymaster,errors,gasless-transactions-with-paymaster,how-to-contribute,quickstart-guide,quickstart-headless,security,troubleshooting,welcome
-|onchainkit/signature:signature,types
-|onchainkit/swap:swap-settings,swap,types
-|onchainkit/templates:onchain-commerce-app,onchain-nft-app,onchain-social-profile
-|onchainkit/token:format-amount,token-chip,token-image,token-row,token-search,token-select-dropdown,types
-|onchainkit/transaction:transaction,types
-|onchainkit/wallet:is-valid-aa-entrypoint,is-wallet-a-coinbase-smart-wallet,types,wallet-dropdown-basename,wallet-dropdown-disconnect,wallet-dropdown-fund-link,wallet-dropdown-link,wallet-island,wallet-modal,wallet
 |root:cookie-policy,privacy-policy,showcase,terms-of-service,tone_of_voice
diff --git a/docs/docs.json b/docs/docs.json
index 2c4c70279..4a3ce7bfc 100644
--- a/docs/docs.json
+++ b/docs/docs.json
@@ -42,7 +42,8 @@
               "get-started/build-app",
               "get-started/launch-token",
               "get-started/deploy-smart-contracts",
-              "get-started/learning-resources"
+              "get-started/learning-resources",
+              "get-started/migrate-from-onchainkit"
             ]
           },
           {
@@ -472,7 +473,6 @@
             "group": "Technical Guides",
             "pages": [
               "mini-apps/technical-guides/sign-manifest",
-              "mini-apps/technical-guides/dynamic-embeds",
               "mini-apps/technical-guides/neynar-notifications",
               "mini-apps/technical-guides/accept-payments",
               "mini-apps/technical-guides/building-chat-agents"
@@ -540,508 +540,6 @@
             ]
           }
         ]
-      },
-      {
-        "tab": "OnchainKit",
-        "versions": [
-          {
-            "version": "latest",
-            "groups": [
-              {
-                "group": "Getting started",
-                "pages": [
-                  "onchainkit/latest/getting-started/overview",
-                  "onchainkit/latest/getting-started/quickstart-guide",
-                  "onchainkit/latest/getting-started/manual-installation",
-                  "onchainkit/latest/getting-started/troubleshooting"
-                ]
-              },
-              {
-                "group": "Configuration",
-                "pages": [
-                  "onchainkit/latest/configuration/onchainkit-provider",
-                  "onchainkit/latest/configuration/wagmi-viem-integration",
-                  "onchainkit/latest/configuration/themes"
-                ]
-              },
-              {
-                "group": "Components",
-                "pages": [
-                  {
-                    "group": "Buy",
-                    "pages": [
-                      "onchainkit/latest/components/buy/buy"
-                    ]
-                  },
-                  {
-                    "group": "Checkout",
-                    "pages": [
-                      "onchainkit/latest/components/checkout/checkout"
-                    ]
-                  },
-                  {
-                    "group": "Earn",
-                    "pages": [
-                      "onchainkit/latest/components/earn/earn"
-                    ]
-                  },
-                  {
-                    "group": "Fund",
-                    "pages": [
-                      "onchainkit/latest/components/fund/fund-button",
-                      "onchainkit/latest/components/fund/fund-card"
-                    ]
-                  },
-                  {
-                    "group": "Identity",
-                    "pages": [
-                      "onchainkit/latest/components/identity/identity",
-                      "onchainkit/latest/components/identity/address",
-                      "onchainkit/latest/components/identity/avatar",
-                      "onchainkit/latest/components/identity/badge",
-                      "onchainkit/latest/components/identity/identity-card",
-                      "onchainkit/latest/components/identity/name",
-                      "onchainkit/latest/components/identity/socials"
-                    ]
-                  },
-                  {
-                    "group": "Mint",
-                    "pages": [
-                      "onchainkit/latest/components/mint/nft-card",
-                      "onchainkit/latest/components/mint/nft-mint-card"
-                    ]
-                  },
-                  {
-                    "group": "MiniKit",
-                    "pages": [
-                      "onchainkit/latest/components/minikit/overview",
-                      "onchainkit/latest/components/minikit/provider-and-initialization",
-                      {
-                        "group": "Hooks",
-                        "pages": [
-                          "onchainkit/latest/components/minikit/hooks/useMiniKit",
-                          "onchainkit/latest/components/minikit/hooks/useOpenUrl",
-                          "onchainkit/latest/components/minikit/hooks/useClose",
-                          "onchainkit/latest/components/minikit/hooks/usePrimaryButton",
-                          "onchainkit/latest/components/minikit/hooks/useViewProfile",
-                          "onchainkit/latest/components/minikit/hooks/useComposeCast",
-                          "onchainkit/latest/components/minikit/hooks/useViewCast",
-                          "onchainkit/latest/components/minikit/hooks/useAuthenticate",
-                          "onchainkit/latest/components/minikit/hooks/useAddFrame",
-                          "onchainkit/latest/components/minikit/hooks/useNotification"
-                        ]
-                      }
-                    ]
-                  },
-                  {
-                    "group": "Signature",
-                    "pages": [
-                      "onchainkit/latest/components/signature/signature"
-                    ]
-                  },
-                  {
-                    "group": "Swap",
-                    "pages": [
-                      "onchainkit/latest/components/swap/swap",
-                      "onchainkit/latest/components/swap/swap-settings"
-                    ]
-                  },
-                  {
-                    "group": "Token",
-                    "pages": [
-                      "onchainkit/latest/components/token/token-chip",
-                      "onchainkit/latest/components/token/token-image",
-                      "onchainkit/latest/components/token/token-row",
-                      "onchainkit/latest/components/token/token-search",
-                      "onchainkit/latest/components/token/token-select-dropdown"
-                    ]
-                  },
-                  {
-                    "group": "Transaction",
-                    "pages": [
-                      "onchainkit/latest/components/transaction/transaction"
-                    ]
-                  },
-                  {
-                    "group": "Wallet",
-                    "pages": [
-                      "onchainkit/latest/components/wallet/wallet",
-                      "onchainkit/latest/components/wallet/wallet-dropdown-basename",
-                      "onchainkit/latest/components/wallet/wallet-dropdown-disconnect",
-                      "onchainkit/latest/components/wallet/wallet-dropdown-fund-link",
-                      "onchainkit/latest/components/wallet/wallet-dropdown-link",
-                      "onchainkit/latest/components/wallet/wallet-island",
-                      "onchainkit/latest/components/wallet/wallet-modal"
-                    ]
-                  },
-                  {
-                    "group": "Connected",
-                    "pages": [
-                      "onchainkit/latest/components/connected/connected"
-                    ]
-                  }
-                ]
-              },
-              {
-                "group": "Utilities",
-                "pages": [
-                  {
-                    "group": "Earn",
-                    "pages": [
-                      "onchainkit/latest/utilities/earn/build-deposit-to-morpho-tx",
-                      "onchainkit/latest/utilities/earn/build-withdraw-from-morpho-tx"
-                    ]
-                  },
-                  {
-                    "group": "Fund",
-                    "pages": [
-                      "onchainkit/latest/utilities/fund/get-onramp-buy-url",
-                      "onchainkit/latest/utilities/fund/fetch-onramp-config",
-                      "onchainkit/latest/utilities/fund/fetch-onramp-quote",
-                      "onchainkit/latest/utilities/fund/fetch-onramp-options",
-                      "onchainkit/latest/utilities/fund/fetch-onramp-transaction-status",
-                      "onchainkit/latest/utilities/fund/setup-onramp-event-listeners"
-                    ]
-                  },
-                  {
-                    "group": "Identity",
-                    "pages": [
-                      "onchainkit/latest/utilities/identity/get-address",
-                      "onchainkit/latest/utilities/identity/get-attestations",
-                      "onchainkit/latest/utilities/identity/get-avatar",
-                      "onchainkit/latest/utilities/identity/get-avatars",
-                      "onchainkit/latest/utilities/identity/get-name",
-                      "onchainkit/latest/utilities/identity/get-names"
-                    ]
-                  },
-                  {
-                    "group": "Token",
-                    "pages": [
-                      "onchainkit/latest/utilities/token/format-amount"
-                    ]
-                  },
-                  {
-                    "group": "Wallet",
-                    "pages": [
-                      "onchainkit/latest/utilities/wallet/is-valid-aa-entrypoint",
-                      "onchainkit/latest/utilities/wallet/is-wallet-a-coinbase-smart-wallet"
-                    ]
-                  }
-                ]
-              },
-              {
-                "group": "Hooks",
-                "pages": [
-                  {
-                    "group": "Earn",
-                    "pages": [
-                      "onchainkit/latest/hooks/earn/use-earn-context",
-                      "onchainkit/latest/hooks/earn/use-build-deposit-to-morpho-tx",
-                      "onchainkit/latest/hooks/earn/use-build-withdraw-from-morpho-tx",
-                      "onchainkit/latest/hooks/earn/use-morpho-vault"
-                    ]
-                  },
-                  {
-                    "group": "Identity",
-                    "pages": [
-                      "onchainkit/latest/hooks/identity/use-address",
-                      "onchainkit/latest/hooks/identity/use-avatar",
-                      "onchainkit/latest/hooks/identity/use-avatars",
-                      "onchainkit/latest/hooks/identity/use-name",
-                      "onchainkit/latest/hooks/identity/use-names"
-                    ]
-                  },
-                  {
-                    "group": "Mint",
-                    "pages": [
-                      "onchainkit/latest/hooks/mint/use-token-details",
-                      "onchainkit/latest/hooks/mint/use-mint-details"
-                    ]
-                  }
-                ]
-              },
-              {
-                "group": "Guides",
-                "pages": [
-                  "onchainkit/latest/guides/ai-prompting-guide",
-                  "onchainkit/latest/guides/contributing"
-                ]
-              }
-            ]
-          },
-          {
-            "version": "v0.38.x",
-            "groups": [
-              {
-                "group": "Introduction",
-                "pages": [
-                  "onchainkit/getting-started",
-                  "onchainkit/guides/telemetry",
-                  "onchainkit/guides/troubleshooting"
-                ]
-              },
-              {
-                "group": "Installation",
-                "pages": [
-                  "onchainkit/installation/nextjs",
-                  "onchainkit/installation/vite",
-                  "onchainkit/installation/remix",
-                  "onchainkit/installation/astro"
-                ]
-              },
-              {
-                "group": "Config",
-                "pages": [
-                  "onchainkit/config/onchainkit-provider",
-                  "onchainkit/config/supplemental-providers"
-                ]
-              },
-              {
-                "group": "Guides",
-                "pages": [
-                  "onchainkit/guides/lifecycle-status",
-                  "onchainkit/guides/tailwind",
-                  "onchainkit/guides/themes",
-                  "onchainkit/guides/use-basename-in-onchain-app",
-                  "onchainkit/guides/using-ai-powered-ides",
-                  "onchainkit/guides/ai-prompting-guide"
-                ]
-              },
-              {
-                "group": "Templates",
-                "pages": [
-                  "onchainkit/templates/onchain-nft-app",
-                  "onchainkit/templates/onchain-commerce-app",
-                  "onchainkit/templates/onchain-social-profile"
-                ]
-              },
-              {
-                "group": "Components",
-                "pages": [
-                  {
-                    "group": "Buy",
-                    "pages": [
-                      "onchainkit/buy/buy"
-                    ]
-                  },
-                  {
-                    "group": "Checkout",
-                    "pages": [
-                      "onchainkit/checkout/checkout"
-                    ]
-                  },
-                  {
-                    "group": "Earn",
-                    "pages": [
-                      "onchainkit/earn/earn"
-                    ]
-                  },
-                  {
-                    "group": "Fund",
-                    "pages": [
-                      "onchainkit/fund/fund-button",
-                      "onchainkit/fund/fund-card"
-                    ]
-                  },
-                  {
-                    "group": "Identity",
-                    "pages": [
-                      "onchainkit/identity/identity",
-                      "onchainkit/identity/address",
-                      "onchainkit/identity/avatar",
-                      "onchainkit/identity/badge",
-                      "onchainkit/identity/identity-card",
-                      "onchainkit/identity/name",
-                      "onchainkit/identity/socials"
-                    ]
-                  },
-                  {
-                    "group": "Mint",
-                    "pages": [
-                      "onchainkit/mint/nft-card",
-                      "onchainkit/mint/nft-mint-card"
-                    ]
-                  },
-                  "onchainkit/signature/signature",
-                  {
-                    "group": "Swap",
-                    "pages": [
-                      "onchainkit/swap/swap",
-                      "onchainkit/swap/swap-settings"
-                    ]
-                  },
-                  {
-                    "group": "Token",
-                    "pages": [
-                      "onchainkit/token/token-chip",
-                      "onchainkit/token/token-image",
-                      "onchainkit/token/token-row",
-                      "onchainkit/token/token-search",
-                      "onchainkit/token/token-select-dropdown"
-                    ]
-                  },
-                  "onchainkit/transaction/transaction",
-                  {
-                    "group": "Wallet",
-                    "pages": [
-                      "onchainkit/wallet/wallet",
-                      "onchainkit/wallet/wallet-dropdown-basename",
-                      "onchainkit/wallet/wallet-dropdown-disconnect",
-                      "onchainkit/wallet/wallet-dropdown-fund-link",
-                      "onchainkit/wallet/wallet-dropdown-link",
-                      "onchainkit/wallet/wallet-island",
-                      "onchainkit/wallet/wallet-modal"
-                    ]
-                  }
-                ]
-              },
-              {
-                "group": "API",
-                "pages": [
-                  {
-                    "group": "Mint",
-                    "pages": [
-                      "onchainkit/api/get-token-details",
-                      "onchainkit/api/get-mint-details",
-                      "onchainkit/api/build-mint-transaction"
-                    ]
-                  },
-                  {
-                    "group": "Swap",
-                    "pages": [
-                      "onchainkit/api/build-swap-transaction",
-                      "onchainkit/api/get-swap-quote"
-                    ]
-                  },
-                  {
-                    "group": "Token",
-                    "pages": [
-                      "onchainkit/api/get-tokens"
-                    ]
-                  },
-                  {
-                    "group": "Wallet",
-                    "pages": [
-                      "onchainkit/api/get-portfolios"
-                    ]
-                  }
-                ]
-              },
-              {
-                "group": "Utilities",
-                "pages": [
-                  {
-                    "group": "Config",
-                    "pages": [
-                      "onchainkit/config/is-base",
-                      "onchainkit/config/is-ethereum"
-                    ]
-                  },
-                  {
-                    "group": "Earn",
-                    "pages": [
-                      "onchainkit/api/build-deposit-to-morpho-tx",
-                      "onchainkit/api/build-withdraw-from-morpho-tx",
-                      "onchainkit/hooks/use-build-deposit-to-morpho-tx",
-                      "onchainkit/hooks/use-build-withdraw-from-morpho-tx",
-                      "onchainkit/hooks/use-earn-context"
-                    ]
-                  },
-                  {
-                    "group": "Fund",
-                    "pages": [
-                      "onchainkit/fund/get-onramp-buy-url",
-                      "onchainkit/fund/fetch-onramp-config",
-                      "onchainkit/fund/fetch-onramp-quote",
-                      "onchainkit/fund/fetch-onramp-options",
-                      "onchainkit/fund/fetch-onramp-transaction-status",
-                      "onchainkit/fund/setup-onramp-event-listeners"
-                    ]
-                  },
-                  {
-                    "group": "Identity",
-                    "pages": [
-                      "onchainkit/identity/get-address",
-                      "onchainkit/identity/get-attestations",
-                      "onchainkit/identity/get-avatar",
-                      "onchainkit/identity/get-avatars",
-                      "onchainkit/identity/get-name",
-                      "onchainkit/identity/get-names",
-                      "onchainkit/identity/use-address",
-                      "onchainkit/identity/use-avatar",
-                      "onchainkit/identity/use-avatars",
-                      "onchainkit/identity/use-name",
-                      "onchainkit/identity/use-names"
-                    ]
-                  },
-                  {
-                    "group": "Mint",
-                    "pages": [
-                      "onchainkit/hooks/use-token-details",
-                      "onchainkit/hooks/use-mint-details"
-                    ]
-                  },
-                  {
-                    "group": "Token",
-                    "pages": [
-                      "onchainkit/token/format-amount"
-                    ]
-                  },
-                  {
-                    "group": "Wallet",
-                    "pages": [
-                      "onchainkit/wallet/is-valid-aa-entrypoint",
-                      "onchainkit/wallet/is-wallet-a-coinbase-smart-wallet"
-                    ]
-                  }
-                ]
-              },
-              {
-                "group": "Types",
-                "pages": [
-                  "onchainkit/api/types",
-                  "onchainkit/checkout/types",
-                  "onchainkit/config/types",
-                  "onchainkit/earn/types",
-                  "onchainkit/fund/types",
-                  "onchainkit/identity/types",
-                  "onchainkit/mint/types",
-                  "onchainkit/signature/types",
-                  "onchainkit/swap/types",
-                  "onchainkit/token/types",
-                  "onchainkit/transaction/types",
-                  "onchainkit/wallet/types"
-                ]
-              },
-              {
-                "group": "Contribution",
-                "pages": [
-                  "onchainkit/guides/contribution",
-                  "onchainkit/guides/reporting-bug"
-                ]
-              }
-            ]
-          }
-        ],
-        "global": {
-          "anchors": [
-            {
-              "anchor": "GitHub",
-              "href": "https://github.com/coinbase/onchainkit",
-              "icon": "github"
-            },
-            {
-              "anchor": "Playground",
-              "href": "https://onchainkit.xyz/playground",
-              "icon": "gamepad"
-            },
-            {
-              "anchor": "Support",
-              "href": "https://discord.com/invite/buildonbase",
-              "icon": "discord"
-            }
-          ]
-        }
       }
     ]
   },
@@ -1104,6 +602,758 @@
     ]
   },
   "redirects": [
+    {
+      "source": "/mini-apps/technical-guides/dynamic-embeds",
+      "destination": "/get-started/build-app"
+    },
+    {
+      "source": "/onchainkit/getting-started",
+      "destination": "/get-started/build-app"
+    },
+    {
+      "source": "/onchainkit/latest/getting-started/overview",
+      "destination": "/get-started/build-app"
+    },
+    {
+      "source": "/onchainkit/latest/getting-started/quickstart-guide",
+      "destination": "/get-started/build-app"
+    },
+    {
+      "source": "/onchainkit/latest/getting-started/manual-installation",
+      "destination": "/get-started/build-app"
+    },
+    {
+      "source": "/onchainkit/latest/getting-started/troubleshooting",
+      "destination": "/get-started/build-app"
+    },
+    {
+      "source": "/onchainkit/installation/nextjs",
+      "destination": "/get-started/build-app"
+    },
+    {
+      "source": "/onchainkit/installation/vite",
+      "destination": "/get-started/build-app"
+    },
+    {
+      "source": "/onchainkit/installation/remix",
+      "destination": "/get-started/build-app"
+    },
+    {
+      "source": "/onchainkit/installation/astro",
+      "destination": "/get-started/build-app"
+    },
+    {
+      "source": "/onchainkit/config/onchainkit-provider",
+      "destination": "/get-started/build-app"
+    },
+    {
+      "source": "/onchainkit/config/supplemental-providers",
+      "destination": "/get-started/build-app"
+    },
+    {
+      "source": "/onchainkit/config/is-base",
+      "destination": "/get-started/build-app"
+    },
+    {
+      "source": "/onchainkit/config/is-ethereum",
+      "destination": "/get-started/build-app"
+    },
+    {
+      "source": "/onchainkit/config/types",
+      "destination": "/get-started/build-app"
+    },
+    {
+      "source": "/onchainkit/latest/configuration/onchainkit-provider",
+      "destination": "/get-started/build-app"
+    },
+    {
+      "source": "/onchainkit/latest/configuration/wagmi-viem-integration",
+      "destination": "/get-started/build-app"
+    },
+    {
+      "source": "/onchainkit/latest/configuration/themes",
+      "destination": "/get-started/build-app"
+    },
+    {
+      "source": "/onchainkit/guides/telemetry",
+      "destination": "/get-started/build-app"
+    },
+    {
+      "source": "/onchainkit/guides/troubleshooting",
+      "destination": "/get-started/build-app"
+    },
+    {
+      "source": "/onchainkit/guides/lifecycle-status",
+      "destination": "/get-started/build-app"
+    },
+    {
+      "source": "/onchainkit/guides/tailwind",
+      "destination": "/get-started/build-app"
+    },
+    {
+      "source": "/onchainkit/guides/themes",
+      "destination": "/get-started/build-app"
+    },
+    {
+      "source": "/onchainkit/guides/use-basename-in-onchain-app",
+      "destination": "/get-started/build-app"
+    },
+    {
+      "source": "/onchainkit/guides/using-ai-powered-ides",
+      "destination": "/get-started/build-app"
+    },
+    {
+      "source": "/onchainkit/guides/ai-prompting-guide",
+      "destination": "/get-started/build-app"
+    },
+    {
+      "source": "/onchainkit/guides/contribution",
+      "destination": "/get-started/build-app"
+    },
+    {
+      "source": "/onchainkit/guides/reporting-bug",
+      "destination": "/get-started/build-app"
+    },
+    {
+      "source": "/onchainkit/latest/guides/ai-prompting-guide",
+      "destination": "/get-started/build-app"
+    },
+    {
+      "source": "/onchainkit/latest/guides/contributing",
+      "destination": "/get-started/build-app"
+    },
+    {
+      "source": "/onchainkit/templates/onchain-nft-app",
+      "destination": "/get-started/build-app"
+    },
+    {
+      "source": "/onchainkit/templates/onchain-commerce-app",
+      "destination": "/get-started/build-app"
+    },
+    {
+      "source": "/onchainkit/templates/onchain-social-profile",
+      "destination": "/get-started/build-app"
+    },
+    {
+      "source": "/onchainkit/paymaster/welcome",
+      "destination": "/get-started/build-app"
+    },
+    {
+      "source": "/onchainkit/paymaster/quickstart-guide",
+      "destination": "/get-started/build-app"
+    },
+    {
+      "source": "/onchainkit/paymaster/quickstart-headless",
+      "destination": "/get-started/build-app"
+    },
+    {
+      "source": "/onchainkit/paymaster/erc20-paymaster",
+      "destination": "/get-started/build-app"
+    },
+    {
+      "source": "/onchainkit/paymaster/gasless-transactions-with-paymaster",
+      "destination": "/get-started/build-app"
+    },
+    {
+      "source": "/onchainkit/paymaster/security",
+      "destination": "/get-started/build-app"
+    },
+    {
+      "source": "/onchainkit/paymaster/troubleshooting",
+      "destination": "/get-started/build-app"
+    },
+    {
+      "source": "/onchainkit/paymaster/errors",
+      "destination": "/get-started/build-app"
+    },
+    {
+      "source": "/onchainkit/paymaster/how-to-contribute",
+      "destination": "/get-started/build-app"
+    },
+    {
+      "source": "/onchainkit/latest/components/minikit/overview",
+      "destination": "/mini-apps/introduction/overview"
+    },
+    {
+      "source": "/onchainkit/latest/components/minikit/provider-and-initialization",
+      "destination": "/mini-apps/introduction/overview"
+    },
+    {
+      "source": "/onchainkit/latest/components/minikit/hooks/useMiniKit",
+      "destination": "/mini-apps/introduction/overview"
+    },
+    {
+      "source": "/onchainkit/latest/components/minikit/hooks/useOpenUrl",
+      "destination": "/mini-apps/introduction/overview"
+    },
+    {
+      "source": "/onchainkit/latest/components/minikit/hooks/useClose",
+      "destination": "/mini-apps/introduction/overview"
+    },
+    {
+      "source": "/onchainkit/latest/components/minikit/hooks/usePrimaryButton",
+      "destination": "/mini-apps/introduction/overview"
+    },
+    {
+      "source": "/onchainkit/latest/components/minikit/hooks/useViewProfile",
+      "destination": "/mini-apps/introduction/overview"
+    },
+    {
+      "source": "/onchainkit/latest/components/minikit/hooks/useComposeCast",
+      "destination": "/mini-apps/introduction/overview"
+    },
+    {
+      "source": "/onchainkit/latest/components/minikit/hooks/useViewCast",
+      "destination": "/mini-apps/introduction/overview"
+    },
+    {
+      "source": "/onchainkit/latest/components/minikit/hooks/useAuthenticate",
+      "destination": "/mini-apps/introduction/overview"
+    },
+    {
+      "source": "/onchainkit/latest/components/minikit/hooks/useAddFrame",
+      "destination": "/mini-apps/introduction/overview"
+    },
+    {
+      "source": "/onchainkit/latest/components/minikit/hooks/useNotification",
+      "destination": "/mini-apps/introduction/overview"
+    },
+    {
+      "source": "/onchainkit/identity/identity",
+      "destination": "/base-account/basenames/basenames-wagmi-tutorial"
+    },
+    {
+      "source": "/onchainkit/identity/address",
+      "destination": "/base-account/basenames/basenames-wagmi-tutorial"
+    },
+    {
+      "source": "/onchainkit/identity/avatar",
+      "destination": "/base-account/basenames/basenames-wagmi-tutorial"
+    },
+    {
+      "source": "/onchainkit/identity/badge",
+      "destination": "/base-account/basenames/basenames-wagmi-tutorial"
+    },
+    {
+      "source": "/onchainkit/identity/identity-card",
+      "destination": "/base-account/basenames/basenames-wagmi-tutorial"
+    },
+    {
+      "source": "/onchainkit/identity/name",
+      "destination": "/base-account/basenames/basenames-wagmi-tutorial"
+    },
+    {
+      "source": "/onchainkit/identity/socials",
+      "destination": "/base-account/basenames/basenames-wagmi-tutorial"
+    },
+    {
+      "source": "/onchainkit/identity/get-address",
+      "destination": "/base-account/basenames/basenames-wagmi-tutorial"
+    },
+    {
+      "source": "/onchainkit/identity/get-attestations",
+      "destination": "/base-account/basenames/basenames-wagmi-tutorial"
+    },
+    {
+      "source": "/onchainkit/identity/get-avatar",
+      "destination": "/base-account/basenames/basenames-wagmi-tutorial"
+    },
+    {
+      "source": "/onchainkit/identity/get-avatars",
+      "destination": "/base-account/basenames/basenames-wagmi-tutorial"
+    },
+    {
+      "source": "/onchainkit/identity/get-name",
+      "destination": "/base-account/basenames/basenames-wagmi-tutorial"
+    },
+    {
+      "source": "/onchainkit/identity/get-names",
+      "destination": "/base-account/basenames/basenames-wagmi-tutorial"
+    },
+    {
+      "source": "/onchainkit/identity/use-address",
+      "destination": "/base-account/basenames/basenames-wagmi-tutorial"
+    },
+    {
+      "source": "/onchainkit/identity/use-avatar",
+      "destination": "/base-account/basenames/basenames-wagmi-tutorial"
+    },
+    {
+      "source": "/onchainkit/identity/use-avatars",
+      "destination": "/base-account/basenames/basenames-wagmi-tutorial"
+    },
+    {
+      "source": "/onchainkit/identity/use-name",
+      "destination": "/base-account/basenames/basenames-wagmi-tutorial"
+    },
+    {
+      "source": "/onchainkit/identity/use-names",
+      "destination": "/base-account/basenames/basenames-wagmi-tutorial"
+    },
+    {
+      "source": "/onchainkit/identity/types",
+      "destination": "/base-account/basenames/basenames-wagmi-tutorial"
+    },
+    {
+      "source": "/onchainkit/latest/components/identity/identity",
+      "destination": "/base-account/basenames/basenames-wagmi-tutorial"
+    },
+    {
+      "source": "/onchainkit/latest/components/identity/address",
+      "destination": "/base-account/basenames/basenames-wagmi-tutorial"
+    },
+    {
+      "source": "/onchainkit/latest/components/identity/avatar",
+      "destination": "/base-account/basenames/basenames-wagmi-tutorial"
+    },
+    {
+      "source": "/onchainkit/latest/components/identity/badge",
+      "destination": "/base-account/basenames/basenames-wagmi-tutorial"
+    },
+    {
+      "source": "/onchainkit/latest/components/identity/identity-card",
+      "destination": "/base-account/basenames/basenames-wagmi-tutorial"
+    },
+    {
+      "source": "/onchainkit/latest/components/identity/name",
+      "destination": "/base-account/basenames/basenames-wagmi-tutorial"
+    },
+    {
+      "source": "/onchainkit/latest/components/identity/socials",
+      "destination": "/base-account/basenames/basenames-wagmi-tutorial"
+    },
+    {
+      "source": "/onchainkit/latest/utilities/identity/get-address",
+      "destination": "/base-account/basenames/basenames-wagmi-tutorial"
+    },
+    {
+      "source": "/onchainkit/latest/utilities/identity/get-attestations",
+      "destination": "/base-account/basenames/basenames-wagmi-tutorial"
+    },
+    {
+      "source": "/onchainkit/latest/utilities/identity/get-avatar",
+      "destination": "/base-account/basenames/basenames-wagmi-tutorial"
+    },
+    {
+      "source": "/onchainkit/latest/utilities/identity/get-avatars",
+      "destination": "/base-account/basenames/basenames-wagmi-tutorial"
+    },
+    {
+      "source": "/onchainkit/latest/utilities/identity/get-name",
+      "destination": "/base-account/basenames/basenames-wagmi-tutorial"
+    },
+    {
+      "source": "/onchainkit/latest/utilities/identity/get-names",
+      "destination": "/base-account/basenames/basenames-wagmi-tutorial"
+    },
+    {
+      "source": "/onchainkit/latest/hooks/identity/use-address",
+      "destination": "/base-account/basenames/basenames-wagmi-tutorial"
+    },
+    {
+      "source": "/onchainkit/latest/hooks/identity/use-avatar",
+      "destination": "/base-account/basenames/basenames-wagmi-tutorial"
+    },
+    {
+      "source": "/onchainkit/latest/hooks/identity/use-avatars",
+      "destination": "/base-account/basenames/basenames-wagmi-tutorial"
+    },
+    {
+      "source": "/onchainkit/latest/hooks/identity/use-name",
+      "destination": "/base-account/basenames/basenames-wagmi-tutorial"
+    },
+    {
+      "source": "/onchainkit/latest/hooks/identity/use-names",
+      "destination": "/base-account/basenames/basenames-wagmi-tutorial"
+    },
+    {
+      "source": "/onchainkit/checkout/checkout",
+      "destination": "/mini-apps/technical-guides/accept-payments"
+    },
+    {
+      "source": "/onchainkit/checkout/types",
+      "destination": "/mini-apps/technical-guides/accept-payments"
+    },
+    {
+      "source": "/onchainkit/latest/components/checkout/checkout",
+      "destination": "/mini-apps/technical-guides/accept-payments"
+    },
+    {
+      "source": "/onchainkit/wallet/wallet",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/wallet/wallet-dropdown-basename",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/wallet/wallet-dropdown-disconnect",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/wallet/wallet-dropdown-fund-link",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/wallet/wallet-dropdown-link",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/wallet/wallet-island",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/wallet/wallet-modal",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/wallet/is-valid-aa-entrypoint",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/wallet/is-wallet-a-coinbase-smart-wallet",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/wallet/types",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/latest/components/wallet/wallet",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/latest/components/wallet/wallet-dropdown-basename",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/latest/components/wallet/wallet-dropdown-disconnect",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/latest/components/wallet/wallet-dropdown-fund-link",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/latest/components/wallet/wallet-dropdown-link",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/latest/components/wallet/wallet-island",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/latest/components/wallet/wallet-modal",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/latest/utilities/wallet/is-valid-aa-entrypoint",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/latest/utilities/wallet/is-wallet-a-coinbase-smart-wallet",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/latest/components/connected/connected",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/transaction/transaction",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/transaction/types",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/latest/components/transaction/transaction",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/swap/swap",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/swap/swap-settings",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/swap/types",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/latest/components/swap/swap",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/latest/components/swap/swap-settings",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/buy/buy",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/latest/components/buy/buy",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/fund/fund-button",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/fund/fund-card",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/fund/get-onramp-buy-url",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/fund/fetch-onramp-config",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/fund/fetch-onramp-quote",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/fund/fetch-onramp-options",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/fund/fetch-onramp-transaction-status",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/fund/setup-onramp-event-listeners",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/fund/types",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/latest/components/fund/fund-button",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/latest/components/fund/fund-card",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/latest/utilities/fund/get-onramp-buy-url",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/latest/utilities/fund/fetch-onramp-config",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/latest/utilities/fund/fetch-onramp-quote",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/latest/utilities/fund/fetch-onramp-options",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/latest/utilities/fund/fetch-onramp-transaction-status",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/latest/utilities/fund/setup-onramp-event-listeners",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/earn/earn",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/earn/types",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/latest/components/earn/earn",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/latest/utilities/earn/build-deposit-to-morpho-tx",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/latest/utilities/earn/build-withdraw-from-morpho-tx",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/latest/hooks/earn/use-earn-context",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/latest/hooks/earn/use-build-deposit-to-morpho-tx",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/latest/hooks/earn/use-build-withdraw-from-morpho-tx",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/latest/hooks/earn/use-morpho-vault",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/api/build-deposit-to-morpho-tx",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/api/build-withdraw-from-morpho-tx",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/hooks/use-build-deposit-to-morpho-tx",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/hooks/use-build-withdraw-from-morpho-tx",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/hooks/use-earn-context",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/mint/nft-card",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/mint/nft-mint-card",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/mint/types",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/latest/components/mint/nft-card",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/latest/components/mint/nft-mint-card",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/latest/hooks/mint/use-token-details",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/latest/hooks/mint/use-mint-details",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/api/get-mint-details",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/api/build-mint-transaction",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/hooks/use-mint-details",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/hooks/use-token-details",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/token/token-chip",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/token/token-image",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/token/token-row",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/token/token-search",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/token/token-select-dropdown",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/token/format-amount",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/token/types",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/latest/components/token/token-chip",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/latest/components/token/token-image",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/latest/components/token/token-row",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/latest/components/token/token-search",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/latest/components/token/token-select-dropdown",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/latest/utilities/token/format-amount",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/signature/signature",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/signature/types",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/latest/components/signature/signature",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/api/get-token-details",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/api/build-swap-transaction",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/api/get-swap-quote",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/api/get-tokens",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/api/get-portfolios",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
+    {
+      "source": "/onchainkit/api/types",
+      "destination": "/get-started/migrate-from-onchainkit"
+    },
     {
       "source": "/basenames/basenames-onchainkit-tutorial",
       "destination": "/base-account/basenames/basenames-wagmi-tutorial"
diff --git a/docs/get-started/deploy-smart-contracts.mdx b/docs/get-started/deploy-smart-contracts.mdx
index 7554b28ad..e56cb1919 100644
--- a/docs/get-started/deploy-smart-contracts.mdx
+++ b/docs/get-started/deploy-smart-contracts.mdx
@@ -139,5 +139,5 @@ This will return the initial value of the Counter contract's `number` storage va
 
 ## Next Steps
 
-- Use [Onchainkit](https://onchainkit.com) to connect your frontend to your contracts! Onchainkit is a library of ready-to-use React components and Typescript utilities.
+- Use [wagmi](https://wagmi.sh) or [viem](https://viem.sh) to connect your frontend to your contracts.
 - Learn more about interacting with your contracts in the command line using Foundry from our [Foundry tutorial](/learn/foundry/deploy-with-foundry).
diff --git a/docs/get-started/migrate-from-onchainkit.mdx b/docs/get-started/migrate-from-onchainkit.mdx
new file mode 100644
index 000000000..6c9754c3a
--- /dev/null
+++ b/docs/get-started/migrate-from-onchainkit.mdx
@@ -0,0 +1,63 @@
+---
+title: "Migrate your OnchainKit App"
+description: "How to migrate your OnchainKit app to wagmi and viem using the Base migration skill."
+---
+
+OnchainKit is no longer maintained. This guide helps you migrate your existing OnchainKit app to a standalone [wagmi](https://wagmi.sh) project using the Base migration skill.
+
+## Overview
+
+The skill handles three components: `OnchainKitProvider`, `Wallet`, and `Transaction`. For each it:
+
+- Deletes existing OnchainKit component code from your project
+- Creates new wagmi/viem-based replacement files
+- Logs any errors in a `mistakes.md` file at your project root
+
+## Prerequisites
+
+- A Next.js or React project using OnchainKit
+- An AI coding assistant that supports skills (Claude Code or Cursor)
+
+## Install the Skill
+
+```bash
+npx skills add base/base-skills
+```
+
+## Migration Prompts
+
+<Warning>
+If migrating individually, start with the Provider prompt below. The wallet and transaction components depend on `WagmiProvider` being implemented first.
+</Warning>
+
+### One-Shot (all three components)
+
+```text
+Migrate my OnchainKit app to use standalone wagmi and viem. Replace the provider, wallet component, and transaction component. Remove the OnchainKit dependency entirely.
+```
+
+### Provider
+
+```text
+Replace my OnchainKitProvider with WagmiProvider and QueryClientProvider.
+```
+
+### Wallet
+
+```text
+Migrate my OnchainKit wallet component to a standalone wagmi-based connect button.
+```
+
+### Transaction
+
+```text
+Migrate my OnchainKit transaction component to use wagmi hooks directly.
+```
+
+## Verify
+
+After migration, run this prompt to confirm the three migrated components are fully replaced:
+
+```text
+Run npm run build and confirm there are no remaining imports of OnchainKitProvider, Wallet, or Transaction from @coinbase/onchainkit in the project.
+```
diff --git a/docs/llms-full.txt b/docs/llms-full.txt
index ead46c926..fe26b6219 100644
--- a/docs/llms-full.txt
+++ b/docs/llms-full.txt
@@ -6,7 +6,7 @@
 
 ## How the docs are organized
 - Products have two files each: `/<product>/llms.txt` (index) and `/<product>/llms-full.txt` (expanded)
-- Main sections: Get Started, Base Chain, Base Account, AI Agents, Mini Apps, OnchainKit
+- Main sections: Get Started, Base Chain, Base Account, AI Agents, Mini Apps
 
 ## Cross-site concepts
 
@@ -22,45 +22,23 @@ Sources:
 Sources:
 - `https://docs.base.org/base-account/guides/authenticate-users.md`
 - `https://docs.base.org/mini-apps/features/Authentication.md`
-- `https://docs.base.org/onchainkit/config/onchainkit-provider.md`
 
-> Auth patterns vary by product. Use SIWE (ERC‑6492 compatible) for user sign-in where smart wallets may not yet exist. In Mini Apps, defer auth until needed; prefer scoped, revocable permissions and transaction trays for intent. For SDK/server APIs (e.g., OnchainKit), supply API keys via environment variables, rotate regularly, and verify server-side signatures or webhooks. Never store user passkeys or raw private keys server-side.
+> Auth patterns vary by product. Use SIWE (ERC‑6492 compatible) for user sign-in where smart wallets may not yet exist. In Mini Apps, defer auth until needed; prefer scoped, revocable permissions and transaction trays for intent. Supply API keys via environment variables, rotate regularly, and verify server-side signatures or webhooks. Never store user passkeys or raw private keys server-side.
 
 ### Errors and retries
 Sources:
-- `https://docs.base.org/onchainkit/api/get-swap-quote.md`
 - `https://docs.base.org/base-chain/node-operators/troubleshooting.md`
 
 > Expect standard JSON error envelopes with `code`, `message`, and optional `details`. Treat 429 as rate-limited: respect `Retry-After` and apply exponential backoff with jitter. For idempotent operations (payments, tx-build), include an idempotency key if supported. Distinguish user-declined actions from transport or server errors and surface clear recovery guidance to users.
 
 ### Rate limits
 Sources:
-- `https://docs.base.org/onchainkit/api/get-tokens.md`
 - `https://docs.base.org/base-chain/tools/node-providers.md`
 
 > Rate limits vary by provider and endpoint. Batch reads when possible, cache static metadata, and use conditional requests. On 429, back off and retry after the indicated window. Avoid concurrent duplicate builds/quotes; fan out only when necessary.
 
 ### SDK install and hello world (JS/TS)
 
-OnchainKit (UI + server APIs)
-
-```bash
-npm install @coinbase/onchainkit wagmi viem
-```
-
-```tsx
-import { OnchainKitProvider } from '@coinbase/onchainkit'
-import { base } from 'wagmi/chains'
-
-export function Providers(props: { children: React.ReactNode }) {
-  return (
-    <OnchainKitProvider apiKey={process.env.NEXT_PUBLIC_ONCHAINKIT_API_KEY} chain={base}>
-      {props.children}
-    </OnchainKitProvider>
-  )
-}
-```
-
 Base Account (smart wallet + pay helper)
 
 ```bash
@@ -95,7 +73,6 @@ const client = createPublicClient({ chain: base, transport: http() })
 - AI Agents — `./ai-agents/llms-full.txt`
 - Base Chain — `./base-chain/llms-full.txt`
 - Mini Apps — `./mini-apps/llms-full.txt`
-- OnchainKit — `./onchainkit/llms-full.txt`
 
 ## Related indexes
 - Root index: `./llms.txt`
diff --git a/docs/llms.txt b/docs/llms.txt
index ffeace6e3..605b9bf79 100644
--- a/docs/llms.txt
+++ b/docs/llms.txt
@@ -9,6 +9,5 @@
 - [Base Account](./base-account/llms.txt) — Passkey smart wallet, payments, sponsored gas, sub‑accounts
 - [AI Agents](./ai-agents/llms.txt) — Build onchain AI agents: wallets, payments, identity, frameworks
 - [Mini Apps](./mini-apps/llms.txt) — MiniKit, manifests, features, growth, troubleshooting
-- [OnchainKit](./onchainkit/llms.txt) — React SDK: provider, components, APIs, utilities, templates
 
 
diff --git a/docs/mini-apps/core-concepts/authentication.mdx b/docs/mini-apps/core-concepts/authentication.mdx
index 521559ad7..a4a810900 100644
--- a/docs/mini-apps/core-concepts/authentication.mdx
+++ b/docs/mini-apps/core-concepts/authentication.mdx
@@ -149,9 +149,6 @@ Your mini app's domain
 
 
 <CardGroup cols={2}>
-<Card title="useAuthenticate" href="/onchainkit/latest/components/minikit/hooks/useAuthenticate">
-  use Minikit's useAuthenticate hook to authenticate users.
-</Card>
 <Card title="Context" href="/mini-apps/core-concepts/context">
   Understand how context is used in mini apps.
 </Card>
diff --git a/docs/mini-apps/core-concepts/navigation.mdx b/docs/mini-apps/core-concepts/navigation.mdx
index 434f41cb0..6060e7e0c 100644
--- a/docs/mini-apps/core-concepts/navigation.mdx
+++ b/docs/mini-apps/core-concepts/navigation.mdx
@@ -36,42 +36,25 @@ Review this file and refactor any incorrect navigation patterns to use the corre
 2. **Create Posts:** Use `sdk.actions.composeCast({ text, embeds })`
 3. **View Casts:** Use `sdk.actions.viewCast(castUrl)`
 
-### For MiniKit (`@coinbase/onchainkit/minikit`)
-1. **External Links:** Use `useOpenUrl()` hook
-2. **Create Posts:** Use `useComposeCast()` hook
-3. **View Casts:** Use `useViewCast()` hook
-
 ## Migration Examples
 
 // BEFORE (Incorrect)
 <a href="https://example.com">Visit Site</a>
 <button onClick={() => window.open('https://example.com')}>Open</button>
 
-// AFTER (Correct - Farcaster SDK)
+// AFTER (Correct)
 import { sdk } from '@farcaster/miniapp-sdk';
 <button onClick={() => sdk.actions.openUrl('https://example.com')}>Visit Site</button>
 
-// AFTER (Correct - MiniKit)
-import { useOpenUrl } from '@coinbase/onchainkit/minikit';
-const openUrl = useOpenUrl();
-<button onClick={() => openUrl('https://example.com')}>Visit Site</button>
-
 // BEFORE (Incorrect)
 window.open('https://farcaster.com/~/compose?text=Check this out!')
 
-// AFTER (Correct - Farcaster SDK)
+// AFTER (Correct)
 sdk.actions.composeCast({
   text: 'Check this out!',
   embeds: [window.location.href]
 })
 
-// AFTER (Correct - MiniKit)
-const { composeCast } = useComposeCast();
-composeCast({
-  text: 'Check this out!',
-  embeds: [window.location.href]
-})
-
 ```
 
 
@@ -82,138 +65,52 @@ composeCast({
 ## External Navigation
 
 ### Opening External URLs
-<Tabs>
-<Tab title="Farcaster SDK">
 
-  Use `sdk.actions.openUrl()` to safely open external websites in the client's in-app browser:
+Use `sdk.actions.openUrl()` to safely open external websites in the client's in-app browser:
 
-  ```typescript App.tsx highlight={5}
-  import { sdk } from '@farcaster/miniapp-sdk';
-
-  // Correct: Use SDK action
-  const openExternalSite = () => {
-    sdk.actions.openUrl('https://example.com');
-  };
+```typescript App.tsx highlight={5}
+import { sdk } from '@farcaster/miniapp-sdk';
 
-  // Incorrect: Direct HTML link
-  // <a href="https://example.com">Visit Site</a>
-  ```
-  </Tab>
-  <Tab title="MiniKit">
-
-  Use [`useOpenUrl()`](/onchainkit/latest/components/minikit/hooks/useOpenUrl) to safely open external websites in the client's in-app browser:
-
-  ```tsx components/ExternalLinks.tsx highlight={8 -10}
-  import { useOpenUrl } from '@coinbase/onchainkit/minikit';
-
-  export default function ExternalLinks() {
-    const openUrl = useOpenUrl();
-
-    return (
-      <div className="external-links">
-        <button onClick={() => openUrl('https://base.org')}>
-          Visit Base.org
-        </button>
-        <button onClick={() => openUrl('https://twitter.com/base')}>
-          Follow on Twitter
-        </button>
-        <button onClick={() => openUrl('https://discord.gg/basechain')}>
-          Join Discord
-        </button>
-      </div>
-    );
-  }
+// Correct: Use SDK action
+const openExternalSite = () => {
+  sdk.actions.openUrl('https://example.com');
+};
 
-  // Incorrect: Direct HTML link
-  // <a href="https://example.com">Visit Site</a>
-  ```
-  </Tab>
-</Tabs>
+// Incorrect: Direct HTML link
+// <a href="https://example.com">Visit Site</a>
+```
 
 ### Composing Casts
 
-<Tabs>
-  <Tab title="Farcaster SDK">
-
-  Use `sdk.actions.composeCast()` instead of composer intent URLs:
-
-  ```typescript App.tsx highlight={5-8}
-  import { sdk } from '@farcaster/miniapp-sdk';
-
-  // Correct: Use SDK action
-  const shareContent = () => {
-    sdk.actions.composeCast({
-      text: 'Check out this Mini App!',
-      embeds: ['https://yourminiapp.com']
-    });
-  };
+Use `sdk.actions.composeCast()` instead of composer intent URLs:
 
-  // Incorrect: Composer intent URLs
-  // window.open('https://farcaster.com/~/compose?text=...')
-  ```
-  </Tab>
-  <Tab title="MiniKit">
-  Use [`useComposeCast()`](/onchainkit/latest/components/minikit/hooks/useComposeCast) to open the native composer with prefilled content:
-  ```tsx components/ShareCast.tsx highlight={8-13}
-  import { useComposeCast } from '@coinbase/onchainkit/minikit';
-
-  export default function ShareCast() {
-    const { composeCast } = useComposeCast();
-
-    return (
-      <button
-        onClick={() =>
-          composeCast({
-            text: 'Check out this Mini App!',
-            embeds: [window.location.href]
-          })
-        }
-      >
-        Share This App
-      </button>
-    );
-  }
+```typescript App.tsx highlight={5-8}
+import { sdk } from '@farcaster/miniapp-sdk';
 
-  // Incorrect: Composer intent URLs
-  // window.open('https://farcaster.com/~/compose?text=...')
-  ```
-  </Tab>
-</Tabs>
+// Correct: Use SDK action
+const shareContent = () => {
+  sdk.actions.composeCast({
+    text: 'Check out this Mini App!',
+    embeds: ['https://yourminiapp.com']
+  });
+};
 
-### Viewing Casts 
+// Incorrect: Composer intent URLs
+// window.open('https://farcaster.com/~/compose?text=...')
+```
 
-<Tabs>
-  <Tab title="Farcaster SDK">
+### Viewing Casts
 
-  Use `sdk.actions.viewCast()` instead of cast intent URLs:
+Use `sdk.actions.viewCast()` instead of cast intent URLs:
 
-  ```typescript App.tsx
-  import { sdk } from '@farcaster/miniapp-sdk';
+```typescript App.tsx
+import { sdk } from '@farcaster/miniapp-sdk';
 
-  // Correct: Use SDK action
-  const viewCast = () => {
-    sdk.actions.viewCast('https://base.app/post/0xffdec7c879aad726b5400d22ec8a89aaff6e0737');
-  };
-  ```
-  </Tab>
-  <Tab title="MiniKit">
-
-  Use [`useViewCast()`](/onchainkit/latest/components/minikit/hooks/useViewCast) to open a specific cast by its hash:
-  ```tsx components/ViewCastButton.tsx highlight={4,7-9}
-  import { useViewCast } from '@coinbase/onchainkit/minikit';
-
-  export default function ViewCastButton() {
-    const viewCast = useViewCast('0x1234567890abcdef1234567890abcdef12345678');
-
-    return (
-      <button onClick={viewCast}>
-        View Cast
-      </button>
-    );
-  }
-  ```
-  </Tab>
-</Tabs>
+// Correct: Use SDK action
+const viewCast = () => {
+  sdk.actions.viewCast('https://base.app/post/0xffdec7c879aad726b5400d22ec8a89aaff6e0737');
+};
+```
 
 ### Conditional Navigation
 
@@ -224,7 +121,7 @@ import { sdk } from 'farcaster/miniapp-sdk';
 
 const ConditionalNavigation = () => {
   const context = sdk.context;
-  
+
   const handleNavigation = () => {
     // Adapt behavior based on client capabilities
     if (context.client.clientFid) {
@@ -271,10 +168,10 @@ Getting the `conversationID`:
 agent.on('text', async (ctx) => {
   // Get conversation ID
   const conversationId = ctx.conversation.id;
-  
+
   // Create deeplink to THIS conversation (not just the agent)
   const groupDeeplink = `cbwallet://messaging/${conversationId}`;
-  
+
   if (ctx.isGroup()) {
     await ctx.sendText(`Share this group: ${groupDeeplink}`);
   }
@@ -284,8 +181,8 @@ agent.on('text', async (ctx) => {
 Use the `conversationID` as a button:
 
 ```typescript DeeplinkButton.tsx
-<button 
-  onClick={() => openUrl(`cbwallet://messaging/${conversationID}`)} 
+<button
+  onClick={() => openUrl(`cbwallet://messaging/${conversationID}`)}
 >
   Join Members Only Chat
 </button>
@@ -296,8 +193,8 @@ Use the `conversationID` as a button:
 Start a private conversation with a specific user or agent.
 
 ```typescript DeeplinkDM.tsx
-<button 
-  onClick={() => openUrl(`cbwallet://messaging/${address}`)} 
+<button
+  onClick={() => openUrl(`cbwallet://messaging/${address}`)}
 >
   Send Direct Message
 </button>
@@ -316,6 +213,3 @@ Start a private conversation with a specific user or agent.
 <ResponseField name="address" type="string" required>
   The 0x address of the user or agent you want to chat with (in hex format, e.g., `0xabc...1234`).
 </ResponseField>
-
-
-
diff --git a/docs/mini-apps/featured-guidelines/technical-guidelines.mdx b/docs/mini-apps/featured-guidelines/technical-guidelines.mdx
index 7a4803043..1614262b0 100644
--- a/docs/mini-apps/featured-guidelines/technical-guidelines.mdx
+++ b/docs/mini-apps/featured-guidelines/technical-guidelines.mdx
@@ -48,13 +48,13 @@ There must be no client‑specific behaviors or wording that degrade the experie
 
 ## Sponsor Transactions
 
-Sponsor transaction fees to remove friction and reduce drop‑off for new users. For mini apps on Base, we recommend using the [Base Paymaster](/onchainkit/paymaster/quickstart-guide).
+Sponsor transaction fees to remove friction and reduce drop‑off for new users. For mini apps on Base, we recommend using the [Base Paymaster](/base-account/improve-ux/sponsor-gas/paymasters).
 
 **Acceptance criteria**
 - Transactions are sponsored via a paymaster
 
 **How to Implement**
-- Recommended: [Base Paymaster](/onchainkit/paymaster/quickstart-guide)
+- Recommended: [Base Paymaster](/base-account/improve-ux/sponsor-gas/paymasters)
 
 <Note>
   Claim free gas credits on <a href="https://base.dev">base.dev</a>.
diff --git a/docs/mini-apps/growth/optimize-onboarding.mdx b/docs/mini-apps/growth/optimize-onboarding.mdx
index 40cc77b47..60542eeef 100644
--- a/docs/mini-apps/growth/optimize-onboarding.mdx
+++ b/docs/mini-apps/growth/optimize-onboarding.mdx
@@ -20,7 +20,7 @@ Deliver value instantly and avoid blocking actions.
 <Steps>
 <Step title="First render">
 - Show immediate value (demo content, sample state, or read-only mode)
-- Personalize instantly with [`context`](/onchainkit/latest/components/minikit/provider-and-initialization) of the user's profile to instantly personalize
+- Personalize instantly with [`context`](/mini-apps/core-concepts/context) of the user's profile to instantly personalize
 - Display one clear CTA that leads to a meaningful action (e.g. "Post a message", "Buy a token", "Follow a user")
 </Step>
 
@@ -63,7 +63,6 @@ Read more in [Authentication](/mini-apps/features/Authentication).
 - Base App provides an in-app Base Account. This should be the default wallet used by your app to streamline interactions.
 - Do not show a connect button on first load
 - If you support other wallets, show connect/switch as optional and non-blocking
-- Use the OnchainKit Wallet component or Wagmi hooks as needed
 
 ### Do not use raw deeplinks
 
@@ -108,8 +107,8 @@ Learn how to implement them with [SDK actions](/mini-apps/features/links).
 
 <CardGroup cols={3}>
   <Card title="Sharing & Social Graph" icon="share" href="/mini-apps/features/sharing-and-social-graph" />
-  <Card title="Provider & Initialization" icon="cog" href="/onchainkit/latest/components/minikit/provider-and-initialization" />
-  <Card title="useAuthenticate" icon="book-open" href="/onchainkit/latest/components/minikit/hooks/useAuthenticate" />
+  <Card title="MiniKit Overview" icon="cog" href="/mini-apps/introduction/overview" />
+  <Card title="useAuthenticate" icon="book-open" href="/mini-apps/core-concepts/authentication" />
 </CardGroup>
 
 
diff --git a/docs/mini-apps/llms-full.txt b/docs/mini-apps/llms-full.txt
index 96dcdccf2..95700a2aa 100644
--- a/docs/mini-apps/llms-full.txt
+++ b/docs/mini-apps/llms-full.txt
@@ -2,26 +2,30 @@
 
 ## Mini Apps — Deep Guide for LLMs
 
-> Mini Apps are social‑native, instant‑launch web apps that run inside Base App. This guide orients an LLM to MiniKit fundamentals, product capabilities, UX best practices, growth mechanics, and troubleshooting.
+> Mini Apps are social‑native, instant‑launch web apps that run inside Base App. This guide orients an LLM to Mini App fundamentals, product capabilities, UX best practices, growth mechanics, and troubleshooting.
 
 ### What you can do here
-- Scaffold new Mini Apps with MiniKit and integrate existing Next.js apps
+- Scaffold new Mini Apps and integrate existing Next.js apps
 - Configure manifests for discovery and client capabilities
-- Build social‑native UX using OnchainKit components
+- Build social‑native UX using wagmi
 - Plan growth loops (sharing, search, notifications) and optimize onboarding
 - Diagnose issues specific to Base App vs. other Farcaster clients
 
-## Minimal Critical Code (MiniKit + OnchainKit wiring)
+## Minimal Critical Code
 ```tsx
-// MiniKit and OnchainKit often co‑exist in Mini Apps. Keep providers minimal.
-import { OnchainKitProvider } from '@coinbase/onchainkit'
-import { base } from 'wagmi/chains'
+import { WagmiProvider } from 'wagmi'
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import { wagmiConfig } from './wagmi-config'
+import { useState } from 'react'
 
 export function Providers(props: { children: React.ReactNode }) {
+  const [queryClient] = useState(() => new QueryClient())
   return (
-    <OnchainKitProvider apiKey={process.env.NEXT_PUBLIC_ONCHAINKIT_API_KEY} chain={base}>
-      {props.children}
-    </OnchainKitProvider>
+    <WagmiProvider config={wagmiConfig}>
+      <QueryClientProvider client={queryClient}>
+        {props.children}
+      </QueryClientProvider>
+    </WagmiProvider>
   )
 }
 ```
@@ -66,7 +70,6 @@ export function Providers(props: { children: React.ReactNode }) {
 
 ### Technical Guides
 - [Accept Payments](https://docs.base.org/mini-apps/technical-guides/accept-payments.md) — Payments
-- [Dynamic Embeds](https://docs.base.org/mini-apps/technical-guides/dynamic-embeds.md) — Dynamic embeds
 - [Sharing & Social Graph](https://docs.base.org/mini-apps/technical-guides/sharing-and-social-graph.md) — Sharing
 - [Neynar Notifications](https://docs.base.org/mini-apps/technical-guides/neynar-notifications.md) — Notifications via Neynar
 - [Sign Manifest](https://docs.base.org/mini-apps/technical-guides/sign-manifest.md) — Manifest signing
@@ -84,16 +87,14 @@ export function Providers(props: { children: React.ReactNode }) {
 - [Testing](https://docs.base.org/mini-apps/troubleshooting/testing.md) — Testing guide
 
 ### Technical Reference
-- [MiniKit Overview](https://docs.base.org/onchainkit/latest/components/minikit/overview.md) — Overview
-- [Provider & Initialization](https://docs.base.org/onchainkit/latest/components/minikit/provider-and-initialization.md) — Provider
-- [Hooks](https://docs.base.org/onchainkit/latest/components/minikit/hooks/useMiniKit.md) — Hooks
+- [Mini Apps Overview](https://docs.base.org/mini-apps/introduction/overview.md) — Overview
 
 
 ## Quickstart (excerpts)
 
 Source: `https://docs.base.org/mini-apps/quickstart/create-new-miniapp.md`
 
-Create a new Mini App with MiniKit:
+Create a new Mini App:
 
 ```bash
 npm create minikit@latest my-mini-app
@@ -102,10 +103,10 @@ cd my-mini-app && npm i && npm run dev
 
 Source: `https://docs.base.org/mini-apps/quickstart/migrate-existing-apps.md`
 
-Add MiniKit to an existing Next.js app:
+Add Mini App support to an existing Next.js app:
 
 ```bash
-npm install @coinbase/minikit @coinbase/onchainkit
+npm install @farcaster/miniapp-sdk wagmi viem @tanstack/react-query
 ```
 
 
@@ -136,37 +137,15 @@ Sources:
 - Resilience & UX: Provide guest mode where possible; handle declined auth gracefully with alternate paths or read‑only modes.
 - Server verification: Verify any signed payloads or tokens server‑side. Enforce replay protection, expiration, and domain binding.
 
-Hook reference:
-
-- useAuthenticate — Returns verified user from SIWF or wallet auth. Use alongside `useMiniKit` context.
-  - Source: `https://docs.base.org/onchainkit/latest/components/minikit/hooks/useAuthenticate.md`
-
-Example (hook usage):
-
-```tsx
-import { useMiniKit } from '@coinbase/minikit'
-import { useAuthenticate } from '@coinbase/onchainkit/minikit'
-
-export function AuthGate(props: { children: React.ReactNode }) {
-  const { context } = useMiniKit()
-  const { user } = useAuthenticate()
-
-  // Use context for UI hints only
-  const displayName = context?.user?.displayName ?? 'Friend'
-
-  // Use verified user for secure ops
-  if (!user) return <button>Sign in</button>
-  return <div aria-live="polite">Welcome, {displayName}!{props.children}</div>
-}
-```
+Authentication uses Quick Auth via the Farcaster SDK. See: `https://docs.base.org/mini-apps/core-concepts/authentication.md`
 
 
 ## API and Schemas (pruned)
 
-- MiniKit Provider and initialization props
-  - Source: `https://docs.base.org/onchainkit/latest/components/minikit/provider-and-initialization.md`
-- `useMiniKit` hook: access frame context, user, and client capabilities
-  - Source: `https://docs.base.org/onchainkit/latest/components/minikit/hooks/useMiniKit.md`
+- Mini App provider setup and initialization
+  - Source: `https://docs.base.org/mini-apps/introduction/overview.md`
+- Farcaster SDK context: access frame and user context data
+  - Source: `https://docs.base.org/mini-apps/core-concepts/context.md`
 
 Example manifest fields (conceptual):
 
@@ -196,33 +175,15 @@ Example manifest fields (conceptual):
 
 ## Examples (common flows)
 
-Example: Wire providers for OnchainKit + MiniKit
-
-Sources:
-- `https://docs.base.org/onchainkit/latest/components/minikit/provider-and-initialization.md`
-
-```tsx
-import { OnchainKitProvider } from '@coinbase/onchainkit'
-import { base } from 'wagmi/chains'
-
-export function Providers(props: { children: React.ReactNode }) {
-  return (
-    <OnchainKitProvider apiKey={process.env.NEXT_PUBLIC_ONCHAINKIT_API_KEY} chain={base}>
-      {props.children}
-    </OnchainKitProvider>
-  )
-}
-```
-
-Example: Use `useMiniKit` to access client context
+Example: Use the Farcaster SDK to access client context
 
-Source: `https://docs.base.org/onchainkit/latest/components/minikit/hooks/useMiniKit.md`
+Source: `https://docs.base.org/mini-apps/core-concepts/context.md`
 
 ```tsx
-import { useMiniKit } from '@coinbase/minikit'
+import { sdk } from '@farcaster/miniapp-sdk'
 
 export function Screen() {
-  const { user, client } = useMiniKit()
-  return <pre>{JSON.stringify({ user, client }, null, 2)}</pre>
+  const context = sdk.context
+  return <pre>{JSON.stringify(context, null, 2)}</pre>
 }
 ```
diff --git a/docs/mini-apps/llms.txt b/docs/mini-apps/llms.txt
index bdea38c01..771947417 100644
--- a/docs/mini-apps/llms.txt
+++ b/docs/mini-apps/llms.txt
@@ -2,7 +2,7 @@
 
 ## Mini Apps Documentation
 
-> Mini Apps are social-native, instant-launch web apps that run inside Base App. This section provides instruction on how to get started with MiniKit and OnchainKit as well as best practices developers should follow.
+> Mini Apps are social-native, instant-launch web apps that run inside Base App. This section provides instruction on how to get started with MiniKit as well as best practices developers should follow.
 
 ## Introduction
 - [Overview](https://docs.base.org/mini-apps/introduction/overview.md) — What Mini Apps are and why they matter
@@ -37,12 +37,10 @@
 - [Base App Compatibility](https://docs.base.org/mini-apps/troubleshooting/base-app-compatibility.md) — Base App client-specific behaviors
 
 ## Technical Reference
-- [MiniKit Overview](https://docs.base.org/onchainkit/latest/components/minikit/overview.md) — Architecture, provider, CLI, and hooks
-- [Hooks: useMiniKit](https://docs.base.org/onchainkit/latest/components/minikit/hooks/useMiniKit.md) — Access frame context and client features
+- [MiniKit Overview](https://docs.base.org/mini-apps/introduction/overview.md) — Architecture, provider, CLI, and hooks
 
 ## Optional
 - [Accept Payments](https://docs.base.org/mini-apps/technical-guides/accept-payments.md) — Integrate payments in Mini Apps
 - [Sharing & Social Graph](https://docs.base.org/mini-apps/technical-guides/sharing-and-social-graph.md) — Viral distribution patterns
-- [Dynamic Embeds](https://docs.base.org/mini-apps/technical-guides/dynamic-embeds.md) — Dynamic embed metadata
 - [How Search Works](https://docs.base.org/mini-apps/troubleshooting/how-search-works.md) — Indexing and ranking signals in Base App
 
diff --git a/docs/mini-apps/quickstart/build-checklist.mdx b/docs/mini-apps/quickstart/build-checklist.mdx
index fd2275860..3e47cc7b3 100644
--- a/docs/mini-apps/quickstart/build-checklist.mdx
+++ b/docs/mini-apps/quickstart/build-checklist.mdx
@@ -51,10 +51,7 @@ Re‑engage saved users with relevant, rate‑limited notifications at the right
 
 Build for compact, touch‑first contexts: respect safe areas, keep interfaces concise, and emphasize clear primary actions.
 
-<CardGroup cols={2}>
-  <Card title="Design patterns" icon="puzzle-piece" href="/mini-apps/featured-guidelines/design-guidelines" />
-  <Card title="OnchainKit" icon="box" href="/mini-apps/featured-guidelines/product-guidelines/foundations" />
-</CardGroup>
+<Card title="Design patterns" icon="puzzle-piece" href="/mini-apps/featured-guidelines/design-guidelines" />
 
 
 ## Build for Growth 
diff --git a/docs/mini-apps/technical-guides/dynamic-embeds.mdx b/docs/mini-apps/technical-guides/dynamic-embeds.mdx
deleted file mode 100644
index e3a54314c..000000000
--- a/docs/mini-apps/technical-guides/dynamic-embeds.mdx
+++ /dev/null
@@ -1,200 +0,0 @@
----
-title: Generate Dynamic Embed Images
-description: Create viral loops by turning every user interaction into dynamic, shareable content directly in the feed.
----
-
-Embeds are the first thing users see when they encounter your mini app in their feed. Each share can display unique, contextual content tailored to drive engagement.
-
-<Panel>
-<Frame caption="How metadata transforms into embeds">
-  <img src="/images/minikit/Diagram.png" alt="Diagram showing the flow from mini app URL to metadata reading to image generation and final embed rendering in the Base app" />
-</Frame>
-When users share your mini app `URL`, the Base app requests your page, reads the fc:miniapp metadata, and fetches the `imageUrl`. You can serve either a static file (same image for everyone) or a dynamic endpoint that generates unique images on-demand based on URL parameters.
-</Panel>
-
-<Note>
-This guide uses Minikit but the principles apply to any framework with server-side rendering.
-</Note>
-
-## Implementation
-
-This guide shows how to create shareable links with dynamic embed images. Users click a share button, which opens a compose window with their personalized link. When shared, the embed displays a unique image with their username.
-
-<Steps>
-<Step title="Install the required package">
-Install `@vercel/og` by running the following command inside your project directory. This isn't required for Next.js App Router projects, as the package is already included:
-
-```bash
-npm install @vercel/og
-```
-</Step>
-<Step title="Create the image generation API endpoint">
-Build an API route that generates images based on the username parameter.
-
-```tsx lines expandable wrap app/api/og/[username]/route.tsx
-import { ImageResponse } from "next/og";
-
-export const dynamic = "force-dynamic";
-
-export async function GET(
-  request: Request,
-  { params }: { params: Promise<{ username: string }> }
-) {
-  const { username } = await params;
-
-  return new ImageResponse(
-    (
-      <div
-          style={{
-            backgroundColor: 'black',
-            backgroundSize: '150px 150px',
-            height: '100%',
-            width: '100%',
-            display: 'flex',
-            color: 'white',
-            textAlign: 'center',
-            alignItems: 'center',
-            justifyContent: 'center',
-            flexDirection: 'column',
-            flexWrap: 'nowrap',
-          }}
-        >
-            Hello {username}        
-        </div>
-    ),
-    {
-      width: 1200,
-      height: 630,
-    }
-  );
-}
-```
-
-This endpoint generates a unique image for each username: `/api/og/alice`, `/api/og/bob`, etc.
-
-<Warning>
- `<div>` elements must have `display: "flex"` or `display: "none"`. If you see a 500 error when accessing `/share/[username]`, check your ImageResponse JSX structure.
-</Warning>
-</Step>
-
-<Step title="Create shareable page with dynamic metadata">
-Build a page route that uses the username to generate `fc:miniapp` metadata pointing to your image endpoint.
-
-```tsx lines expandable wrap app/share/[username]/page.tsx
-import { minikitConfig } from "../../../minikit.config";
-import { Metadata } from "next";
-
-export async function generateMetadata(
-  { params }: { params: Promise<{ username: string }> }
-): Promise<Metadata> {
-  try {
-    const { username } = await params;
-    
-    return {
-      title: minikitConfig.miniapp.name,
-      description: minikitConfig.miniapp.description,
-      other: {
-        "fc:miniapp": JSON.stringify({
-          version: minikitConfig.miniapp.version,
-          imageUrl: `${minikitConfig.miniapp.homeUrl}/api/og/${username}`,
-          button: {
-            title: `Join the ${minikitConfig.miniapp.name} Waitlist`,
-            action: {
-              name: `Launch ${minikitConfig.miniapp.name}`,
-              type: "launch_miniapp",
-              url: `${minikitConfig.miniapp.homeUrl}`,
-            },
-          },
-        }),
-      },
-    };
-  } catch (e) {
-    const errorMessage = e instanceof Error ? e.message : 'Unknown error';
-    console.log(JSON.stringify({ 
-      timestamp: new Date().toISOString(), 
-      level: 'error', 
-      message: 'Failed to generate metadata', 
-      error: errorMessage 
-    }));
-    
-    return {
-      title: minikitConfig.miniapp.name,
-      description: minikitConfig.miniapp.description,
-    };
-  }
-}
-
-export default async function SharePage(
-  { params }: { params: Promise<{ username: string }> }
-) {
-  const { username } = await params;
-
-  return (
-    <div>
-      <h1>Share Page - {username}</h1>
-    </div>
-  );
-}
-```
-When someone visits `/share/alice`, the metadata points to `/api/og/alice` for the embed image.
-</Step>
-
-<Step title="Add share button with composeCast">
-Create a button that opens Farcaster's compose window with the user's personalized share link.
-
-```tsx lines expandable wrap app/page.tsx  highlight={6, 9-15}
-import { useMiniKit, useComposeCast } from "@coinbase/onchainkit/minikit";
-import { minikitConfig } from "./minikit.config";
-
-export default function HomePage() {
-  const { context } = useMiniKit();
-  const { composeCast } = useComposeCast();
-
-
-  const handleShareApp = () => {
-    const userName = context?.user?.displayName || 'anonymous';
-    composeCast({
-      text: `Check out ${minikitConfig.miniapp.name}!`,
-      embeds: [`${window.location.origin}/share/${userName}`]
-    });
-  };
-
-  return (
-    <div>
-      <button onClick={handleShareApp}>
-        Share Mini App
-      </button>
-    </div>
-  );
-}
-```
-
-When you click the button, it opens the compose window with `/share/alice` as the embed. The embed displays the dynamic image from `/api/og/alice`.
-</Step>
-
-<Step title="Test the flow">
-Verify the complete sharing flow works.
-
-```bash lines wrap
-# Start your app
-npm run dev
-
-# Test the image endpoint directly
-curl http://localhost:3000/api/og/testuser > test.png
-open test.png
-
-# Visit the share page to verify metadata
-curl http://localhost:3000/share/testuser | grep "fc:miniapp"
-```
-
-Click the share button in your app to test the full experience. You should see the compose window open with your personalized share link, and the embed should display your custom generated image.
-</Step>
-</Steps>
-
-## Related Concepts
-
-<CardGroup cols={1}>
-<Card title="Troubleshooting" href="/mini-apps/troubleshooting/how-search-works">
-  Troubleshooting tips for embeds not displaying.
-</Card>
-</CardGroup>
diff --git a/docs/mini-apps/technical-guides/sharing-and-social-graph.mdx b/docs/mini-apps/technical-guides/sharing-and-social-graph.mdx
index f24ea5352..91e88f844 100644
--- a/docs/mini-apps/technical-guides/sharing-and-social-graph.mdx
+++ b/docs/mini-apps/technical-guides/sharing-and-social-graph.mdx
@@ -14,7 +14,7 @@ export default function ComposeCastButton() {
   const { composeCast } = useComposeCast();
 
   const handleCompose = () => {
-    composeCast({ text: 'Just minted an awesome NFT using @coinbase OnchainKit!' });
+    composeCast({ text: 'Just minted an awesome NFT!' });
   };
 
   const handleComposeWithEmbed = () => {
@@ -42,8 +42,8 @@ Strategic sharing moments include: post‑achievement, post‑mint, after beatin
 Link users into casts and profiles directly from your app via MiniKit hooks.
 
 <CardGroup cols={2}>
-  <Card title="useViewCast" icon="book-open" href="/onchainkit/latest/components/minikit/hooks/useViewCast" />
-  <Card title="useViewProfile" icon="book-open" href="/onchainkit/latest/components/minikit/hooks/useViewProfile" />
+  <Card title="useViewCast" icon="book-open" href="/mini-apps/core-concepts/navigation" />
+  <Card title="useViewProfile" icon="book-open" href="/mini-apps/core-concepts/navigation" />
 </CardGroup>
 
 ## Best Practices
diff --git a/docs/mini-apps/troubleshooting/base-app-compatibility.mdx b/docs/mini-apps/troubleshooting/base-app-compatibility.mdx
index be190c1d5..9d555fa2d 100644
--- a/docs/mini-apps/troubleshooting/base-app-compatibility.mdx
+++ b/docs/mini-apps/troubleshooting/base-app-compatibility.mdx
@@ -29,17 +29,16 @@ Base App is working towards full compatibility with the Farcaster Mini App SDK.
 To detect if the app is running in the Base App, you can use the `clientFid` property of the `context` object.
 
 ```tsx App.tsx
-import { useMiniKit } from '@coinbase/onchainkit/minikit';
+import { sdk } from '@farcaster/miniapp-sdk';
 
 function MyComponent() {
-  const { context } = useMiniKit();
-  const isBaseApp = context.client.clientFid === 309857;
+  const isBaseApp = sdk.context.client.clientFid === 309857;
 
   if (isBaseApp) {
     // Use Base App-specific features
     console.log('Running in Base App');
   }
-  
+
   return <div>{/* Your component */}</div>;
 }
 ```
diff --git a/docs/mini-apps/troubleshooting/common-issues.mdx b/docs/mini-apps/troubleshooting/common-issues.mdx
index 8929ea8fc..95f3a9703 100644
--- a/docs/mini-apps/troubleshooting/common-issues.mdx
+++ b/docs/mini-apps/troubleshooting/common-issues.mdx
@@ -112,7 +112,7 @@ Solution: Use `name="fc:miniapp"` meta tag in `<head>` and validate using the Em
 
 ### 4. Wallet Connection Problems
 
-Always use the user's connected wallet for optimal experience. You can do this either by using [OnchainKit's Wallet component](/onchainkit/wallet/wallet) or Wagmi hooks. Below is a Wagmi hook example:
+Always use the user's connected wallet for optimal experience. You can do this using Wagmi hooks. Below is an example:
 
 ```tsx App.tsx
 import { useAccount } from 'wagmi';
diff --git a/docs/onchainkit/api/build-deposit-to-morpho-tx.mdx b/docs/onchainkit/api/build-deposit-to-morpho-tx.mdx
deleted file mode 100644
index d533a0924..000000000
--- a/docs/onchainkit/api/build-deposit-to-morpho-tx.mdx
+++ /dev/null
@@ -1,28 +0,0 @@
----
-title: buildDepositToMorphoTx
----
-
-
-The `buildDepositToMorphoTx` function is used to build [Calls](/onchainkit/transaction/types#calls) for depositing an asset to Morpho. These calls can be passed the `<Transaction />` component to send a transaction.
-
-## Usage
-
-```tsx code
-import { buildDepositToMorphoTx } from '@coinbase/onchainkit/earn';
-
-const calls = await buildDepositToMorphoTx({
-  vaultAddress: '0x...', // Morpho vault address on Base
-  tokenAddress: '0x...', // Address of the token to deposit
-  amount: 1000000000000000000n, // Amount of tokens to deposit
-  recipientAddress: '0x...', // Address of the recipient
-});
-```
-
-## Returns
-
-[`Call[]`](/onchainkit/transaction/types#calls)
-
-## Parameters
-
-[`DepositToMorphoParams`](/onchainkit/earn/types#deposittomorphoparams)
-
diff --git a/docs/onchainkit/api/build-mint-transaction.mdx b/docs/onchainkit/api/build-mint-transaction.mdx
deleted file mode 100644
index 6c80cb2d3..000000000
--- a/docs/onchainkit/api/build-mint-transaction.mdx
+++ /dev/null
@@ -1,51 +0,0 @@
----
-title: buildMintTransaction
-openapi: post /BuildMintTransaction
----
-
-
-The `buildMintTransaction` function is used to get an unsigned transaction for minting an NFT.
-
-Before using them, make sure to obtain a [Client API Key](https://portal.cdp.coinbase.com/projects/api-keys/client-key) from Coinbase Developer Platform.
-
-{/* ## Usage */}
-
-{/* <CodeGroup>
-```tsx code
-import { setOnchainKitConfig } from '@coinbase/onchainkit';
-import { buildMintTransaction } from '@coinbase/onchainkit/api';
-
-const response = await buildMintTransaction({
-  mintAddress: '0x...',
-  takerAddress: '0x...',
-  tokenId: '1',
-  quantity: 1,
-  network: 'networks/base-mainnet',
-});
-```
-
-```json return value
-{
-  "call_data": {
-    "from": "0x...",
-    "to": "0x...",
-    "data": "0x...",
-    "value": "0x000000000001"
-  }
-}
-```
-</CodeGroup> */}
-
-## Returns
-
-[`Promise<BuildMintTransactionResponse>`](/onchainkit/api/types#buildminttransactionresponse)
-
-## Parameters
-
-[`BuildMintTransactionParams`](/onchainkit/api/types#buildminttransactionparams)
-
-## Types
-
-- [`BuildMintTransactionResponse`](/onchainkit/api/types#buildminttransactionresponse)
-- [`BuildMintTransactionParams`](/onchainkit/api/types#buildminttransactionparams)
-
diff --git a/docs/onchainkit/api/build-swap-transaction.mdx b/docs/onchainkit/api/build-swap-transaction.mdx
deleted file mode 100644
index cf6a73454..000000000
--- a/docs/onchainkit/api/build-swap-transaction.mdx
+++ /dev/null
@@ -1,132 +0,0 @@
----
-title: buildSwapTransaction
-openapi: post /buildSwapTransaction
----
-
-
-The `buildSwapTransaction` function is used to get an unsigned transaction for a swap between two Tokens.
-
-Before using this function, make sure to obtain a [Client API Key](https://portal.cdp.coinbase.com/projects/api-keys/client-key) from Coinbase Developer Platform.
-
-{/* ## Usage */}
-
-{/* <CodeGroup>
-```tsx code
-import { setOnchainKitConfig } from '@coinbase/onchainkit';
-import { buildSwapTransaction } from '@coinbase/onchainkit/api';
-import type { Token } from '@coinbase/onchainkit/token';
-
-setOnchainKitConfig({ apiKey: 'YOUR_API_KEY' });
-
-const fromToken: Token = {
-  name: 'ETH',
-  address: '',
-  symbol: 'ETH',
-  decimals: 18,
-  image: 'https://wallet-api-production.s3.amazonaws.com/uploads/tokens/eth_288.png',
-  chainId: 8453,
-};
-
-const toToken: Token = {
-  name: 'USDC',
-  address: '0x833589fcd6edb6e08f4c7c32d4f71b54bda02913',
-  symbol: 'USDC',
-  decimals: 6,
-  image:
-    'https://d3r81g40ycuhqg.cloudfront.net/wallet/wais/44/2b/442b80bd16af0c0d9b22e03a16753823fe826e5bfd457292b55fa0ba8c1ba213-ZWUzYjJmZGUtMDYxNy00NDcyLTg0NjQtMWI4OGEwYjBiODE2',
-  chainId: 8453,
-};
-
-const response = await buildSwapTransaction({
-  fromAddress: '0x...',
-  from: fromToken,
-  to: toToken,
-  amount: '0.1',
-  useAggregator: false,
-});
-```
-
-```json return value
-{
-  "approveTransaction": {
-    "chainId": 8453,
-    "data": "",
-    "gas": 0,
-    "to": "",
-    "value": 0
-  },
-  "fee": {
-    "baseAsset": {
-      "name": "USDC",
-      "address": "0x833589fcd6edb6e08f4c7c32d4f71b54bda02913",
-      "currencyCode": "USDC",
-      "decimals": 6,
-      "imageURL": "https://d3r81g40ycuhqg.cloudfront.net/wallet/wais/44/2b/442b80bd16af0c0d9b22e03a16753823fe826e5bfd457292b55fa0ba8c1ba213-ZWUzYjJmZGUtMDYxNy00NDcyLTg0NjQtMWI4OGEwYjBiODE2",
-      "blockchain": "eth",
-      "aggregators": [Array],
-      "swappable": true,
-      "unverified": false,
-      "chainId": 8453
-    },
-    "percentage": "1",
-    "amount": "3517825"
-  },
-  "quote": {
-    "from": {
-      "address": "",
-      "chainId": 8453,
-      "decimals": 18,
-      "image": "https://wallet-api-production.s3.amazonaws.com/uploads/tokens/eth_288.png",
-      "name": "ETH",
-      "symbol": "ETH"
-    },
-    "to": {
-      "address": "0x833589fcd6edb6e08f4c7c32d4f71b54bda02913",
-      "chainId": 8453,
-      "decimals": 6,
-      "image": "https://d3r81g40ycuhqg.cloudfront.net/wallet/wais/44/2b/442b80bd16af0c0d9b22e03a16753823fe826e5bfd457292b55fa0ba8c1ba213-ZWUzYjJmZGUtMDYxNy00NDcyLTg0NjQtMWI4OGEwYjBiODE2",
-      "name": "USDC",
-      "symbol": "USDC"
-    },
-    "fromAmount": "100000000000000000",
-    "toAmount": "348264739",
-    "amountReference": "from",
-    "priceImpact": "",
-    "chainId": 8453,
-    "highPriceImpact": false,
-    "slippage": "3",
-    "warning": {
-      "type": "warning",
-      "message": "This transaction has a very high likelihood of failing if submitted",
-      "description": "failed with 500000000 gas: insufficient funds for gas * price + value: address 0x4ed4E862860beD51a9570b96d89aF5E1B0Efefed have 0 want 100000000000000000"
-    }
-  },
-  "transaction": {
-    "chainId": 8453,
-    "data": "0x...",
-    "gas": 419661,
-    "to": "0xdef1c0ded9bec7f1a1670819833240f027b25eff",
-    "value": 100000000000000000
-  },
-  "warning": {
-    "type": "warning",
-    "message": "This transaction has a very high likelihood of failing if submitted",
-    "description": "failed with 500000000 gas: insufficient funds for gas * price + value: address 0x4ed4E862860beD51a9570b96d89aF5E1B0Efefed have 0 want 100000000000000000"
-  }
-}
-```
-</CodeGroup> */}
-
-## Returns
-
-[`Promise<BuildSwapTransactionResponse>`](/onchainkit/api/types#buildswaptransactionresponse)
-
-## Parameters
-
-[`BuildSwapTransactionParams`](/onchainkit/api/types#buildswaptransactionparams)
-
-## Types
-
-- [`BuildSwapTransactionResponse`](/onchainkit/api/types#buildswaptransactionresponse)
-- [`BuildSwapTransactionParams`](/onchainkit/api/types#buildswaptransactionparams)
-
diff --git a/docs/onchainkit/api/build-withdraw-from-morpho-tx.mdx b/docs/onchainkit/api/build-withdraw-from-morpho-tx.mdx
deleted file mode 100644
index f540d5e45..000000000
--- a/docs/onchainkit/api/build-withdraw-from-morpho-tx.mdx
+++ /dev/null
@@ -1,28 +0,0 @@
----
-title: buildWithdrawFromMorphoTx
----
-
-
-The `buildWithdrawFromMorphoTx` function is used to build [Calls](/onchainkit/transaction/types#calls) for withdrawing an asset from Morpho. These calls can be passed the `<Transaction />` component to send a transaction.
-
-## Usage
-
-```tsx code
-import { buildWithdrawFromMorphoTx } from '@coinbase/onchainkit/earn';
-
-const calls = await buildWithdrawFromMorphoTx({
-  vaultAddress: '0x...', // Morpho vault address on Base
-  amount: 1000000000000000000n, // Amount of tokens to withdraw
-  recipientAddress: '0x...', // Address of the recipient
-});
-```
-
-
-## Returns
-
-[`Call[]`](/onchainkit/transaction/types#calls)
-
-## Parameters
-
-[`WithdrawFromMorphoParams`](/onchainkit/earn/types#withdrawfrommorphoparams)
-
diff --git a/docs/onchainkit/api/get-mint-details.mdx b/docs/onchainkit/api/get-mint-details.mdx
deleted file mode 100644
index 5c92adb4b..000000000
--- a/docs/onchainkit/api/get-mint-details.mdx
+++ /dev/null
@@ -1,65 +0,0 @@
----
-title: getMintDetails
-openapi: get /getMintDetails
----
-
-
-The `getMintDetails` function returns data required to view an NFT to be minted
-
-Before using them, make sure to obtain a [Client API Key](https://portal.cdp.coinbase.com/projects/api-keys/client-key) from Coinbase Developer Platform.
-
-{/* ## Usage
-
-<CodeGroup>
-```tsx code
-import { setOnchainKitConfig } from '@coinbase/onchainkit';
-import { getMintDetails } from '@coinbase/onchainkit/api';
-
-const response = await getMintDetails({
-  contractAddress: '0x...',
-  takerAddress: '0x...',
-  tokenId: '1',
-});
-```
-
-```json return value
-{
-  "name": "NFT Name",
-  "description": "NFT description",
-  "imageUrl": "https://example.com/image.png",
-  "animationUrl": "",
-  "mimeType": "image/png",
-  "contractType": "ERC721",
-  "price": {
-    "amount": "0.0001",
-    "currency": "ETH",
-    "amountUSD": "0.242271"
-  },
-  "mintFee": {
-    "amount": "0",
-    "currency": "ETH",
-    "amountUSD": "0"
-  },
-  "maxMintsPerWallet": 100,
-  "isEligibleToMint": true,
-  "creatorAddress": "0x...",
-  "network": "",
-  "totalTokens": "300",
-  "totalOwners": "200"
-}
-```
-</CodeGroup> */}
-
-## Returns
-
-[`Promise<GetMintDetailsResponse>`](/onchainkit/api/types#getmintdetailsresponse)
-
-## Parameters
-
-[`GetMintDetailsParams`](/onchainkit/api/types#getmintdetailsparams)
-
-## Types
-
-- [`GetMintDetailsResponse`](/onchainkit/api/types#getmintdetailsresponse)
-- [`GetMintDetailsParams`](/onchainkit/api/types#getmintdetailsparams)
-
diff --git a/docs/onchainkit/api/get-portfolios.mdx b/docs/onchainkit/api/get-portfolios.mdx
deleted file mode 100644
index 23a27a1fa..000000000
--- a/docs/onchainkit/api/get-portfolios.mdx
+++ /dev/null
@@ -1,63 +0,0 @@
----
-title: getPortfolios
-openapi: get /getPortfolios
----
-
-
-The `getPortfolios` function returns an object containing an array of
-portfolios for the provided addresses. Each portfolio is an object with the address
-of the wallet, the fiat value of the portfolio, and an array of tokens held by the
-provided address.
-
-<Note>
-Before using this endpoint, make sure to obtain a [Client API Key](https://portal.cdp.coinbase.com/projects/api-keys/client-key)
-from Coinbase Developer Platform.
-</Note>
-
-
-<Note>
-Please note: `getPortfolios` is only available for Base mainnet and Ethereum mainnet.
-You can control the network in the `OnchainKitProvider` by setting the `chain` prop.
-</Note>
-
-
-{/* ## Usage
-
-<CodeGroup>
-```tsx code
-import { setOnchainKitConfig } from '@coinbase/onchainkit';
-import { getPortfolios } from '@coinbase/onchainkit/api';
-
-const response = await getPortfolios({
-  addresses: ['0x...'],
-});
-```
-
-```json return value
-  "portfolios": [
-    {
-      "address": "0x...",
-      "portfolioBalanceInUsd": 100,
-      "tokenBalances": [{
-        "address": "0x...",
-        "chainId": 1,
-        "decimals": 18,
-        "image": "https://example.com/image.png",
-        "name": "Token Name",
-        "symbol": "TKN",
-        "cryptoBalance": 10,
-        "fiatBalance": 100
-      }]
-    }
-  ]
-```
-</CodeGroup> */}
-
-## Returns
-
-[`Promise<GetPortfoliosResponse>`](/onchainkit/api/types#getportfoliosresponse)
-
-## Parameters
-
-[`GetPortfoliosParams`](/onchainkit/api/types#getportfoliosparams)
-
diff --git a/docs/onchainkit/api/get-swap-quote.mdx b/docs/onchainkit/api/get-swap-quote.mdx
deleted file mode 100644
index a8cc651e8..000000000
--- a/docs/onchainkit/api/get-swap-quote.mdx
+++ /dev/null
@@ -1,93 +0,0 @@
----
-title: getSwapQuote
-openapi: get /getSwapQuote
----
-
-
-The `getSwapQuote` function is used to get a quote for a swap between two Tokens.
-
-Before using them, make sure to obtain a [Client API Key](https://portal.cdp.coinbase.com/projects/api-keys/client-key) from Coinbase Developer Platform.
-
-{/* ## Usage
-
-<CodeGroup>
-```tsx code
-import { setOnchainKitConfig } from '@coinbase/onchainkit';
-import { getSwapQuote } from '@coinbase/onchainkit/api';
-import type { Token } from '@coinbase/onchainkit/token';
-
-setOnchainKitConfig({ apiKey: 'YOUR_API_KEY' });
-
-const fromToken: Token = {
-  name: 'ETH',
-  address: '',
-  symbol: 'ETH',
-  decimals: 18,
-  image: 'https://wallet-api-production.s3.amazonaws.com/uploads/tokens/eth_288.png',
-  chainId: 8453,
-};
-
-const toToken: Token = {
-  name: 'USDC',
-  address: '0x833589fcd6edb6e08f4c7c32d4f71b54bda02913',
-  symbol: 'USDC',
-  decimals: 6,
-  image:
-    'https://d3r81g40ycuhqg.cloudfront.net/wallet/wais/44/2b/442b80bd16af0c0d9b22e03a16753823fe826e5bfd457292b55fa0ba8c1ba213-ZWUzYjJmZGUtMDYxNy00NDcyLTg0NjQtMWI4OGEwYjBiODE2',
-  chainId: 8453,
-};
-
-const quote = await getSwapQuote({
-  from: fromToken,
-  to: toToken,
-  amount: '0.001',
-  useAggregator: false,
-});
-```
-
-```json return value
-{
-  "amountReference": "from",
-  "chainId": 8453,
-  "from": {
-    "address": "",
-    "chainId": 8453,
-    "decimals": 18,
-    "image": "https://wallet-api-production.s3.amazonaws.com/uploads/tokens/eth_288.png",
-    "name": "ETH",
-    "symbol": "ETH"
-  },
-  "to": {
-    "address": "0x833589fcd6edb6e08f4c7c32d4f71b54bda02913",
-    "chainId": 8453,
-    "decimals": 6,
-    "image": "https://d3r81g40ycuhqg.cloudfront.net/wallet/wais/…-ZWUzYjJmZGUtMDYxNy00NDcyLTg0NjQtMWI4OGEwYjBiODE2",
-    "name": "USDC",
-    "symbol": "USDC"
-  },
-    "fromAmount": "1000000000000000",
-    "fromAmountUSD": "2.6519265340000002",
-    "toAmount": "2650405",
-    "toAmountUSD": "2.64980125",
-    "amountReference": "from",
-    "priceImpact": "0",
-    "chainId": 8453,
-    "highPriceImpact": false,
-    "slippage": "3"
-}
-```
-</CodeGroup> */}
-
-## Returns
-
-[`Promise<GetSwapQuoteResponse>`](/onchainkit/api/types#getswapquoteresponse)
-
-## Parameters
-
-[`GetSwapQuoteParams`](/onchainkit/api/types#getswapquoteparams)
-
-## Types
-
-- [`GetSwapQuoteResponse`](/onchainkit/api/types#getswapquoteresponse)
-- [`GetSwapQuoteParams`](/onchainkit/api/types#getswapquoteparams)
-
diff --git a/docs/onchainkit/api/get-token-details.mdx b/docs/onchainkit/api/get-token-details.mdx
deleted file mode 100644
index 442ce2e87..000000000
--- a/docs/onchainkit/api/get-token-details.mdx
+++ /dev/null
@@ -1,54 +0,0 @@
----
-title: getTokenDetails
-openapi: get /getTokenDetails
----
-
-
-The `getTokenDetails` function returns data required to view an NFT
-
-Before using them, make sure to obtain a [Client API Key](https://portal.cdp.coinbase.com/projects/api-keys/client-key) from Coinbase Developer Platform.
-
-{/* ## Usage */}
-
-{/* <CodeGroup>
-```tsx code
-import { setOnchainKitConfig } from '@coinbase/onchainkit';
-import { getTokenDetails } from '@coinbase/onchainkit/api';
-
-const response = await getTokenDetails({
-  contractAddress: '0x...',
-  tokenId: '1',
-});
-```
-
-```json return value
-  "collectionName": "NFT Collection Name",
-  "collectionDescription": "NFT Collection Description",
-  "name": "NFT Name",
-  "description": "NFT Description",
-  "imageUrl": "https://example.com/image.png",
-  "animationUrl": "",
-  "ownerAddress": "0x...",
-  "lastSoldPrice": {
-    "amount": "0.0001",
-    "currency": "ETH",
-    "amountUSD": "0.242271"
-  },
-  "mimeType": "image/png",
-  "contractType": "ERC721"
-```
-</CodeGroup> */}
-
-## Returns
-
-[`Promise<GetTokenDetailsResponse>`](/onchainkit/api/types#gettokendetailsresponse)
-
-## Parameters
-
-[`GetTokenDetailsParams`](/onchainkit/api/types#gettokendetailsparams)
-
-## Types
-
-- [`GetTokenDetailsResponse`](/onchainkit/api/types#gettokendetailsresponse)
-- [`GetTokenDetailsParams`](/onchainkit/api/types#gettokendetailsparams)
-
diff --git a/docs/onchainkit/api/get-tokens.mdx b/docs/onchainkit/api/get-tokens.mdx
deleted file mode 100644
index 9f6dcb32d..000000000
--- a/docs/onchainkit/api/get-tokens.mdx
+++ /dev/null
@@ -1,109 +0,0 @@
----
-title: getTokens
-openapi: get /getTokens
----
-
-
-The `getTokens` function retrieves a list of tokens on Base by searching for the name, symbol, or address of a token.
-
-Before using them, make sure to obtain a [Client API Key](https://portal.cdp.coinbase.com/projects/api-keys/client-key) from Coinbase Developer Platform.
-
-{/* ## Usage
-
-Search by symbol
-
-<CodeGroup>
-```tsx code
-import { setOnchainKitConfig } from '@coinbase/onchainkit';
-import { getTokens } from '@coinbase/onchainkit/api'; // [!code focus]
-
-setOnchainKitConfig({ apiKey: 'YOUR_API_KEY' });
-
-const tokens = await getTokens({ limit: '1', search: 'degen' }); // [!code focus]
-```
-
-```ts return value
-[
-  {
-    address: '0x4ed4e862860bed51a9570b96d89af5e1b0efefed',
-    chainId: 8453,
-    decimals: 18,
-    image:
-      'https://d3r81g40ycuhqg.cloudfront.net/wallet/wais/3b/bf/3bbf118b5e6dc2f9e7fc607a6e7526647b4ba8f0bea87125f971446d57b296d2-MDNmNjY0MmEtNGFiZi00N2I0LWIwMTItMDUyMzg2ZDZhMWNm',
-    name: 'DEGEN',
-    symbol: 'DEGEN',
-  },
-];
-```
-</CodeGroup>
-
-Search by name
-
-<CodeGroup>
-```tsx code
-import { setOnchainKitConfig } from '@coinbase/onchainkit';
-import { getTokens } from '@coinbase/onchainkit/api'; // [!code focus]
-
-setOnchainKitConfig({ apiKey: 'YOUR_API_KEY' });
-
-const tokens = await getTokens({ limit: '1', search: 'Wrapped Ether' }); // [!code focus]
-```
-
-```ts return value
-[
-  {
-    address: '0x4200000000000000000000000000000000000006',
-    chainId: 8453,
-    decimals: 18,
-    image:
-      'https://d3r81g40ycuhqg.cloudfront.net/wallet/wais/47/bc/47bc3593c2dec7c846b66b7ba5f6fa6bd69ec34f8ebb931f2a43072e5aaac7a8-YmUwNmRjZDUtMjczYy00NDFiLWJhZDUtMzgwNjFmYWM0Njkx',
-    name: 'Wrapped Ether',
-    symbol: 'WETH',
-  },
-];
-```
-</CodeGroup>
-
-Search by address
-
-<CodeGroup>
-```tsx code
-import { setOnchainKitConfig } from '@coinbase/onchainkit';
-import { getTokens } from '@coinbase/onchainkit/api'; // [!code focus]
-
-setOnchainKitConfig({ apiKey: 'YOUR_API_KEY' });
-
-const tokens = await getTokens({
-  limit: '1',
-  search: '0x833589fcd6edb6e08f4c7c32d4f71b54bda02913',
-}); // [!code focus]
-```
-
-```ts return value
-[
-  {
-    address: '0x833589fcd6edb6e08f4c7c32d4f71b54bda02913',
-    chainId: 8453,
-    decimals: 6,
-    image:
-      'https://d3r81g40ycuhqg.cloudfront.net/wallet/wais/44/2b/442b80bd16af0c0d9b22e03a16753823fe826e5bfd457292b55fa0ba8c1ba213-ZWUzYjJmZGUtMDYxNy00NDcyLTg0NjQtMWI4OGEwYjBiODE2',
-    name: 'USDC',
-    symbol: 'USDC',
-  },
-];
-```
-</CodeGroup> */}
-
-## Returns
-
-[`Promise<GetTokensResponse>`](/onchainkit/api/types#gettokensresponse)
-
-## Parameters
-
-[`GetTokensOptions`](/onchainkit/api/types#gettokensoptions)
-
-## Types
-
-- [`GetTokensResponse`](/onchainkit/api/types#gettokensresponse)
-- [`GetTokensOptions`](/onchainkit/api/types#gettokensoptions)
-
diff --git a/docs/onchainkit/api/types.mdx b/docs/onchainkit/api/types.mdx
deleted file mode 100644
index 7b53fdd34..000000000
--- a/docs/onchainkit/api/types.mdx
+++ /dev/null
@@ -1,159 +0,0 @@
----
-title: API types
-sidebarTitle: API
-description: Glossary of Types in APIs.
----
-
-## `APIError`
-
-```ts
-type APIError = {
-  code: string; // The Error code
-  error: string; // The Error long message
-  message: string; // The Error short message
-};
-```
-
-## `BuildPayTransactionParams`
-
-```ts
-type BuildPayTransactionParams = {
-  address: Address; // The address of the wallet paying
-  chainId: number; // The Chain ID of the payment Network (only Base is supported)
-  chargeId: string; // The ID of the Commerce Charge to be paid
-};
-```
-
-## `BuildPayTransactionResponse`
-
-```ts
-type BuildPayTransactionResponse = PayTransaction | APIError;
-```
-
-## `BuildSwapTransaction`
-
-```ts
-type BuildSwapTransaction = {
-  approveTransaction?: Transaction; // ERC20 approve transaction which allows token holders to authorize spending
-  fee: Fee; // The fee for the swap
-  quote: SwapQuote; // The quote for the swap
-  transaction: Transaction; // The object developers should pass into Wagmi's signTransaction
-  warning?: QuoteWarning; // The warning associated with the swap
-};
-```
-
-## `BuildSwapTransactionParams`
-
-```ts
-type BuildSwapTransactionParams = GetSwapQuoteParams & {
-  fromAddress: Address; // The address of the user
-};
-```
-
-## `BuildSwapTransactionResponse`
-
-```ts
-type BuildSwapTransactionResponse = BuildSwapTransaction | APIError;
-```
-
-## `GetSwapQuoteParams`
-
-```ts
-type GetSwapQuoteParams = {
-  amount: string; // The amount to be swapped
-  amountReference?: string; // The reference amount for the swap
-  from: Token; // The source token for the swap
-  isAmountInDecimals?: boolean; // Whether the amount is in decimals
-  maxSlippage?: string; // The slippage of the swap
-  to: Token; // The destination token for the swap
-  useAggregator: boolean; // Whether to use a DEX aggregator
-};
-```
-
-## `GetSwapQuoteResponse`
-
-```ts
-type GetSwapQuoteResponse = SwapQuote | APIError;
-```
-
-## `GetTokensOptions`
-
-```ts
-type GetTokensOptions = {
-  limit?: string; // The maximum number of tokens to return (default: 50)
-  page?: string; // The page number to return (default: 1)
-  search?: string; // A string to search for in the token name, symbol or address
-};
-```
-
-## `GetTokensResponse`
-
-```ts
-type GetTokensResponse = Token[] | APIError;
-```
-
-## `GetTokenDetailsParams`
-
-```ts
-type GetTokenDetailsParams = {
-  contractAddress: Address;
-  tokenId?: string;
-};
-```
-
-## `GetTokenDetailsResponse`
-
-```ts
-type GetTokenDetailsResponse = TokenDetails | APIError;
-```
-
-## `GetMintDetailsParams`
-
-```ts
-type GetMintDetailsParams = {
-  contractAddress: Address;
-  takerAddress?: Address;
-  tokenId?: string;
-};
-```
-
-## `GetMintDetailsResponse`
-
-```ts
-type GetMintDetailsResponse = MintDetails | APIError;
-```
-
-## `BuildMintTransactionParams`
-
-```ts
-type BuildMintTransactionParams = {
-  mintAddress: Address;
-  takerAddress: Address;
-  tokenId?: string;
-  quantity: number;
-  network?: string;
-};
-```
-
-## `BuildMintTransactionResponse`
-
-```ts
-type BuildMintTransactionResponse = MintTransaction | APIError;
-```
-
-## `GetPortfoliosParams`
-
-```ts
-type GetPortfoliosParams = {
-  addresses: Address[] | null | undefined;
-};
-```
-
-## `GetPortfoliosResponse`
-
-```ts
-type GetPortfoliosResponse = {
-  portfolios: Portfolio[];
-};
-```
-
diff --git a/docs/onchainkit/buy/buy.mdx b/docs/onchainkit/buy/buy.mdx
deleted file mode 100644
index 17dc01e15..000000000
--- a/docs/onchainkit/buy/buy.mdx
+++ /dev/null
@@ -1,117 +0,0 @@
----
-title: <Buy /> · OnchainKit
-sidebarTitle: <Buy />
-description: Buy components & utilities
----
-
-import { Danger } from "/snippets/danger.mdx";
-
-<Frame>
-<img alt="Buy"
-  src="/images/onchainkit/buy.gif"
-  height="364"/>
-</Frame>
-
-The `Buy` components provide a comprehensive interface for users to purchase [Tokens](/onchainkit/token/types#token).
-
-The `Buy` component supports token swaps from USDC and ETH by default with the option to provide an additional token of choice using the `fromToken` prop. In addition, users are able to purchase tokens using their Coinbase account, Apple Pay, or debit card.
-
-<Note>
-The Apple Pay and Debit Card onramp options are only available for Coinbase supported assets.  
-</Note>
-
-
-Before using, ensure you've completed all [Getting Started steps](/onchainkit/getting-started).
-
-<Note>
-This component requires a `projectId` to be set in the `OnchainKitProvider`. You can find your `projectId` on [Coinbase Developer Platform](https://portal.cdp.coinbase.com/products/onchainkit).
-</Note>
-
-
-## Usage
-
-Example using `@coinbase/onchainkit/buy`.
-
-```tsx
-import { Buy } from '@coinbase/onchainkit/buy'; // [!code focus]
-import type { Token } from '@coinbase/onchainkit/token';
-
-export default function BuyComponents() { // [!code focus]
-  const degenToken: Token = {
-    name: 'DEGEN',
-    address: '0x4ed4e862860bed51a9570b96d89af5e1b0efefed',
-    symbol: 'DEGEN',
-    decimals: 18,
-    image:
-    'https://d3r81g40ycuhqg.cloudfront.net/wallet/wais/3b/bf/3bbf118b5e6dc2f9e7fc607a6e7526647b4ba8f0bea87125f971446d57b296d2-MDNmNjY0MmEtNGFiZi00N2I0LWIwMTItMDUyMzg2ZDZhMWNm',
-    chainId: 8453,
-  };
-
-  return ( // [!code focus]
-    <Buy toToken={degenToken} /> // [!code focus]
-  ) // [!code focus]
-} // [!code focus]
-
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-buy--disabled&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-
-{/* <App>
-  <BuyWrapper>
-    {({ address, toToken }) => {
-      return (
-        <Buy toToken={toToken} disabled />
-      )
-    }}
-  </BuyWrapper>
-</App> */}
-
-<Danger>
-**Note: This interface is for demonstration purposes only.**
-
-Swap and Onramp flows will execute and work out of the box when you implement the component in your own app.
-</Danger>
-
-
-### Sponsor gas with Paymaster
-
-To sponsor swap transactions for your users, toggle the Paymaster using the `isSponsored` prop.
-
-By default, this will use the [Coinbase Developer Platform](https://portal.cdp.coinbase.com/products/bundler-and-paymaster) Paymaster.
-
-You can configure sponsorship settings on the [Paymaster](https://portal.cdp.coinbase.com/products/bundler-and-paymaster) page.
-For security reasons, we recommend setting up a contract allowlist in the Portal. Without a contract allowlist defined, your Paymaster will only be able to sponsor up to $1.
-
-The contract used in our Swap API is Uniswap's [Universal Router](https://basescan.org/address/0x3fC91A3afd70395Cd496C647d5a6CC9D4B2b7FAD), which is deployed on Base at `0x3fC91A3afd70395Cd496C647d5a6CC9D4B2b7FAD`.
-
-Note that gas sponsorship will only work for Smart Wallets.
-
-```tsx
-import { Buy } from '@coinbase/onchainkit/buy'; // [!code focus]
-import type { Token } from '@coinbase/onchainkit/token';
-
-export default function BuyComponents() { // [!code focus]
-  const degenToken: Token = {
-    name: 'DEGEN',
-    address: '0x4ed4e862860bed51a9570b96d89af5e1b0efefed',
-    symbol: 'DEGEN',
-    decimals: 18,
-    image:
-    'https://d3r81g40ycuhqg.cloudfront.net/wallet/wais/3b/bf/3bbf118b5e6dc2f9e7fc607a6e7526647b4ba8f0bea87125f971446d57b296d2-MDNmNjY0MmEtNGFiZi00N2I0LWIwMTItMDUyMzg2ZDZhMWNm',
-    chainId: 8453,
-  };
-
-  return ( // [!code focus]
-    <Buy toToken={degenToken} isSponsored /> // [!code focus]
-  ) // [!code focus]
-} // [!code focus]
-```
-
-## Props
-
-- [`BuyReact`](/onchainkit/buy/types#buyreact)
-
diff --git a/docs/onchainkit/buy/types.mdx b/docs/onchainkit/buy/types.mdx
deleted file mode 100644
index 96131eedc..000000000
--- a/docs/onchainkit/buy/types.mdx
+++ /dev/null
@@ -1,31 +0,0 @@
----
-title: Buy components & utilities Types
-sidebarTitle: Buy
-description: Glossary of Types in Buy components & utilities.
----
-
-## `BuyReact`
-
-```ts
-type BuyReact = {
-  className?: string; // Optional className override for top div element.
-  config?: {
-    maxSlippage: number; // Maximum acceptable slippage for a swap (e.g., 3 for 3%). This is a percentage, not basis points.
-  };
-  experimental?: {
-    /**
-     * Whether to use a DEX aggregator.
-     * true - 0x Aggregator
-     * false - Uniswap V3
-     * @default false
-     */
-    useAggregator: boolean;
-  };
-  isSponsored?: boolean; // An optional setting to sponsor swaps with a Paymaster. (default: false)
-  onError?: (error: SwapError) => void; // An optional callback function that handles errors within the provider.
-  onStatus?: (lifecycleStatus: LifecycleStatus) => void; // An optional callback function that exposes the component lifecycle state.
-  onSuccess?: (transactionReceipt?: TransactionReceipt) => void; // An optional callback function that exposes the transaction receipt.
-  fromToken?: Token; // An optional token to swap from. (USDC and ETH supported by default)
-  toToken: Token; // The token to purchase.
-};
-```
diff --git a/docs/onchainkit/checkout/checkout.mdx b/docs/onchainkit/checkout/checkout.mdx
deleted file mode 100644
index 2ae912d9c..000000000
--- a/docs/onchainkit/checkout/checkout.mdx
+++ /dev/null
@@ -1,491 +0,0 @@
----
-title: <Checkout /> · OnchainKit
-sidebarTitle: <Checkout />
-description: One-click checkout for onchain commerce
----
-import { Danger } from "/snippets/danger.mdx";
-
-The `Checkout` component provides a one-click checkout experience for onchain commerce - all for free.
-
-Our all-in-one solution simplifies payment processing for onchain developers, removing complex integrations, high fees, and onboarding friction. Whether you're selling digital goods, services, or in-game items, this tool is for you.
-
-<Frame>
-<img alt="Checkout"
-  src="/images/onchainkit/checkout.gif"
-  height="364"/>
-</Frame>
-
-## Features
-
-- **Plug-and-Play Integration:** Add our `Checkout` button with just a few lines of code. No backend required.
-- **Seamless Onboarding:** Support Passkey wallets to eliminate onboarding drop-offs.
-- **Real-time Merchant Tooling:** Get instant payment tracking, analytics, and reporting.
-- **Dynamic Payment Flows:** Generate charges on the fly, handle variable pricing, and pass in custom metadata.
-
-## Prerequisites
-
-Before using the `Checkout` component, ensure you've completed the [Getting Started](/onchainkit/getting-started) steps.
-
-<Tip>
-To use the `Checkout` component, you'll need to provide a Client API Key in `OnchainKitProvider`. You can get one following our [Getting Started](/onchainkit/getting-started#get-your-client-api-key) steps.
-</Tip>
-
-
-### Starting a new project
-
-If you're starting a new project, we recommend using `create onchain` to scaffold your project.
-
-```bash
-npm create onchain@latest
-```
-
-### Adding to an existing project
-
-If you're adding `Checkout` to an existing project, simply install OnchainKit.
-
-<CodeGroup>
-```bash npm
-npm install @coinbase/onchainkit
-```
-
-```bash yarn
-yarn add @coinbase/onchainkit
-```
-
-```bash pnpm
-pnpm add @coinbase/onchainkit
-```
-
-```bash bun
-bun add @coinbase/onchainkit
-```
-</CodeGroup>
-
-Wrap the `<OnchainKitProvider />` around your app, following the steps in [Getting Started](/onchainkit/getting-started#add-providers).
-
-## Quickstart
-
-### Option 1: Simple Product Checkout
-
-Ideal for fixed-price items. Get started with minimal setup.
-
-<Steps>
-  <Step title="Sign up for a Coinbase Commerce account">
-  Head to [Coinbase Commerce](https://beta.commerce.coinbase.com/) and sign up. This is where you’ll manage transactions, view reports, and configure payments.
-  </Step>
-  <Step title="Create a product and copy the productId">
-  In the Coinbase Commerce dashboard, create a new product and copy the `productId`.
-  </Step>
-  <Step title="Import the component">
-  ```tsx
-  import { Checkout, CheckoutButton, CheckoutStatus } from '@coinbase/onchainkit/checkout';
-
-  <Checkout productId='my-product-id' >
-    <CheckoutButton coinbaseBranded/> // set coinbaseBranded for branding
-    <CheckoutStatus />
-  </Checkout>
-  ```
-  </Step>
-</Steps>
-
-
-### Option 2: Dynamic Charges
-
-For variable pricing, custom metadata, or multi-product checkouts, use backend-generated charges.
-
-<Steps>
-  <Step title="Sign up for a Coinbase Commerce account">
-  Head to [Coinbase Commerce](https://beta.commerce.coinbase.com/) and sign up. This is where you’ll manage transactions, view reports, and configure payments.
-  </Step>
-  <Step title="Create a Coinbase Commerce API Key">
-  In the [Coinbase Commerce dashboard](https://beta.commerce.coinbase.com/settings/security), create a new API Key under `Security` in `Settings`.
-  </Step>
-  <Step title="Set up a backend to create charges dynamically using the Coinbase Commerce API">
-  See [Using chargeHandler](/onchainkit/checkout/checkout#using-chargehandler) for a code example.
-  </Step>
-  <Step title="Pass the chargeID into Checkout via the chargeHandler prop">
-  ```tsx
-  const chargeHandler = async () => {
-    const response = await fetch('/createCharge', { method: 'POST' });
-    const { id } = await response.json();
-    return id; // Return charge ID
-  };
-
-  <Checkout chargeHandler={chargeHandler}>
-    <CheckoutButton />
-  </Checkout>
-  ```
-  </Step>
-</Steps>
-
-That's it! Start selling onchain with just a few lines of code.
-
-## Usage
-
-### Configuring a checkout
-
-#### Using `productId`
-
-You can create products on the Coinbase Commerce Portal and use them in the `Checkout` component through the `productId` prop.
-
-```tsx
-import { Checkout, CheckoutButton } from '@coinbase/onchainkit/checkout';
-
-export default function PayComponents() {
-  return (
-// ---cut-before---
-<Checkout productId='my-product-id'>
-  <CheckoutButton />
-</Checkout>
-// ---cut-after---
-);
-}
-```
-
-{/* <App>
-  <Checkout>
-    <CheckoutButton disabled/>
-  </Checkout>
-</App> */}
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-checkout--disabled&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-
-#### Using `chargeHandler`
-
-Alternatively, you can create charges dynamically using the Coinbase Commerce API [Create Charge](https://docs.cdp.coinbase.com/commerce-onchain/reference/creates-a-charge) endpoint by passing the chargeID into Checkout via the `chargeHandler` prop.
-
-This function must have the signature `() => Promise<string>` and must return a valid chargeId created by the create charge endpoint.
-
-<Tip>
-To create charges, you'll need a Coinbase Commerce [API Key](https://docs.cdp.coinbase.com/commerce-onchain/docs/getting-started).
-</Tip>
-
-
-<Danger>
-**⚠️ Warning**
-
-You should protect your Coinbase Commerce API Key by only creating charges server-side.
-</Danger>
-
-
-<CodeGroup>
-```ts backend.ts
-// This backend endpoint should create a charge and return the response.
-app.post('/createCharge', async (req: Request, res: Response) => {
-  const options = {
-    method: 'POST',
-    headers: {
-      'Content-Type': 'application/json',
-      'Accept': 'application/json',
-      'X-CC-Api-Key': 'your_api_key_here' // Replace this with your Coinbase Commerce API Key
-    },
-    body: JSON.stringify({
-      local_price: { amount: '1', currency: 'USDC' },
-      pricing_type: 'fixed_price',
-      metadata: { some_field: "some_value" } // Optional: Attach metadata like order ID or customer details
-    }),
-  };
-
-  const response = await fetch('https://api.commerce.coinbase.com/charges', options);
-  const data = await response.json();
-
-  res.json(data);
-});
-
-```
-
-```tsx frontend.tsx
-import { Checkout, CheckoutButton } from '@coinbase/onchainkit/checkout';
-
-const chargeHandler = async () => {
-  const response = await fetch('https://your-backend.com/createCharge', { method: 'POST' });
-  const { id } = await response.json();
-  return id; // Return charge ID
-};
-
-<Checkout chargeHandler={chargeHandler}>
-  <CheckoutButton />
-</Checkout>
-```
-</CodeGroup>
-
-Note that `productId` and `chargeHandler` are mutually exclusive and only one can be provided as a prop to Checkout.
-
-### Handling a successful checkout
-
-To handle successful checkouts, use the `onStatus` prop to listen for the `success` callback.
-
-This callback will return a [LifecycleStatusData](/onchainkit/checkout/checkout#advanced-usage) object including the [TransactionReceipt](https://github.com/wevm/viem/blob/main/src/types/transaction.ts#L38) and `chargeId`.
-
-For idempotent actions, like rendering your own success screen, you can simply check that the `statusName` is equal to `success`.
-
-For non-idempotent actions, like order fulfillment, we recommend one of the following approaches to verify a charge has been fully paid.
-
-1. (**Recommended**) Check the status of the `chargeId` using the [Coinbase Commerce API](https://docs.cdp.coinbase.com/commerce-onchain/docs/web3-payments-faq#how-can-i-verify-if-a-charge-has-been-fully-paid).
-2. Set up a [Coinbase Commerce Webhook](https://docs.cdp.coinbase.com/commerce-onchain/docs/webhooks) which will notify you for successful payments.
-
-```tsx
-import { Checkout, CheckoutButton } from '@coinbase/onchainkit/checkout';
-// ---cut-before---
-import type { LifecycleStatus } from '@coinbase/onchainkit/checkout'; // [!code focus]
-
-const statusHandler = async (status: LifecycleStatus) => { // [!code focus]
-  const { statusName, statusData } = status; // [!code focus]
-  switch (statusName) { // [!code focus]
-    case 'success': // [!code focus]
-      // handle success // [!code focus]
-      const { chargeId } = statusData; // [!code focus]
-      // use the charges api to verify the chargeId // [!code focus]
-      const options = { // [!code focus]
-        method: 'GET', // [!code focus]
-        headers: { // [!code focus]
-          'Content-Type': 'application/json', // [!code focus]
-          'Accept': 'application/json', // [!code focus]
-          'X-CC-Api-Key': 'your_api_key_here' // Replace this with your Coinbase Commerce API Key // [!code focus]
-        } // [!code focus]
-      }; // [!code focus]
-      const response = await fetch(`https://api.commerce.coinbase.com/charges/${chargeId}`); // [!code focus]
-  } // [!code focus]
-} // [!code focus]
-
-<Checkout onStatus={statusHandler}>
-  <CheckoutButton />
-</Checkout>
-// ---cut-after---
-```
-
-<Tip>
-To verify charges, you'll need a Coinbase Commerce [API Key](https://docs.cdp.coinbase.com/commerce-onchain/docs/getting-started).
-</Tip>
-
-
-<Danger>
-**⚠️ Warning**
-
-You should protect your Coinbase Commerce API Key by verifying charges server-side. This client-side code is only provided as an example.
-</Danger>
-
-
-### Viewing successful checkouts
-
-You can view successful checkouts on the [Coinbase Commerce Merchant Dashboard](https://beta.commerce.coinbase.com/payments).
-
-<Frame>
-<img alt="Viewing successful checkouts"
-src="/images/onchainkit/commerce-3.png"
-height="364"/>
-</Frame>
-
-## Customization
-
-### Add name and logo
-
-To customize the name and logo of your application rendered in the popup, set the `name` and `logo` values inside [OnchainKitProvider](/onchainkit/config/onchainkit-provider#usage).
-
-```tsx providers.tsx
-// @noErrors: 2304 - Cannot find name 'children'
-import { base } from 'wagmi/chains';
-// ---cut-before---
-import { OnchainKitProvider } from '@coinbase/onchainkit';
-
-<OnchainKitProvider
-    chain={base}
-    config={{
-      appearance: {
-        name: 'OnchainKit Playground', // [!code ++]
-        logo: '/images/onchainkit/favicon/48x48.png?v4-19-24', // [!code ++]
-      },
-    }}
-  >
-    {children}
-</OnchainKitProvider>
-// ---cut-after---
-```
-
-<Frame>
-<div style={{ display: 'flex', justifyContent: 'center' }}>
-  <img
-    alt="Add name and logo"
-    src="/images/onchainkit/commerce-4.png"
-  />
-</div>
-</Frame>
-
-### Add Coinbase branding
-
-You can add Coinbase branding to the component by using the `coinbaseBranded` prop on `CheckoutButton`.
-
-```tsx
-import { Checkout, CheckoutButton } from '@coinbase/onchainkit/checkout';
-
-export default function PayComponents() {
-  return (
-// ---cut-before---
-<Checkout >
-  <CheckoutButton coinbaseBranded/>
-</Checkout>
-// ---cut-after---
-);
-}
-```
-
-{/* <App>
-  <Checkout>
-    <CheckoutButton coinbaseBranded disabled/>
-  </Checkout>
-</App> */}
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-checkout--branded&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-
-### Disabling the button
-
-You can disable the button using the `disabled` prop on `CheckoutButton`.
-
-```tsx
-
-import { Checkout, CheckoutButton } from '@coinbase/onchainkit/checkout';
-
-export default function PayComponents() {
-  return (
-// ---cut-before---
-<Checkout >
-  <CheckoutButton disabled/>
-</Checkout>
-// ---cut-after---
-);
-}
-```
-
-{/* <App>
-  <Checkout>
-    <CheckoutButton disabled/>
-  </Checkout>
-</App> */}
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-checkout--disabled&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-
-### Customize button
-
-You can customize the button text using the `text` prop on `CheckoutButton`.
-
-```tsx
-
-import { Checkout, CheckoutButton } from '@coinbase/onchainkit/checkout';
-
-export default function PayComponents() {
-  return (
-// ---cut-before---
-<Checkout >
-  <CheckoutButton text='Checkout with USDC'/>
-</Checkout>
-// ---cut-after---
-);
-}
-```
-
-{/* <App>
-  <Checkout>
-    <CheckoutButton text='Checkout with USDC' disabled/>
-  </Checkout>
-</App> */}
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-checkout--with-custom-text&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-
-### Override styles
-
-We recommend style customization by setting a custom [OnchainKit theme](/onchainkit//guides/themes#custom-theme). You can also override individual component styles using `className`.
-
-```tsx
-
-import { Checkout, CheckoutButton } from '@coinbase/onchainkit/checkout';
-
-export default function PayComponents() {
-  return (
-// ---cut-before---
-<Checkout >
-  <CheckoutButton className='bg-[#EA580C]' />
-</Checkout>
-// ---cut-after---
-);
-}
-```
-
-{/* <App>
-  <Checkout>
-    <CheckoutButton className='bg-[#EA580C]' disabled/>
-  </Checkout>
-</App> */}
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-checkout--with-custom-class&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-
-## Advanced Usage
-
-### Listening to the component lifecycle
-
-You can use our Checkout [`LifecycleStatus`](/onchainkit/checkout/types#lifecyclestatus) and the `onStatus` prop to listen to transaction states.
-
-```tsx
-import { Checkout, CheckoutButton } from '@coinbase/onchainkit/checkout';
-// ---cut-before---
-import type { LifecycleStatus } from '@coinbase/onchainkit/checkout'; // [!code focus]
-
-const statusHandler = (status: LifecycleStatus) => { // [!code focus]
-  const { statusName, statusData } = status; // [!code focus]
-  switch (statusName) { // [!code focus]
-    case 'success': // handle success // [!code focus]
-    case 'pending': // handle payment pending // [!code focus]
-    case 'error': // handle error // [!code focus]
-    default: // [!code focus]
-      // handle 'init' state
-  } // [!code focus]
-} // [!code focus]
-
-<Checkout // [!code focus]
-  onStatus={statusHandler} // [!code focus]
->
-  <CheckoutButton />
-</Checkout>
-// ---cut-after---
-```
-
-## Example use cases
-
-- **Demand-based pricing:** Allow users to select seats or ticket types for events, and dynamically calculate charges based on availability and demand.
-- **Product bundles:** Provide users with the option to create custom product bundles, applying discounts or special pricing based on the selected items.
-- **Freelance Services:** Allow clients to specify project details such as hours, deliverables, and deadlines, and generate charges based on these custom inputs.
-
-## Components
-
-The components are designed to work together hierarchically. For each component, ensure the following:
-
-- `<Checkout />` - Sets the `productId` or `chargeHandler` prop.
-- `<CheckoutButton />` - Branding and customization of the payment button.
-- `<CheckoutStatus />` - The status of the payment.
-
-## Props
-
-- [`LifecycleStatus`](/onchainkit/checkout/types#lifecyclestatus)
-- [`CheckoutReact`](/onchainkit/checkout/types#checkoutreact)
-- [`CheckoutButtonReact`](/onchainkit/checkout/types#checkoutbuttonreact)
-- [`CheckoutStatusReact`](/onchainkit/checkout/types#checkoutstatusreact)
-
diff --git a/docs/onchainkit/checkout/types.mdx b/docs/onchainkit/checkout/types.mdx
deleted file mode 100644
index 3cf9846f6..000000000
--- a/docs/onchainkit/checkout/types.mdx
+++ /dev/null
@@ -1,73 +0,0 @@
----
-title: Checkout components & utilities Types
-sidebarTitle: Checkout
-description: Glossary of Types in Checkout components & utilities.
----
-
-## `LifecycleStatus`
-
-```ts
-type LifecycleStatus =
-  | {
-      statusName: 'init';
-      statusData: LifecycleStatusDataShared;
-    }
-  | {
-      statusName: 'error';
-      statusData: TransactionError;
-    }
-  | {
-      statusName: 'fetchingData';
-      statusData: LifecycleStatusDataShared;
-    }
-  | {
-      statusName: 'ready';
-      statusData: {
-        chargeId: string;
-        contracts: ContractFunctionParameters[];
-      };
-    }
-  | {
-      statusName: 'pending';
-      statusData: LifecycleStatusDataShared;
-    }
-  | {
-      statusName: 'success'; // if the last mutation attempt was successful
-      statusData: {
-        transactionReceipts: TransactionReceipt[];
-        chargeId: string;
-        receiptUrl: string;
-      };
-    };
-```
-
-## `CheckoutButtonReact`
-
-```ts
-type CheckoutButtonReact = {
-  className?: string;
-  coinbaseBranded?: boolean;
-  disabled?: boolean;
-  icon?: React.ReactNode;
-  text?: string;
-};
-```
-
-## `CheckoutReact`
-
-```ts
-type CheckoutReact = {
-  chargeHandler?: () => Promise<string>;
-  children: React.ReactNode;
-  className?: string;
-  isSponsored?: boolean;
-  onStatus?: (status: LifecycleStatus) => void;
-  productId?: string;
-};
-```
-
-## `CheckoutStatusReact`
-
-```ts
-type CheckoutStatusReact = { className?: string };
-```
diff --git a/docs/onchainkit/config/is-base.mdx b/docs/onchainkit/config/is-base.mdx
deleted file mode 100644
index e7e6b6772..000000000
--- a/docs/onchainkit/config/is-base.mdx
+++ /dev/null
@@ -1,38 +0,0 @@
----
-title: isBase
----
-
-
-The `isBase` utility is designed to verify if the chain id is a valid Base or Base Sepolia chain id.
-
-## Usage
-
-<CodeGroup>
-```tsx code
-import { isBase } from '@coinbase/onchainkit';
-
-// Base Mainnet (chain ID: 8453)
-isBase({ chainId: 8453 }); // returns true
-
-// Base Sepolia (chain ID: 84532)
-isBase({ chainId: 84532 }); // returns true
-
-// Ethereum (chain ID: 1)
-isBase({ chainId: 1 }); // returns false
-```
-
-```ts return value
-true; // When chainId is 8453 (Base Mainnet) or 84532 (Base Sepolia)
-false; // For all other chain IDs
-```
-</CodeGroup>
-
-## Returns
-
-`boolean` - Returns `true` if the chain id is Base or Base Sepolia, otherwise `false`.
-
-## Parameters
-
-[`IsBaseOptions`](./types#isbaseoptions) - See [`IsBaseOptions`](./types#isbaseoptions) for more details.
-
-
diff --git a/docs/onchainkit/config/is-ethereum.mdx b/docs/onchainkit/config/is-ethereum.mdx
deleted file mode 100644
index 2833a9308..000000000
--- a/docs/onchainkit/config/is-ethereum.mdx
+++ /dev/null
@@ -1,38 +0,0 @@
----
-title: isEthereum
----
-
-
-The `isEthereum` utility is designed to verify if the chain id is a valid Ethereum Mainnet or Ethereum Sepolia chain id.
-
-## Usage
-
-<CodeGroup>
-```tsx code
-import { isEthereum } from '@coinbase/onchainkit';
-
-// Ethereum Mainnet (chain ID: 1)
-isEthereum({ chainId: 1 }); // returns true
-
-// Ethereum Sepolia (chain ID: 11155111)
-isEthereum({ chainId: 11155111 }); // returns true
-
-// Base (chain ID: 8453)
-isEthereum({ chainId: 8453 }); // returns false
-```
-
-```ts return value
-true; // When chainId is 1 (Ethereum Mainnet) or 11155111 (Ethereum Sepolia)
-false; // For all other chain IDs
-```
-</CodeGroup>
-
-## Returns
-
-`boolean` - Returns `true` if the chain id is Ethereum Mainnet or Ethereum Sepolia, otherwise `false`.
-
-## Parameters
-
-[`IsEthereumOptions`]: ./types#isethereumoptions
-
-
diff --git a/docs/onchainkit/config/onchainkit-provider.mdx b/docs/onchainkit/config/onchainkit-provider.mdx
deleted file mode 100644
index dca843a98..000000000
--- a/docs/onchainkit/config/onchainkit-provider.mdx
+++ /dev/null
@@ -1,150 +0,0 @@
----
-title: "<OnchainKitProvider />"
----
-
-
-Provides the OnchainKit React Context to the app.
-
-## Usage
-
-```tsx app.tsx
-// @noErrors: 2304 - Cannot find name 'MyComponent'
-import { base } from 'viem/chains';
-import { OnchainKitProvider } from '@coinbase/onchainkit';
-
-const App = () => {
-  return (
-    <OnchainKitProvider
-      config={{
-        appearance: {
-          name: 'OnchainKit Playground',
-          logo: 'https://onchainkit.xyz/favicon/48x48.png?v4-19-24',
-          mode: 'auto',
-          theme: 'default',
-        },
-      }}
-      chain={base}
-    >
-      <MyComponent />
-    </OnchainKitProvider>
-  );
-};
-```
-
-## Props
-
-[`OnchainKitProviderReact`](/onchainkit/config/types#onchainkitproviderreact)
-
-| Prop                       | Description                                                                                                                                                                                    | Required |
-| -------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- |
-| [`chain`](#chain)          | The chain that your OnchainKit project supports.                                                                                                                                               | Yes      |
-| [`apiKey`](#apikey)        | Client API Key from Coinbase Developer Platform.                                                                                                                                               | No       |
-| [`rpcUrl`](#rpc-url)       | RPC URL for onchain requests.                                                                                                                                                                  | No       |
-| [`projectId`](#project-id) | Your Coinbase Developer Platform Project ID.                                                                                                                                                   | No       |
-| [`config`](#config)        | - `config.appearance` — Customize your OnchainKit project's appearance <br /> - `config.paymaster` — Paymaster URL for gas sponsorship <br /> - `config.wallet` — Wallet configuration options | No       |
-| [`schemaId`](#schema-id)   | _[Deprecation Pending]_ The schema ID for attestations from the Ethereum Attestation Service (EAS).                                                                                            | No       |
-| [`address`](#address)      | _[Deprecation Pending]_ This prop is no longer used.                                                                                                                                           | No       |
-
-### Chain
-
-`chain` specifies the chain on which your OnchainKit project will operate.
-
-This prop is required for all OnchainKit components.
-
-We recommend importing chain data from [viem](https://viem.sh/docs/chains/introduction).
-
-### `apiKey`
-
-`apiKey` is your Coinbase Developer Platform Client API Key.
-
-This prop is required for most OnchainKit components, including:
-
-- [`<Checkout>`](/onchainkit/checkout/checkout)
-- [`<NFTCard>`](/onchainkit/mint/nft-card)
-- [`<NFTMintCard>`](/onchainkit/mint/nft-mint-card)
-- [`<Swap>`](/onchainkit/swap/swap)
-- [`<Transaction>`](/onchainkit/transaction/transaction)
-
-You can get a [Client API Key](https://portal.cdp.coinbase.com/projects/project-id/api-keys/client-key)
-from Coinbase Developer Platform.
-
-<Frame>
-<img
-  alt="OnchainKit copy Client API Key"
-  src="/images/onchainkit/copy-api-key-guide.png"
-  height="364"
-/>
-</Frame>
-
-### RPC URL
-
-`rpcUrl` is required for any onchain requests. If you provide your own RPC URL,
-OnchainKit will use it.
-
-If you do not provide your own RPC URL, you must provide an `apiKey`, which
-enables OnchainKit to use the
-[Coinbase Developer Platform Node](https://portal.cdp.coinbase.com/products/node).
-
-### Project ID
-
-`projectId` is your Coinbase Developer Platform Project ID.
-
-This prop is required for the `<FundButton />` component.
-
-You can obtain a Project ID from the [Coinbase Developer Platform](https://portal.cdp.coinbase.com/projects).
-
-<Frame>
-<img
-  alt="OnchainKit copy Project ID"
-  src="/images/onchainkit/copy-project-id.png"
-  height="364"
-/>
-</Frame>
-
-### Config
-
-`config` is an object that can be used to customize the appearance and behavior
-of the OnchainKit components.
-
-This prop has three keys: `appearance`, `paymaster`, and `wallet`.
-
-#### Appearance
-
-`appearance` manages the appearance of the OnchainKit components and has the following properties:
-
-- `name` — The name of your OnchainKit project
-- `logo` — The URL of the logo for your OnchainKit project
-- `mode` — The mode of the OnchainKit components. Can be `auto`, `dark`, or `light`.
-- `theme` — The theme of the OnchainKit components. Can be `base`, `cyberpunk`, `default`, `hacker`, or a custom theme.
-
-Explore appearance options in the [OnchainKit Playground](https://onchainkit.xyz/playground).
-
-#### Paymaster
-
-`paymaster` represents the Paymaster URL that enables you to sponsor gas for your users.
-
-You can configure your Paymaster and obtain your Paymaster URL from the
-[Coinbase Developer Platform](https://portal.cdp.coinbase.com/products/bundler-and-paymaster).
-
-#### Wallet
-
-`wallet` configures the wallet connection experience and has the following properties:
-
-- `display` — The display mode for the wallet interface. Can be either:
-  - `'modal'` — Shows wallet connection in a modal overlay with wallet aggregation
-  - `'classic'` — Shows wallet connection in the traditional inline style
-- `termsUrl` — URL to your terms of service
-- `privacyUrl` — URL to your privacy policy
-
-### Address _[Deprecation Pending]_
-
-`address` is no longer used and will be removed in a future version of
-OnchainKit.
-
-### Schema ID _[Deprecation Pending]_
-
-`schemaId` is no longer used as OnchainKit now defaults to using Coinbase
-attestations for the `<Badge />` component.
-
-This prop will be removed in a future version of OnchainKit.
-
diff --git a/docs/onchainkit/config/supplemental-providers.mdx b/docs/onchainkit/config/supplemental-providers.mdx
deleted file mode 100644
index afb72a975..000000000
--- a/docs/onchainkit/config/supplemental-providers.mdx
+++ /dev/null
@@ -1,87 +0,0 @@
----
-title: Supplemental Providers · OnchainKit
-sidebarTitle: Supplemental Providers
-description: Customize the Wagmi and QueryClient providers
----
-
-import StartBuilding from "/snippets/start-building.mdx";
-
-Under the hood, OnchainKit will create our recommended Wagmi and QueryClient
-providers. If you wish to customize the providers, you can do so by creating
-these providers with your own configuration.
-
-For example, the following code creates custom Wagmi and QueryClient providers:
-
-<CodeGroup>
-```tsx wagmi.ts
-// @noErrors: 2554
-import { http, cookieStorage, createConfig, createStorage } from 'wagmi';
-import { base } from 'wagmi/chains'; // add baseSepolia for testing // [!code ++]
-import { coinbaseWallet } from 'wagmi/connectors';
-
-export function getConfig() {
-  return createConfig({
-    chains: [base], // add baseSepolia for testing // [!code ++]
-    connectors: [
-      coinbaseWallet({
-        appName: 'OnchainKit',
-        preference: 'smartWalletOnly',
-        version: '4',
-      }),
-    ],
-    storage: createStorage({
-      storage: cookieStorage,
-    }),
-    ssr: true,
-    transports: {
-      [base.id]: http(), // add baseSepolia for testing // [!code ++]
-    },
-  });
-}
-
-declare module 'wagmi' {
-  interface Register {
-    config: ReturnType<typeof getConfig>;
-  }
-}
-```
-
-```tsx providers.tsx
-// @noErrors: 2307 2580 2339 2554 - cannot find 'process', cannot find './wagmi', cannot find 'import.meta'
-import { OnchainKitProvider } from '@coinbase/onchainkit';
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { base } from 'wagmi/chains'; // add baseSepolia for testing // [!code ++]
-import { type ReactNode, useState } from 'react';
-import { type State, WagmiProvider } from 'wagmi';
-
-import { getConfig } from '@/wagmi'; // your import path may vary // [!code ++]
-
-export function Providers(props: {
-  children: ReactNode;
-  initialState?: State;
-}) {
-  const [config] = useState(() => getConfig());
-  const [queryClient] = useState(() => new QueryClient());
-  const apiKey = // [!code ++]
-    typeof window !== 'undefined' // [!code ++]
-      ? window.ENV?.PUBLIC_ONCHAINKIT_API_KEY // [!code ++]
-      : undefined; // [!code ++]
-
-  return (
-    <WagmiProvider config={config} initialState={props.initialState}>
-      <QueryClientProvider client={queryClient}>
-        <OnchainKitProvider
-          apiKey={apiKey} // [!code ++]
-          chain={base} // add baseSepolia for testing // [!code ++]
-        >
-          {props.children}
-        </OnchainKitProvider>
-      </QueryClientProvider>
-    </WagmiProvider>
-  );
-}
-```
-</CodeGroup>
-
-<StartBuilding />
-
diff --git a/docs/onchainkit/config/types.mdx b/docs/onchainkit/config/types.mdx
deleted file mode 100644
index 0a2c8f722..000000000
--- a/docs/onchainkit/config/types.mdx
+++ /dev/null
@@ -1,74 +0,0 @@
----
-title: OnchainKit top-level types
-sidebarTitle: Config
-description: Glossary of OnchainKit top-level Types.
----
-
-## `AppConfig`
-
-```ts
-type AppConfig = {
-  appearance?: {
-    name?: string | null; // The name of your application
-    logo?: string | null; // The URL of your application logo
-    mode?: Mode | null; // Optionally determines color scheme based on OS preference or user selection
-    theme?: ComponentTheme | null; // Optionally sets the visual style for components
-  };
-  paymaster?: string | null; // Paymaster URL for gas sponsorship
-};
-```
-
-## `isBaseOptions`
-
-```ts
-type isBaseOptions = {
-  chainId: number;
-  isMainnetOnly?: boolean; // If the chainId check is only allowed on mainnet
-};
-```
-
-## `isEthereumOptions`
-
-```ts
-type isEthereumOptions = {
-  chainId: number;
-  isMainnetOnly?: boolean; // If the chainId check is only allowed on mainnet
-};
-```
-
-## `OnchainKitConfig`
-
-```ts
-type OnchainKitConfig = {
-  address: Address | null; // Address is optional as we may not have an address for new users
-  apiKey: string | null; // ApiKey for Coinbase Developer Platform APIs
-  chain: Chain; // Chain must be provided as we need to know which chain to use
-  config?: AppConfig; // Configuration options for the app
-  rpcUrl: string | null; // RPC URL for onchain requests. Defaults to using CDP Node if the API Key is set
-  schemaId: EASSchemaUid | null; // SchemaId is optional as not all apps need to use EAS
-  projectId: string | null; // ProjectId from Coinbase Developer Platform, only required for Coinbase Onramp support
-};
-```
-
-## `OnchainKitContextType`
-
-```ts
-type OnchainKitContextType = OnchainKitConfig;
-```
-
-## `OnchainKitProviderReact`
-
-```ts
-type OnchainKitProviderReact = {
-  address?: Address;
-  apiKey?: string;
-  chain: Chain;
-  children: ReactNode;
-  config?: AppConfig;
-  rpcUrl?: string;
-  schemaId?: EASSchemaUid;
-  projectId?: string;
-};
-```
-
-
diff --git a/docs/onchainkit/create-a-basename-profile-component.mdx b/docs/onchainkit/create-a-basename-profile-component.mdx
deleted file mode 100644
index 664303dea..000000000
--- a/docs/onchainkit/create-a-basename-profile-component.mdx
+++ /dev/null
@@ -1,304 +0,0 @@
----
-title: 'Create a Basename Profile Component'
-description: Learn how to create a component that displays social media and profile information for a given basename.
----
-
-Onchain identities often include social media links and profile information stored as text records. In this tutorial, you'll learn how to create a component that fetches and displays this information for a given basename.
-
-## Objectives
-
-By the end of this tutorial you should be able to:
-
-- Fetch ENS text records for a basename
-- Create a React component to display profile information
-- Implement a dropdown to show/hide profile details
-
-## Prerequisites
-
-### React and TypeScript
-
-You should be familiar with React and TypeScript. If you're new to these technologies, consider reviewing the [React official documentation] first.
-
-### OnchainKit
-
-This tutorial uses Coinbase's [OnchainKit]. Familiarity with its basic concepts will be helpful.
-
-### Basename
-
-A basename with a few text records (Github, Twitter, website) is required for this tutorial. If you don't have a Basename. Get one [here](https://www.base.org/names).
-
-## Set a Text Record
-
-<Frame>
-![image-basename](/images/basenames-tutorial/basename-profile-home.png)
-</Frame>
-
-To set a text record for your basename, start by visiting `https://www.base.org/name/<YOUR-BASE-NAME>`. Connect your wallet to manage your profile, then click the `Manage profile` button. Add one or more text records, such as your X (formerly Twitter) URL. Once you've added the desired records, click the `Save` button at the bottom of the page. Finally, confirm and sign the transaction to make the changes onchain.
-
-<Frame>
-![image-basename](/images/basenames-tutorial/confirm-textrecord-update.png)
-</Frame>
-
-## Setting up the Environment
-
-First, clone or fork the [OnchainKit app template]:
-
-```
-git clone git@github.com:coinbase/onchain-app-template.git
-```
-
-Then, install the following dependencies:
-
-```bash
-bun install framer-motion
-bun install lucide-react
-```
-
-Create a `.env` file:
-
-```
-cp .env.local .env
-```
-
-Update the contents of the `.env` file to include a [Reown] (FKA WalletConnect) project ID and a CDP API key:
-
-```
-# ~~~
-NEXT_PUBLIC_GOOGLE_ANALYTICS_ID=<YOUR_GOOGLE_ANALYTICS_ID>
-
-# See https://www.coinbase.com/developer-platform/products/base-node
-NEXT_PUBLIC_CDP_API_KEY=<YOUR_CDP_API_KEY>
-
-# ~~~
-NEXT_PUBLIC_ENVIRONMENT=localhost
-
-# See https://cloud.reown.com/
-NEXT_PUBLIC_WC_PROJECT_ID=<YOUR_WC_PROJECT_ID>
-```
-
-## Creating the `Client` File
-
-Create a new file `client.ts` in your project's `src` directory:
-
-```typescript
-import { http, createPublicClient } from 'viem';
-import { mainnet } from 'viem/chains';
-
-export const publicClient = createPublicClient({
-  chain: base,
-  transport: http(),
-});
-```
-
-This client will be used to interact with Base mainnet.
-
-## Creating the IdentityWrapper Component
-
-Create a new file `IdentityWrapper.tsx` in your `src/components` directory and import the following packages:
-
-```typescript
-import React, { useState, useEffect } from 'react';
-import { Avatar, Name, getName } from '@coinbase/onchainkit/identity';
-import { motion } from 'framer-motion';
-import { Twitter, Github, Globe } from 'lucide-react';
-import { normalize } from 'viem/ens';
-import { publicClient } from '../client';
-
-// Component code will go here
-```
-
-`IdentityWrapper` will fetch and display social media and profile information for a given Base address using OnchainKit and the Ethereum Name Service (ENS). It will query for the ENS name associated with the address and retrieve relevant text records (Twitter, GitHub, and website URL) using the specified resolver, storing this data in both component state and local storage for optimized performance. The component will be designed to present this information in a user-friendly, expandable format.
-
-## Implementing the Component Logic
-
-Add the following code to your `IdentityWrapper.tsx` file:
-
-```typescript
-const IdentityWrapper: React.FC<{ address: string }> = ({ address }) => {
-  const [ensText, setEnsText] = useState<{
-    twitter: string | null;
-    github: string | null;
-    url: string | null;
-  } | null>(null);
-
-  const [isOpen, setIsOpen] = useState(false);
-
-  const BASENAME_L2_RESOLVER_ADDRESS = '0xc6d566a56a1aff6508b41f6c90ff131615583bcd';
-
-  useEffect(() => {
-    const fetchEnsText = async () => {
-      if (address) {
-        try {
-          const name = await getName({ chain: base, address: address });
-          const normalizedAddress = normalize(name as string);
-          const twitterText = await publicClient.getEnsText({
-            name: normalizedAddress,
-            key: 'com.twitter',
-            universalResolverAddress: BASENAME_L2_RESOLVER_ADDRESS,
-          });
-          const githubText = await publicClient.getEnsText({
-            name: normalizedAddress,
-            key: 'com.github',
-            universalResolverAddress: BASENAME_L2_RESOLVER_ADDRESS,
-          });
-          const urlText = await publicClient.getEnsText({
-            name: normalizedAddress,
-            key: 'url',
-            universalResolverAddress: BASENAME_L2_RESOLVER_ADDRESS,
-          });
-          const fetchedData = {
-            twitter: twitterText,
-            github: githubText,
-            url: urlText,
-          };
-          setEnsText(fetchedData);
-          localStorage.setItem(address, JSON.stringify(fetchedData));
-        } catch (error) {
-          console.error('Error fetching ENS text:', error);
-        }
-      }
-    };
-    fetchEnsText();
-  }, [address]);
-
-  // Render logic will go here
-};
-
-export default IdentityWrapper;
-```
-
-<Note>
-**Possible Basename Text Records:**
-
-The full list of existing text records for a basename:
-
-```
-  Description,
-  Keywords,
-  Url,
-  Github,
-  Email,
-  Phone,
-  Twitter,
-  Farcaster,
-  Lens,
-  Telegram,
-  Discord,
-  Avatar
-```
-</Note>
-
-
-## Implementing the Render Logic
-
-Add the following render logic to your `IdentityWrapper` component:
-
-```typescript
-return (
-  <>
-    {address ? (
-      <motion.div
-        className="relative space-y-2"
-        initial={{ opacity: 0, y: -20 }}
-        animate={{ opacity: 1, y: 0 }}
-        transition={{ duration: 0.5 }}
-      >
-        <div className="flex items-center space-x-2">
-          <Avatar address={address} />
-          <Name address={address} />
-        </div>
-        <button onClick={() => setIsOpen(!isOpen)} className="text-blue-500 hover:underline">
-          {isOpen ? 'Hide' : 'Show'} Profile
-        </button>
-        {ensText && (
-          <motion.div
-            className="rounded-lg bg-white bg-opacity-20 p-4 text-white shadow-md"
-            initial={{ height: 0, opacity: 0 }}
-            animate={{ height: isOpen ? 'auto' : 0, opacity: isOpen ? 1 : 0 }}
-            transition={{ duration: 0.5, ease: 'easeInOut' }}
-            style={{ overflow: 'hidden' }}
-          >
-            {ensText.twitter && (
-              <div className="flex items-center space-x-2">
-                <Twitter className="h-4 w-4" />
-                <span>Twitter:</span>
-                <a
-                  href={`https://x.com/${ensText.twitter}`}
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  className="hover:underline"
-                >
-                  {ensText.twitter}
-                </a>
-              </div>
-            )}
-            {ensText.github && (
-              <div className="mt-2 flex items-center space-x-2">
-                <Github className="h-4 w-4" />
-                <span>Github:</span>
-                <a
-                  href={`https://github.com/${ensText.github}`}
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  className="hover:underline"
-                >
-                  {ensText.github}
-                </a>
-              </div>
-            )}
-            {ensText.url && (
-              <div className="mt-2 flex items-center space-x-2">
-                <Globe className="h-4 w-4" />
-                <span>Website:</span>
-                <a
-                  href={ensText.url}
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  className="hover:underline"
-                >
-                  {ensText.url.replace(/^https?:\/\//, '')}
-                </a>
-              </div>
-            )}
-          </motion.div>
-        )}
-      </motion.div>
-    ) : (
-      <div className="text-white">Connect your wallet to view your profile card.</div>
-    )}
-  </>
-);
-```
-
-## Using the Component
-
-To use this component in your app, import it into your desired page or component:
-
-```typescript
-import IdentityWrapper from '../components/IdentityWrapper';
-
-// In your render function:
-<IdentityWrapper address={userAddress} />;
-```
-
-<Frame>
-![profile-dropdown](/images/basenames-tutorial/profile-component-dropdown.png)
-</Frame>
-
-Example code snippets are available for:
-
-- [IdentityWrapper component](https://gist.github.com/hughescoin/5e5cd6cbfb3c6d1cada0a9d206b003c6)
-- [Page.tsx](https://gist.github.com/hughescoin/49afc9e999d69d372a67186e804e693b)
-
-## Conclusion
-
-Congratulations! You've created a component that fetches and displays profile information for a given basename. This component can be easily integrated into your onchain app to provide users with a rich, interactive profile display.
-
-[OnchainKit]: https://github.com/coinbase/onchainkit
-[Viem]: https://viem.sh/
-[Framer Motion]: https://www.framer.com/motion/
-[Lucide React]: https://lucide.dev/guide/packages/lucide-react
-[React official documentation]: https://react.dev/
-[OnchainKit app template]: https://github.com/coinbase/onchain-app-template
-[Reown]: https://cloud.reown.com/
-
diff --git a/docs/onchainkit/earn/earn.mdx b/docs/onchainkit/earn/earn.mdx
deleted file mode 100644
index 0fc6843b5..000000000
--- a/docs/onchainkit/earn/earn.mdx
+++ /dev/null
@@ -1,264 +0,0 @@
----
-title: <Earn /> · OnchainKit
-sidebarTitle: <Earn />
-description: Earn interest on your crypto with OnchainKit
----
-
-The `Earn` component provides a simple interface for earning interest on your crypto via Morpho vaults on Base.
-
-## Prerequisites
-
-Before using the `Earn` component, ensure you've completed the [Getting Started](/onchainkit/getting-started) steps.
-
-### Starting a new project
-
-If you're starting a new project, we recommend using `create onchain` to scaffold your project.
-
-```bash
-npm create onchain@latest
-```
-
-### Adding to an existing project
-
-If you're adding `Earn` to an existing project, simply install OnchainKit.
-
-<CodeGroup>
-```bash npm
-npm install @coinbase/onchainkit
-```
-
-```bash yarn
-yarn add @coinbase/onchainkit
-```
-
-```bash pnpm
-pnpm add @coinbase/onchainkit
-```
-
-```bash bun
-bun add @coinbase/onchainkit
-```
-</CodeGroup>
-
-Wrap the `<OnchainKitProvider />` around your app, following the steps in [Getting Started](/onchainkit/getting-started#add-providers).
-
-## Quickstart
-
-To use `Earn`, you'll need to provide a `vaultAddress` prop. A vault address can be obtained from Morpho's [Vaults page](https://app.morpho.org/base/earn).
-
-```tsx
-// @noErrors: 2307
-import { Earn } from '@coinbase/onchainkit/earn'; // [!code focus]
-
-<Earn vaultAddress="0x7BfA7C4f149E7415b73bdeDfe609237e29CBF34A" /> // [!code focus]
-```
-
-{/* <EarnMain /> */}
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-earn--main&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="400px"
-/>
-
-## Customization
-
-### Custom components and layouts
-
-`Earn` accepts a `children` prop that can be used to render `Earn` subcomponents or custom components.
-
-For instance, you can render the `EarnDeposit` component by itself within the `Earn` component, along with any other custom components you'd like to render.
-
-```tsx
-// @noErrors: 2307
-import { Earn, EarnDeposit } from '@coinbase/onchainkit/earn';
-
-<Earn vaultAddress="0x7BfA7C4f149E7415b73bdeDfe609237e29CBF34A">
-  <div>Custom header</div>
-  <EarnDeposit />
-  <div>Custom footer</div>
-</Earn>
-```
-
-{/* <EarnDeposit /> */}
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-earn--deposit&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="450px"
-/>
-
-For more granular control, you can also render lower level subcomponents within `EarnDeposit` and `EarnWithdraw`. These subcomponents accept `className` props to customize their styles.
-
-```tsx
-import { Earn,
-        EarnDeposit,
-        EarnDetails,
-        DepositBalance,
-        DepositAmountInput,
-        DepositButton } from '@coinbase/onchainkit/earn';
-
-<Earn vaultAddress="0x7BfA7C4f149E7415b73bdeDfe609237e29CBF34A">
-  <EarnDeposit>
-    <EarnDetails />
-    <DepositBalance />
-    <DepositAmountInput className="border-2 border-green-400" />
-    <DepositButton />
-  </EarnDeposit>
-</Earn>
-```
-
-{/* <RearrangedEarnDeposit /> */}
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-earn--rearranged-deposit&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="400px"
-/>
-
-### Customizing styles
-
-The `Earn` component is best styled via a [OnchainKit theme](/onchainkit/guides/themes#custom-theme). You can also override individual component styles using `className`.
-
-## Advanced Usage
-
-If you'd like to implement your own custom components, you can use `useEarnContext` within an `Earn` component to access context and build your own components.
-
-You can find the full interface for `EarnContextType` on the [Types page](/onchainkit/earn/types#earncontexttype).
-
-Below, we use `useEarnContext` to implement a custom deposit interface by using `useEarnContext` to access the `depositAmount` and `setDepositAmount` context values.
-
-<CodeGroup>
-```tsx index.tsx
-// @noErrors: 2307
-import { Earn, useEarnContext } from '@coinbase/onchainkit/earn';
-import { CustomDepositButtons } from '@/custom-deposit-buttons';
-
-  <Earn vaultAddress="0x7BfA7C4f149E7415b73bdeDfe609237e29CBF34A">
-      <CustomDepositButtons />
-  </Earn>
-
-```
-
-```tsx custom-deposit-buttons.tsx
-import {EarnDetails,
-        EarnDeposit,
-        useEarnContext,
-        DepositButton} from '@coinbase/onchainkit/earn';
-
-const predefinedAmounts = ['0.1', '1', '10'];
-
-function CustomDepositButtons() {
-  const { depositAmount, setDepositAmount } = useEarnContext();
-
-  return (
-    <EarnDeposit>
-      <EarnDetails />
-      <div className="grid grid-cols-3 gap-2">
-        {predefinedAmounts.map((amount) => {
-          const selected = amount === depositAmount;
-          return (
-            <button
-              key={amount}
-              type="button"
-              onClick={() => setDepositAmount(amount)}
-              className={`rounded-md px-4 py-2
-              ${selected ? 'bg-[var(--ock-bg-primary)] text-[var(--ock-text-inverse)]'
-              : 'bg-[var(--ock-bg-secondary)] text-[var(--ock-text-primary)]'}`}
-            >
-              {amount}
-            </button>
-          );
-        })}
-      </div>
-      <DepositButton />
-    </EarnDeposit>
-  );
-}
-```
-</CodeGroup>
-
-{/* <PredefinedInputDeposit /> */}
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-earn--predefined-deposit&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="400px"
-/>
-
-Taking advantage of the data and methods provided by `useEarnContext`, developers can implement fully custom deposit and withdraw interfaces, modifying everything from UI elements to input behavior.
-
-## Examples
-
-### Sponsoring transactions
-
-To sponsor transactions, you can use the `isSponsored` prop.
-
-```tsx
-// @noErrors: 2304
-<Earn vaultAddress="0x7BfA7C4f149E7415b73bdeDfe609237e29CBF34A" isSponsored />
-```
-
-Ensure that your `OnchainKitProvider` has a `paymaster` configured:
-
-```tsx
-// @noErrors:  2304 17008 1005
-<OnchainKitProvider
-  config={{ // [!code focus]
-    paymaster: process.env.PAYMASTER_ENDPOINT, // [!code focus]
-  }} // [!code focus]
->
-```
-
-<Tip>
-If you have a contract allowlist set on Coinbase Developer Platform, you'll need to ensure that the following contract functions are allowed:
-
-- `deposit` on the Morpho vault
-- `redeem` on the Morpho vault
-- `approve` on the token being deposited
-</Tip>
-
-
-## Components
-
-The `Earn` component includes the following subcomponents:
-
-- `<Earn />` - A fully built Withdraw and Deposit component. Also includes a `children` prop to render custom components and provides `useEarnContext` to access the context values.
-- `<EarnProvider />` - A headless provider that provides the `useEarnContext` hook to the `Earn` component.
-- `<EarnDeposit />` - A fully built deposit card.
-- `<EarnWithdraw />` - A fully built withdraw card.
-- `<EarnDetails />` - A component that displays the details of the vault.
-- `<DepositAmountInput />` - A component that handles the deposit amount input.
-- `<DepositBalance />` - A component that displays the balance underlying asset in the user's wallet.
-- `<DepositButton />` - A component that triggers the deposit transaction.
-- `<WithdrawAmountInput />` - A component that handles the withdraw amount input.
-- `<WithdrawBalance />` - A component that displays how much the user can withdraw from a vault.
-- `<WithdrawButton />` - A component that triggers the withdraw transaction.
-- `<YieldDetails />` - A component that displays the yield details of the vault.
-- `<VaultDetails />` - A component that displays the vault details.
-
-## Hooks
-
-- [`useEarnContext`](/onchainkit/hooks/use-earn-context) - A hook that provides the context values of the `Earn` component.
-- [`useBuildDepositToMorphoTx`](/onchainkit/hooks/use-build-deposit-to-morpho-tx) - A hook that builds a deposit transaction to Morpho.
-- [`useBuildWithdrawFromMorphoTx`](/onchainkit/hooks/use-build-withdraw-from-morpho-tx) - A hook that builds a withdraw transaction from Morpho.
-- [`useMorphoVault`](/onchainkit/hooks/use-morpho-vault) - A hook that provides the details of a Morpho vault.
-
-## Props
-
-- [`LifecycleStatus`](/onchainkit/earn/types#lifecyclestatus)
-- [`EarnReact`](/onchainkit/earn/types#earnreact)
-- [`EarnProviderReact`](/onchainkit/earn/types#earnproviderreact)
-- [`EarnContextType`](/onchainkit/earn/types#earncontexttype)
-- [`EarnAmountInputReact`](/onchainkit/earn/types#earnamountinputreact)
-- [`DepositAmountInputReact`](/onchainkit/earn/types#depositamountinputreact)
-- [`WithdrawAmountInputReact`](/onchainkit/earn/types#withdrawamountinputreact)
-- [`EarnBalanceReact`](/onchainkit/earn/types#earnbalancereact)
-- [`DepositBalanceReact`](/onchainkit/earn/types#depositbalancereact)
-- [`WithdrawBalanceReact`](/onchainkit/earn/types#withdrawbalancereact)
-- [`EarnDepositReact`](/onchainkit/earn/types#earndepositreact)
-- [`EarnWithdrawReact`](/onchainkit/earn/types#earnwithdrawreact)
-- [`EarnDetailsReact`](/onchainkit/earn/types#earndetailsreact)
-- [`DepositButtonReact`](/onchainkit/earn/types#depositbuttonreact)
-- [`WithdrawButtonReact`](/onchainkit/earn/types#withdrawbuttonreact)
-
diff --git a/docs/onchainkit/earn/types.mdx b/docs/onchainkit/earn/types.mdx
deleted file mode 100644
index a943675b3..000000000
--- a/docs/onchainkit/earn/types.mdx
+++ /dev/null
@@ -1,301 +0,0 @@
----
-title: Earn components & utilities Types
-sidebarTitle: Earn
-description: Glossary of Types in Earn components & utilities.
----
-
-## `LifecycleStatus`
-
-```ts
-export type LifecycleStatus =
-  | {
-      statusName: 'init';
-      statusData: null;
-    }
-  | {
-      statusName: 'amountChange';
-      statusData: {
-        amount: string;
-        token: Token;
-      };
-    }
-  | Extract<
-      TransactionLifecycleStatus,
-      {
-        statusName:
-          | 'transactionPending'
-          | 'transactionLegacyExecuted'
-          | 'success'
-          | 'error';
-      }
-    >;
-```
-
-## `EarnReact`
-
-```ts
-export type EarnReact = {
-  children?: React.ReactNode;
-  className?: string;
-  vaultAddress: Address;
-  isSponsored?: boolean;
-};
-```
-
-## `EarnProviderReact`
-
-```ts
-export type EarnProviderReact = {
-  children: React.ReactNode;
-  vaultAddress: Address;
-  isSponsored?: boolean;
-};
-```
-
-## `EarnContextType`
-
-```ts
-export type EarnContextType = {
-  /** Warns users if vault address is invalid */
-  error: Error | null;
-  recipientAddress?: Address;
-  /** Balance of the underlying asset in the user's wallet, converted to the asset's decimals */
-  walletBalance?: string;
-  /** Status of the wallet balance fetch */
-  walletBalanceStatus: 'pending' | 'success' | 'error';
-  refetchWalletBalance: () => void;
-  vaultAddress: Address;
-  /** The token that is being deposited or withdrawn (the underlying asset of the vault) */
-  vaultToken: Token | undefined;
-  vaultName: string | undefined;
-  /** Total deposits in the vault */
-  deposits: string | undefined;
-  /** Total liquidity (available to borrow) in the vault */
-  liquidity: string | undefined;
-  /** Total APY of the vault, including rewards */
-  apy: number | undefined;
-  nativeApy: UseMorphoVaultReturnType['nativeApy'];
-  vaultFee: UseMorphoVaultReturnType['vaultFee'];
-  /** Rewards earned by the user in the vault */
-  rewards: UseMorphoVaultReturnType['rewards'];
-  /** The amount of underlying asset that has been deposited in the vault by the connected user */
-  depositedBalance?: string;
-  /** Whether the deposited balance is being fetched */
-  depositedBalanceStatus: 'pending' | 'success' | 'error';
-  refetchDepositedBalance: () => void;
-  /** Interest earned by the user in the vault */
-  interestEarned?: string;
-  /** Amount that the user has typed into the deposit amount input */
-  depositAmount: string;
-  setDepositAmount: (amount: string) => void;
-  depositAmountError: string | null;
-  depositCalls: Call[];
-  /** Amount that the user has typed into the withdraw amount input */
-  withdrawAmount: string;
-  setWithdrawAmount: (amount: string) => void;
-  withdrawAmountError: string | null;
-  withdrawCalls: Call[];
-  lifecycleStatus: LifecycleStatus;
-  updateLifecycleStatus: (
-    status: LifecycleStatusUpdate<LifecycleStatus>,
-  ) => void;
-};
-```
-
-## `EarnAmountInputReact`
-
-```ts
-export type EarnAmountInputReact = {
-  className?: string;
-  onChange: (value: string) => void;
-  value: string;
-  disabled?: boolean;
-  'aria-label'?: string;
-};
-```
-
-## `DepositAmountInputReact`
-
-```ts
-export type DepositAmountInputReact = {
-  className?: string;
-};
-```
-
-## `WithdrawAmountInputReact`
-
-```ts
-export type WithdrawAmountInputReact = {
-  className?: string;
-};
-```
-
-## `EarnBalanceReact`
-
-```ts
-export type EarnBalanceReact = {
-  className?: string;
-  onActionPress: () => void;
-  title: React.ReactNode;
-  subtitle: string;
-  showAction?: boolean;
-};
-```
-
-## `DepositBalanceReact`
-
-```ts
-export type DepositBalanceReact = {
-  className?: string;
-};
-```
-
-## `WithdrawBalanceReact`
-
-```ts
-export type WithdrawBalanceReact = {
-  className?: string;
-};
-```
-
-## `EarnDepositReact`
-
-```ts
-export type EarnDepositReact = {
-  children?: React.ReactNode;
-  className?: string;
-};
-```
-
-## `EarnWithdrawReact`
-
-```ts
-export type EarnWithdrawReact = {
-  children?: React.ReactNode;
-  className?: string;
-};
-```
-
-## `EarnDetailsReact`
-
-```ts
-export type EarnDetailsReact = {
-  className?: string;
-};
-```
-
-## `DepositButtonReact`
-
-```ts
-export type DepositButtonReact = {
-  className?: string;
-};
-```
-
-## `WithdrawButtonReact`
-
-```ts
-export type WithdrawButtonReact = {
-  className?: string;
-};
-```
-
-## `DepositToMorphoParams`
-
-```ts
-export type DepositToMorphoParams = {
-  /** The address of the Morpho vault */
-  vaultAddress: Address;
-  /** The address of the token to deposit */
-  tokenAddress: Address;
-  /** The amount of tokens to deposit */
-  amount: bigint;
-  /** The address which can withdraw the deposited tokens */
-  recipientAddress: Address;
-};
-```
-
-## `WithdrawFromMorphoParams`
-
-```ts
-export type WithdrawFromMorphoParams = {
-  /** The address of the Morpho vault */
-  vaultAddress: Address;
-  /** The amount of tokens to withdraw */
-  amount: bigint;
-  /** The address to which the withdrawn funds will be sent */
-  recipientAddress: Address;
-};
-```
-
-## `UseBuildDepositToMorphoTxParams`
-
-```ts
-export type UseBuildDepositToMorphoTxParams = {
-  vaultAddress: Address;
-  recipientAddress?: Address;
-  amount: string;
-};
-```
-
-## `UseBuildWithdrawFromMorphoTxParams`
-
-```ts
-export type UseBuildWithdrawFromMorphoTxParams = {
-  vaultAddress: Address;
-  recipientAddress?: Address;
-  amount: string;
-  tokenDecimals: number | undefined;
-};
-```
-
-## `UseMorphoVaultParams`
-
-```ts
-export type UseMorphoVaultParams = {
-  vaultAddress: Address;
-  recipientAddress?: Address;
-};
-```
-
-## `UseMorphoVaultReturnType`
-
-```ts
-export type UseMorphoVaultReturnType = {
-  vaultName: string | undefined;
-  status: 'pending' | 'success' | 'error';
-  /** Warns users if vault address is invalid */
-  error: Error | null;
-  /** Underlying asset of the vault */
-  asset: {
-    address: Address;
-    symbol: string | undefined;
-    decimals: number | undefined;
-  };
-  /** User's deposits in the vault, adjusted for decimals */
-  balance: string | undefined;
-  balanceStatus: 'pending' | 'success' | 'error';
-  refetchBalance: () => void;
-  /** Total net APY of the vault after all rewards and fees */
-  totalApy: number | undefined;
-  /** Native rewards of the vault (e.g. USDC if the asset is USDC) */
-  nativeApy: number | undefined;
-  /** Additional rewards (e.g. MORPHO) */
-  rewards:
-    | {
-        asset: Address;
-        assetName: string;
-        apy: number;
-      }[]
-    | undefined;
-  /** Vault fee, in percent (e.g. 0.03 for 3%) */
-  vaultFee: number | undefined;
-  /** Number of decimals of the vault's share tokens (not underlying asset) */
-  vaultDecimals: number | undefined;
-  /** Total deposits in the vault */
-  deposits: string | undefined;
-  /** Total liquidity available to borrow in the vault */
-  liquidity: string | undefined;
-};
-```
-
diff --git a/docs/onchainkit/fund/fetch-onramp-config.mdx b/docs/onchainkit/fund/fetch-onramp-config.mdx
deleted file mode 100644
index 939600882..000000000
--- a/docs/onchainkit/fund/fetch-onramp-config.mdx
+++ /dev/null
@@ -1,59 +0,0 @@
----
-title: fetchOnrampConfig
----
-
-
-The `fetchOnrampConfig` utility fetches the list of countries supported by Coinbase Onramp and their available payment methods. This is useful when you need to validate user eligibility or display available payment options.
-
-## Usage
-
-<CodeGroup>
-```tsx code
-import { fetchOnrampConfig } from '@coinbase/onchainkit/fund';
-
-// When using with OnchainKitProvider
-const config = await fetchOnrampConfig();
-
-// When using without OnchainKitProvider or in non-React environment
-const config2 = await fetchOnrampConfig('your-api-key');
-```
-
-```js return value
-{
-  countries: [
-    {
-      id: "US",
-      subdivisions: ["CA", "NY", "TX"],
-      paymentMethods: [
-        {
-          id: "CARD",
-          name: "Credit or debit card",
-          description: "Pay with Visa or Mastercard",
-          currencies: ["USD", "EUR"],
-          minAmount: { value: "10.00", currency: "USD" },
-          maxAmount: { value: "1000.00", currency: "USD" }
-        }
-      ]
-    }
-  ]
-}
-```
-</CodeGroup>
-
-## Parameters
-
-```typescript
-/**
- * Optional API key for Coinbase Onramp. If not provided, the API key from
- * OnchainKitProvider will be used. Required when using the utility without
- * OnchainKitProvider or in a non-React environment.
- */
-apiKey?: string;
-```
-
-## Returns
-
-`Promise<OnrampConfigResponseData>` - Returns a promise that resolves to the configuration data containing supported countries and their payment methods.
-
-See [`OnrampConfigResponseData`](/onchainkit/fund/types#onrampconfigresponsedata) for response type details.
-
diff --git a/docs/onchainkit/fund/fetch-onramp-options.mdx b/docs/onchainkit/fund/fetch-onramp-options.mdx
deleted file mode 100644
index fbf728a3d..000000000
--- a/docs/onchainkit/fund/fetch-onramp-options.mdx
+++ /dev/null
@@ -1,79 +0,0 @@
----
-title: fetchOnrampOptions
----
-
-
-The `fetchOnrampOptions` utility retrieves supported fiat currencies and available crypto assets for a specific country. This information is essential for determining which assets can be purchased in the user's jurisdiction.
-
-## Usage
-
-<CodeGroup>
-```tsx code
-import { fetchOnrampOptions } from '@coinbase/onchainkit/fund';
-
-const options = await fetchOnrampOptions({
-  country: 'US',
-  subdivision: 'CA', // Required for US residents
-  apiKey: 'your-api-key', //   Required when using without OnchainKitProvider or in non-React environment
-});
-```
-
-```js return value
-{
-  fiatCurrencies: [
-    {
-      id: "USD",
-      name: "US Dollar",
-      symbol: "$"
-    }
-  ],
-  assets: [
-    {
-      id: "ETH",
-      name: "Ethereum",
-      networks: [
-        {
-          id: "ethereum",
-          name: "Ethereum",
-          config: {
-            chainId: "0x1"
-          }
-        }
-      ]
-    }
-  ]
-}
-```
-</CodeGroup>
-
-## Parameters
-
-```typescript
-{
-  /**
-   * ISO 3166-1 two-letter country code string representing
-   * the purchasing user’s country of residence, e.g., US.
-   */
-  country: string;
-  /**
-   * ISO 3166-2 two-letter country subdivision code representing
-   * the purchasing user’s subdivision of residence within their country,
-   * e.g. NY. Required if the country=“US” because certain states (e.g., NY)
-   * have state specific asset restrictions.
-   */
-  subdivision?: string;
-  /**
-   * Optional API key for Coinbase Onramp. If not provided, the API key from
-   * OnchainKitProvider will be used. Required when using the utility without
-   * OnchainKitProvider or in a non-React environment.
-   */
-  apiKey?: string;
-}
-```
-
-## Returns
-
-`Promise<OnrampOptionsResponseData>` - Returns a promise that resolves to the available options for the specified location.
-
-See [`OnrampOptionsResponseData`](/onchainkit/fund/types#onrampoptionsresponsedata) for full response type details.
-
diff --git a/docs/onchainkit/fund/fetch-onramp-quote.mdx b/docs/onchainkit/fund/fetch-onramp-quote.mdx
deleted file mode 100644
index da4c8eb37..000000000
--- a/docs/onchainkit/fund/fetch-onramp-quote.mdx
+++ /dev/null
@@ -1,113 +0,0 @@
----
-title: fetchOnrampQuote
----
-
-
-The `fetchOnrampQuote` utility provides a quote based on the asset the user would like to purchase, plus the network, fiat payment, payment currency, payment method, and country. This is useful for getting pricing information and fees before initiating a transaction.
-
-## Usage
-
-<CodeGroup>
-```tsx code
-import { fetchOnrampQuote } from '@coinbase/onchainkit/fund';
-
-const quote = await fetchOnrampQuote({
-  purchaseCurrency: 'ETH',
-  purchaseNetwork: 'ethereum',
-  paymentCurrency: 'USD',
-  paymentMethod: 'CARD',
-  paymentAmount: '100.00',
-  country: 'US',
-  subdivision: 'CA', // Required for US residents
-  apiKey: 'your-api-key', // Required when using without OnchainKitProvider or in non-React environment
-});
-```
-
-```json return value
-{
-  "paymentTotal": {
-    "value": "105.00",
-    "currency": "USD"
-  },
-  "paymentSubtotal": {
-    "value": "100.00",
-    "currency": "USD"
-  },
-  "purchaseAmount": {
-    "value": "0.05",
-    "currency": "ETH"
-  },
-  "coinbaseFee": {
-    "value": "3.00",
-    "currency": "USD"
-  },
-  "networkFee": {
-    "value": "2.00",
-    "currency": "USD"
-  },
-  "quoteId": "quote_123"
-}
-```
-</CodeGroup>
-
-## Parameters
-
-```typescript
-{
-  /**
-   * ID of the crypto asset the user wants to purchase.
-   * Retrieved from the options API.
-   */
-  purchaseCurrency: string;
-
-  /**
-   * Name of the network that the purchase currency should be purchased on.
-   * Retrieved from the options API. If omitted, the default network for
-   * the crypto currency is used.
-   */
-  purchaseNetwork?: string;
-
-  /**
-   * Fiat currency of the payment amount, e.g., USD.
-   */
-  paymentCurrency: string;
-
-  /**
-   * ID of payment method used to complete the purchase.
-   * Retrieved from the options API.
-   */
-  paymentMethod: string;
-
-  /**
-   * Fiat amount the user wants to spend to purchase the crypto currency,
-   * inclusive of fees with two decimals of precision, e.g., "100.00".
-   */
-  paymentAmount: string;
-
-  /**
-   * ISO 3166-1 two-digit country code string representing the purchasing
-   * user's country of residence, e.g., US.
-   */
-  country: string;
-
-  /**
-   * ISO 3166-2 two-digit country subdivision code. Required if country="US"
-   * because certain states (e.g., NY) have state specific asset restrictions.
-   */
-  subdivision?: string;
-  
-   /**
-   * Optional API key for Coinbase Onramp. If not provided, the API key from
-   * OnchainKitProvider will be used. Required when using the utility without
-   * OnchainKitProvider or in a non-React environment.
-   */
-  apiKey?: string;
-}
-```
-
-## Returns
-
-`Promise<OnrampQuoteResponseData>` - Returns a promise that resolves to the quote data containing payment amounts, fees, and quote ID.
-
-See [`OnrampQuoteResponseData`](/onchainkit/fund/types#onrampquoteresponsedata) for full response type details.
-
diff --git a/docs/onchainkit/fund/fetch-onramp-transaction-status.mdx b/docs/onchainkit/fund/fetch-onramp-transaction-status.mdx
deleted file mode 100644
index 1ff75d67f..000000000
--- a/docs/onchainkit/fund/fetch-onramp-transaction-status.mdx
+++ /dev/null
@@ -1,67 +0,0 @@
----
-title: fetchOnrampTransactionStatus
----
-
-
-The `fetchOnrampTransactionStatus` utility retrieves the status of onramp transactions for a specific user. This is useful for tracking the progress of crypto purchases and displaying transaction history.
-
-## Usage
-
-<CodeGroup>
-```tsx code
-import { fetchOnrampTransactionStatus } from '@coinbase/onchainkit/fund';
-
-const transactions = await fetchOnrampTransactionStatus({
-  partnerUserId: 'user123',
-  nextPageKey: '',
-  pageSize: '10',
-  apiKey: 'your-api-key', // Required when using without OnchainKitProvider or in non-React environment
-});
-```
-
-```json return value
-{
-  "transactions": [
-    {
-      "id": "tx123",
-      "status": "ONRAMP_TRANSACTION_STATUS_SUCCESS",
-      "purchaseAmount": { "value": "0.1", "currency": "ETH" },
-      "paymentAmount": { "value": "200.00", "currency": "USD" },
-      "network": "ethereum",
-      "createdAt": "2024-01-01T12:00:00Z"
-    }
-  ],
-  "nextPageKey": "next_page_token",
-  "totalCount": "1"
-}
-```
-</CodeGroup>
-
-## Parameters
-
-```typescript
-{
-  /**
-   * A unique identifier that will be associated with any transactions created
-   * by the user during their Onramp session. You can use this with the
-   * Transaction Status API to check the status of the user's transaction.
-   * See https://docs.cdp.coinbase.com/onramp/docs/api-reporting#buy-transaction-status
-   */
-  partnerUserId: string; // Your unique identifier for the user
-  nextPageKey: string;   // Token for pagination
-  pageSize: string;      // Number of transactions per page
-  /**
-   * Optional API key for Coinbase Onramp. If not provided, the API key from
-   * OnchainKitProvider will be used. Required when using the utility without
-   * OnchainKitProvider or in a non-React environment.
-   */
-  apiKey?: string;
-}
-```
-
-## Returns
-
-`Promise<OnrampTransactionStatusResponseData>` - Returns a promise that resolves to the transaction status data.
-
-See [`OnrampTransactionStatusResponseData`](/onchainkit/fund/types#onramptransactionstatusresponsedata) for full response type details.
-
diff --git a/docs/onchainkit/fund/fund-button.mdx b/docs/onchainkit/fund/fund-button.mdx
deleted file mode 100644
index 4b03c0da2..000000000
--- a/docs/onchainkit/fund/fund-button.mdx
+++ /dev/null
@@ -1,226 +0,0 @@
----
-title: <FundButton />
-sidebarTitle: <FundButton />
-description: The `<FundButton />` component provides a way for users to fund their wallet without leaving your app.
----
-
-# FundButton
-
-The `<FundButton />` component provides a way for users to fund their wallet without leaving your app. It automatically
-detects the user's wallet type (EOA vs Smart Wallet) and directs them to the appropriate funding URL.
-
-If your user connects a Coinbase Smart Wallet, it provides an easy way to access the Coinbase Smart Wallet
-[Fund](https://keys.coinbase.com/fund) flow. Users will be able to buy and receive crypto, or use their Coinbase
-balances onchain with [Magic Spend](https://www.smartwallet.dev/guides/magic-spend).
-
-If your user connects any other EOA wallet, it provides an easy way to access [Coinbase Onramp](https://docs.cdp.coinbase.com/onramp/docs/welcome/)
-where your users will also be able to buy crypto using a fiat payment method, or transfer existing crypto from their
-Coinbase account.
-
-## Walkthrough
-
-<Steps>
-  <Step title="Get your Project ID">
-    1. Get your Project ID from the [Coinbase Developer Platform Dashboard](https://portal.cdp.coinbase.com/).
-
-    <Frame>
-      <img alt="OnchainKit copy Project Id" src="https://mintcdn.com/base-a060aa97/-q4fo0uzIfxlH3Wn/images/onchainkit/copy-project-id.png?fit=max&auto=format&n=-q4fo0uzIfxlH3Wn&q=85&s=a252ce9520dc3909df614eaa3739a09d" data-og-width="1247" width="1247" data-og-height="466" height="466" data-path="images/onchainkit/copy-project-id.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/base-a060aa97/-q4fo0uzIfxlH3Wn/images/onchainkit/copy-project-id.png?w=280&fit=max&auto=format&n=-q4fo0uzIfxlH3Wn&q=85&s=f5bed02ce1fa668ee0915e149fd208e2 280w, https://mintcdn.com/base-a060aa97/-q4fo0uzIfxlH3Wn/images/onchainkit/copy-project-id.png?w=560&fit=max&auto=format&n=-q4fo0uzIfxlH3Wn&q=85&s=3353683c600c3d6406473bd9d96b6c3e 560w, https://mintcdn.com/base-a060aa97/-q4fo0uzIfxlH3Wn/images/onchainkit/copy-project-id.png?w=840&fit=max&auto=format&n=-q4fo0uzIfxlH3Wn&q=85&s=fc1ea92d8d5ea02b932ed38b3c5f7933 840w, https://mintcdn.com/base-a060aa97/-q4fo0uzIfxlH3Wn/images/onchainkit/copy-project-id.png?w=1100&fit=max&auto=format&n=-q4fo0uzIfxlH3Wn&q=85&s=4f1b3d6cdb5aecce2bfdef9c679286c1 1100w, https://mintcdn.com/base-a060aa97/-q4fo0uzIfxlH3Wn/images/onchainkit/copy-project-id.png?w=1650&fit=max&auto=format&n=-q4fo0uzIfxlH3Wn&q=85&s=aab84604e4c4ea446cac4d5c93daa659 1650w, https://mintcdn.com/base-a060aa97/-q4fo0uzIfxlH3Wn/images/onchainkit/copy-project-id.png?w=2500&fit=max&auto=format&n=-q4fo0uzIfxlH3Wn&q=85&s=8a9febaf3ca315cb4ffed4be7de2e2f3 2500w" />
-    </Frame>
-
-    2. Add your Project ID to your `.env` file.
-
-    ```tsx .env theme={null}
-    NEXT_PUBLIC_ONCHAINKIT_API_KEY=YOUR_PUBLIC_API_KEY
-    NEXT_PUBLIC_CDP_PROJECT_ID=YOUR_CDP_PROJECT_ID // [!code ++]
-    ```
-
-  </Step>
-
-<Step title="Add Project ID to OnchainKitProvider">
-  ```tsx theme={null}
-  <OnchainKitProvider
-    apiKey={process.env.NEXT_PUBLIC_ONCHAINKIT_API_KEY}
-    projectId={process.env.NEXT_PUBLIC_CDP_PROJECT_ID} // [!code ++]
-    chain={base}
-  >
-    {props.children}
-  </OnchainKitProvider>
-  ```
-</Step>
-
-<Step title="Get a session token">
-  [Getting session
-  token](https://docs.cdp.coinbase.com/onramp-&-offramp/session-token-authentication)
-</Step>
-
-  <Step title="Drop in the <FundButton /> component">
-    ```tsx theme={null}
-    import { FundButton } from '@coinbase/onchainkit/fund';
-
-    const sessionToken = "YOUR_SESSION_TOKEN";
-
-    // can use EITHER sessionToken or fundingUrl
-    <FundButton sessionToken={sessionToken} />
-    ```
-
-    {/* <App>
-      <FundWrapper>
-        {({ address }) => {
-          if (address) {
-            return (
-              <FundButton sessionToken={sessionToken} />
-            )
-          }
-          return <>
-            <Wallet>
-              <ConnectWallet>
-                <Avatar className="h-6 w-6" />
-                <Name />
-              </ConnectWallet>
-            </Wallet>
-          </>;
-        }}
-      </FundWrapper>
-    </App> */}
-
-  </Step>
-</Steps>
-
-## Customizing the funding experience
-
-You can customize the Coinbase Onramp experience by bringing your own Onramp URL and passing it to the `<FundButton />`
-component. We provide the [`getOnrampBuyUrl`](/onchainkit/fund/get-onramp-buy-url) utility to help you generate a Coinbase Onramp
-URL tailored to your use case.
-
-```tsx theme={null}
-import { FundButton, getOnrampBuyUrl } from "@coinbase/onchainkit/fund";
-import { useAccount } from "wagmi";
-
-const projectId = "YOUR_CDP_PROJECT_ID";
-const { address } = useAccount();
-
-const onrampBuyUrl = getOnrampBuyUrl({
-  sessionToken: "YOUR_SESSION_TOKEN",
-  presetFiatAmount: 20,
-  fiatCurrency: "USD",
-});
-
-<FundButton fundingUrl={onrampBuyUrl} />;
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-fund-button--with-funding-url&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-
-You can choose to have the funding URL open in a popup or a new tab using the `openIn` prop.
-
-```tsx theme={null}
-<FundButton openIn={"tab"} sessionToken={sessionToken} />
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-fund-button--open-in-tab&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-
-## Customizing the fund button
-
-You can override the text on the fund button using the `text` prop, and hide the icon with the `hideIcon` prop.
-
-```tsx theme={null}
-<FundButton text={"Onramp"} hideIcon={true} sessionToken={sessionToken} />
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-fund-button--custom-text-and-hide-icon&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-
-You can hide the text with the `hideText` prop.
-
-```tsx theme={null}
-<FundButton hideText={true} sessionToken={sessionToken} />
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-fund-button--hide-text&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-
-See [`FundButtonReact`](/onchainkit/fund/types#fundbuttonreact) for the full list of customization options.
-
-## Props
-
-[`FundButtonProps`](#fundbuttonprops)
-
-```ts theme={null}
-export type FundButtonProps = FundButtonBaseProps &
-  FundButtonSourceProps &
-  FundButtonRenderProps;
-
-type FundButtonBaseProps = {
-  /* An optional CSS class name for styling the button component */
-  className?: string;
-  /* A optional prop to disable the fund button */
-  disabled?: boolean;
-  /* The state of the button component */
-  state?: FundButtonState;
-  /* Whether to open the funding flow in a tab or a popup window */
-  openIn?: "popup" | "tab";
-  /**
-   * Size of the popup window if `openIn` is set to `popup`
-   * Note: popupSize will be ignored when using a Coinbase Onramp URL (i.e. https://pay.coinbase.com/*) as it requires
-   * a fixed popup size.
-   */
-  popupSize?: "sm" | "md" | "lg";
-  /* Where to open the target if `openIn` is set to tab */
-  target?: string;
-  /* The currency code of the fiat amount provided in the presetFiatAmount param e.g. USD, CAD, EUR. */
-  fiatCurrency?: string;
-  /* A callback function that will be called when the popup window is closed */
-  onPopupClose?: () => void;
-  /* A callback function that will be called when the button is clicked */
-  onClick?: () => void;
-};
-
-// Require exactly one funding source for FundButton (not both)
-type FundButtonSourceProps =
-  | { fundingUrl: string; sessionToken?: string }
-  | { sessionToken: string; fundingUrl?: string };
-
-type FundButtonRenderProps =
-  | {
-      render?: (props: FundButtonRenderParams) => React.ReactNode;
-      /* An optional React node to be displayed in the button component */
-      children?: never;
-    }
-  | {
-      render?: never;
-      /* An optional React node to be displayed in the button component */
-      children?: ReactNode;
-    };
-
-export type FundButtonRenderParams = {
-  /* The state of the button component, only relevant when using FundCardSubmitButton */
-  status: FundButtonState;
-  /* A callback function that will be called when the button is clicked */
-  onClick: (e: React.MouseEvent) => void;
-  /* Whether the button is disabled */
-  isDisabled: boolean;
-};
-```
-
-<Note>
-  **Note:** `FundButton` requires either `sessionToken` or `fundingUrl` to be
-  provided. If neither is provided, the component will throw an error before
-  compiling.
-</Note>
-
-## Related Components
-
-- [`<FundCard />`](/onchainkit/fund/fund-card)
diff --git a/docs/onchainkit/fund/fund-card.mdx b/docs/onchainkit/fund/fund-card.mdx
deleted file mode 100644
index 98a21b39e..000000000
--- a/docs/onchainkit/fund/fund-card.mdx
+++ /dev/null
@@ -1,298 +0,0 @@
----
-title: <FundCard />
-sidebarTitle: <FundCard />
-description: The `<FundCard />` component provides a complete fiat onramp experience with amount input, currency switching, and payment method selection.
----
-
-<Frame>
-  <img
-    alt="FundCard"
-    src="https://mintcdn.com/base-a060aa97/-q4fo0uzIfxlH3Wn/images/onchainkit/fund-card.gif?s=bc5009881dd7bfa9554cb714f8c948fe"
-    height="364"
-    data-og-width="576"
-    data-og-height="360"
-    data-path="images/onchainkit/fund-card.gif"
-    data-optimize="true"
-    data-opv="3"
-  />
-</Frame>
-
-The `<FundCard />` component provides a complete fiat onramp experience within your app. It includes:
-
-- Amount input with fiat/crypto switching
-- Payment method selection (Coinbase, Apple Pay, Debit Card)
-  <Note>
-    The Apple Pay and Debit Card onramp options are only available for Coinbase
-    supported assets.
-  </Note>
-- Automatic exchange rate updates
-- Smart handling of payment method restrictions (based on country and subdivision)
-
-<Info>
-**Session Token Required:** This utility requires a session token generated on your backend server using your CDP API keys. The session token encapsulates user addresses, supported assets, and client IP.
-
-**Note:** Restricting assets and addresses are done during session token creation on your backend.
-
-See [Session Token Authentication](https://docs.cdp.coinbase.com/onramp-&-offramp/session-token-authentication) for implementation details.
-
-</Info>
-<Tip>
-  To use the `FundCard` component, you'll need to provide a Client API Key in
-  `OnchainKitProvider`. You can get one following our [Getting
-  Started](/onchainkit/getting-started#get-your-client-api-key) steps.
-
-This component requires a `projectId` to be set in the `OnchainKitProvider`.
-You can find your `projectId` on [Coinbase Developer
-Platform](https://portal.cdp.coinbase.com/products/onchainkit).
-
-</Tip>
-
-## Walkthrough
-
-<Steps>
-  <Step title="Get your Project ID">
-  1. Get your Project ID from the [Coinbase Developer Platform Dashboard](https://portal.cdp.coinbase.com/).
-
-<Frame>
-  <img
-    alt="OnchainKit copy Project Id"
-    src="/images/onchainkit/copy-project-id.png"
-  />
-</Frame>
-
-2. Add your Project ID to your `.env` file.
-
-```tsx .env
-NEXT_PUBLIC_ONCHAINKIT_API_KEY = YOUR_PUBLIC_API_KEY;
-NEXT_PUBLIC_CDP_PROJECT_ID = YOUR_CDP_PROJECT_ID; // [!code ++]
-```
-
-  </Step>
-  <Step title="Add Project ID to OnchainKitProvider">
-  ```tsx
-  <OnchainKitProvider
-    apiKey={process.env.NEXT_PUBLIC_ONCHAINKIT_API_KEY} 
-    projectId={process.env.NEXT_PUBLIC_CDP_PROJECT_ID} // [!code ++]
-    chain={base}
-  >
-    {props.children}
-  </OnchainKitProvider>
-  ```
-  </Step>
-
-<Step title="Get a session token">
-  [Getting session
-  token](https://docs.cdp.coinbase.com/onramp-&-offramp/session-token-authentication)
-</Step>
-
-  <Step title="Drop in the <FundCard /> component">
-  ```tsx
-  import { FundCard } from '@coinbase/onchainkit/fund';
-
-const sessionToken = "YOUR_SESSION_TOKEN";
-
-  <FundCard
-    sessionToken={sessionToken}
-    assetSymbol="ETH"
-    country="US"
-    currency="USD"
-  />
-```
-</Step>
-</Steps>
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-fund-card--default&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="370px"
-/>
-
-## Customization
-
-### Custom Header and Button Text
-
-You can customize the header and button text:
-
-```tsx theme={null}
-<FundCard
-  sessionToken={sessionToken}
-  assetSymbol="ETH"
-  country="US"
-  currency="USD"
-  headerText="Purchase Ethereum"
-  buttonText="Purchase"
-/>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-fund-card--with-custom-text&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="370px"
-/>
-
-### Custom Currency
-
-You can specify which fiat currency to use:
-
-```tsx theme={null}
-<FundCard
-  sessionToken={sessionToken}
-  assetSymbol="ETH"
-  country="GB"
-  currency="GBP"
-/>
-```
-
-### Preset Amount Inputs
-
-You can specify preset amount buttons:
-
-```tsx theme={null}
-const presetAmountInputs = ["10", "20", "50"] as const;
-
-<FundCard
-  sessionToken={sessionToken}
-  assetSymbol="ETH"
-  country="US"
-  currency="USD"
-  presetAmountInputs={presetAmountInputs}
-/>;
-```
-
-<Note>
-  **Note: 3 preset amount inputs are required in order to show the preset amount
-  buttons.**
-</Note>
-
-### Custom Content
-
-You can provide custom children to completely customize the card content while keeping the fund button functionality:
-
-```tsx theme={null}
-<FundCard
-  sessionToken={sessionToken}
-  assetSymbol="ETH"
-  country="US"
-  currency="USD"
->
-  <div className="space-y-4">
-    <h2>Custom Header</h2>
-    <input type="number" placeholder="Enter amount" />
-    <select>
-      <option>Payment Method 1</option>
-      <option>Payment Method 2</option>
-    </select>
-  </div>
-</FundCard>
-```
-
-You can also reuse the existing children from the default implementation and add your own custom content.
-
-```tsx theme={null}
-import {
-  FundCardHeader,
-  FundCardAmountInput,
-  FundCardAmountInputTypeSwitch,
-  FundCardPresetAmountInputList,
-  FundCardPaymentMethodDropdown,
-  FundCardSubmitButton,
-} from "@coinbase/onchainkit/fund";
-
-<FundCard
-  sessionToken={sessionToken}
-  assetSymbol="ETH"
-  country="US"
-  currency="USD"
->
-  <h2>Custom Header instead of the default "FundCardHeader" </h2>
-  <FundCardAmountInput />
-  <FundCardAmountInputTypeSwitch />
-  <FundCardPresetAmountInputList />
-  <div>Any custom content</div>
-  <FundCardPaymentMethodDropdown />
-  <FundCardSubmitButton />
-  <div>Any custom content</div>
-</FundCard>;
-```
-
-<Note>
-  **Note:** If you are using the custom components then you are going to need to
-  access the state of the `FundCard` component. You can do this by using the
-  `useFundContext` hook.
-</Note>
-
-```tsx theme={null}
-const {
-  asset,
-  currency,
-  selectedPaymentMethod,
-  setSelectedPaymentMethod,
-  fundAmountFiat,
-  setFundAmountFiat,
-  fundAmountCrypto,
-  setFundAmountCrypto,
-  selectedInputType,
-  setSelectedInputType,
-  exchangeRate,
-  setExchangeRate,
-  exchangeRateLoading,
-  setExchangeRateLoading,
-  submitButtonState,
-  setSubmitButtonState,
-  paymentMethods,
-  setPaymentMethods,
-  isPaymentMethodsLoading,
-  setIsPaymentMethodsLoading,
-  headerText,
-  buttonText,
-  country,
-  subdivision,
-  lifecycleStatus,
-  updateLifecycleStatus,
-  presetAmountInputs,
-  sessionToken,
-} = useFundContext();
-```
-
-## Props
-
-[`FundCardProps`](#fundcardprops)
-
-```ts theme={null}
-type FundCardProps = {
-  children?: ReactNode;
-  /** Required session token for authentication */
-  sessionToken: string;
-  assetSymbol: string;
-  placeholder?: string | React.ReactNode;
-  headerText?: string;
-  buttonText?: string;
-  country: string;
-  subdivision?: string;
-  currency?: string;
-  className?: string;
-  presetAmountInputs?: PresetAmountInputs;
-} & LifecycleEvents;
-```
-
-### FundCardSubmitButtonProps
-
-```ts theme={null}
-type FundCardSubmitButtonProps =
-  | {
-      render?: (props: {
-        state: "default" | "success" | "error" | "loading";
-        onClick: () => void;
-        disabled: boolean;
-      }) => React.ReactNode; // Custom render function for complete control of submit button rendering
-      children?: never;
-    }
-  | {
-      render?: never;
-      children?: ReactNode;
-    };
-```
-
-## Related Components
-
-- [`<FundButton />`](/onchainkit/fund/fund-button)
diff --git a/docs/onchainkit/fund/get-onramp-buy-url.mdx b/docs/onchainkit/fund/get-onramp-buy-url.mdx
deleted file mode 100644
index f6eb2b711..000000000
--- a/docs/onchainkit/fund/get-onramp-buy-url.mdx
+++ /dev/null
@@ -1,61 +0,0 @@
----
-title: getOnrampBuyUrl
----
-
-The `getOnrampBuyUrl` utility is a helper method to generate a Coinbase Onramp URL. It helps you customize the funding
-experience for your users. For example:
-
-- Setting a default buy/send amount, defaultAsset, or defaultNetwork
-- Setting a redirect URL to return your users to your app after they complete the fund flow
-
-<Info>
-**Session Token Required:** This utility requires a session token generated on your backend server using your CDP API keys. The session token encapsulates user addresses, supported assets, and client IP.
-
-**Note:** Restricting assets and addresses are done during session token creation on your backend.
-
-See [Session Token Authentication](https://docs.cdp.coinbase.com/onramp-&-offramp/session-token-authentication) for implementation details.
-
-</Info>
-
-## Usage
-
-<CodeGroup>
-```tsx code
-import { getOnrampBuyUrl } from '@coinbase/onchainkit/fund';
-
-// First, generate a session token on your backend server
-// See: https://docs.cdp.coinbase.com/onramp-&-offramp/session-token-authentication
-const sessionToken = 'YOUR_SESSION_TOKEN';
-
-const onrampBuyUrl = getOnrampBuyUrl({
-sessionToken,
-presetFiatAmount: 20,
-fiatCurrency: 'USD',
-redirectUrl: 'https://yourapp.com/onramp-return?param=foo',
-});
-
-````
-
-```json return value
-'https://pay.coinbase.com/buy/select-asset?sessionToken=YOUR_SESSION_TOKEN&fiatCurrency=USD&presetFiatAmount=20&redirectUrl=https%3A%2F%2Fyourapp.com%2Fonramp-return%3Fparam%3Dfoo'
-````
-
-</CodeGroup>
-
-## Returns
-
-`string` - Returns a full Coinbase Onramp URL that you can redirect your users to, or open in a popup.
-
-## Parameters
-
-[`GetOnrampUrlParams`](/onchainkit/fund/types#getonrampurlparams)
-
-## Session Token Generation
-
-Session tokens must be generated on your backend server using the CDP API. The token encapsulates:
-
-- User wallet addresses
-- Supported assets and blockchains
-- Client IP address
-
-For complete implementation details, see the [Session Token Authentication Guide](https://docs.cdp.coinbase.com/onramp-&-offramp/session-token-authentication).
diff --git a/docs/onchainkit/fund/setup-onramp-event-listeners.mdx b/docs/onchainkit/fund/setup-onramp-event-listeners.mdx
deleted file mode 100644
index a0716ba1e..000000000
--- a/docs/onchainkit/fund/setup-onramp-event-listeners.mdx
+++ /dev/null
@@ -1,61 +0,0 @@
----
-title: setupOnrampEventListeners
----
-
-
-The `setupOnrampEventListeners` utility sets up event listeners for the Coinbase Onramp widget. It helps you handle various events like successful purchases, exits, and other user interactions.
-
-## Usage
-
-<CodeGroup>
-```tsx code
-// @errors: 2305
-import { setupOnrampEventListeners } from '@coinbase/onchainkit/fund';
-import type { SuccessEventData, OnrampError, EventMetadata } from '@coinbase/onchainkit/fund';
-const unsubscribe = setupOnrampEventListeners({
-  onSuccess: (data: SuccessEventData) => {
-    console.log('Purchase successful:', data);
-  },
-  onExit: (error: OnrampError) => {
-    if (error) {
-      console.error('Exit with error:', error);
-    }
-  },
-  onEvent: (event: EventMetadata) => {
-    console.log('Event received:', event);
-  },
-});
-
-// Clean up when done
-unsubscribe();
-```
-
-```ts return value
-// Returns an unsubscribe function
-() => void
-```
-</CodeGroup>
-
-## Parameters
-
-```typescript
-{
-  host?: string;                                   // Optional custom host URL
-  onSuccess?: (data?: SuccessEventData) => void;  // Success callback
-  onExit?: (error?: OnrampError) => void;         // Exit callback
-  onEvent?: (event: EventMetadata) => void;       // General event callback
-}
-```
-
-## Returns
-
-`() => void` - Returns an unsubscribe function that removes the event listeners when called.
-
-## Event Types
-
-See the following type definitions for event data:
-
-- [`SuccessEventData`](/onchainkit/fund/types#successeventdata)
-- [`OnrampError`](/onchainkit/fund/types#onramperror)
-- [`EventMetadata`](/onchainkit/fund/types#eventmetadata)
-
diff --git a/docs/onchainkit/fund/types.mdx b/docs/onchainkit/fund/types.mdx
deleted file mode 100644
index ad4c97b61..000000000
--- a/docs/onchainkit/fund/types.mdx
+++ /dev/null
@@ -1,338 +0,0 @@
----
-title: Fund components & utilities types
-description: Glossary of Types.
-sidebarTitle: Fund
----
-
-## `FundCardPropsReact`
-
-```ts
-type FundCardPropsReact = {
-  children?: ReactNode;
-  assetSymbol: string;
-  placeholder?: string | React.ReactNode;
-  headerText?: string;
-  buttonText?: string;
-  country: string;
-  subdivision?: string;
-  currency?: string;
-  className?: string;
-  presetAmountInputs?: PresetAmountInputs;
-} & LifecycleEvents;
-```
-
-## `LifecycleStatus`
-
-```ts
-type LifecycleStatus =
-  | {
-      statusName: "init";
-      statusData: null;
-    }
-  | {
-      statusName: "exit";
-      statusData: null;
-    }
-  | {
-      statusName: "error";
-      statusData: OnrampError;
-    }
-  | {
-      statusName: "transactionSuccess";
-      statusData: SuccessEventData;
-    }
-  | {
-      statusName: "transactionPending";
-      statusData: null;
-    };
-```
-
-## `PresetAmountInputs`
-
-```ts
-type PresetAmountInputItemPropsReact = {
-  presetAmountInput: string;
-  currency: string;
-  onClick: (presetAmountInput: string) => void;
-};
-
-/**
- * To use this type, you must provide a tuple of strings with a length of 3.
- *
- * Example:
- *
- * const presetAmountInputs: PresetAmountInputs = ['100', '200', '300'];
- */
-type PresetAmountInputs = readonly [string, string, string];
-```
-
-## `FundButtonReact`
-
-```ts
-type FundButtonReact = {
-  className?: string; // An optional CSS class name for styling the button component
-  disabled?: boolean; // An optional prop to disable the fund button
-  text?: string; // An optional text to be displayed in the button component
-  hideText?: boolean; // An optional prop to hide the text in the button component
-  hideIcon?: boolean; // An optional prop to hide the icon in the button component
-  fundingUrl?: string; // An optional prop to provide a custom funding URL
-  openIn?: "popup" | "tab"; // Whether to open the funding flow in a tab or a popup window
-  /**
-   * Note: popupSize will be ignored when using a Coinbase Onramp URL
-   * (i.e. https://pay.coinbase.com/*) as it requires a fixed popup size.
-   */
-  popupSize?: "sm" | "md" | "lg"; // Size of the popup window if `openIn` is set to `popup`
-  rel?: string; // Specifies the relationship between the current document and the linked document
-  target?: string; // Where to open the target if `openIn` is set to tab
-};
-```
-
-## `GetOnrampUrlParams`
-
-Props used to get an Onramp buy URL using a session token created using the Onramp session token API.
-
-See [Session Token Authentication](https://docs.cdp.coinbase.com/onramp-&-offramp/session-token-authentication)
-
-```ts
-type GetOnrampUrlParams = {
-  /**
-   * A session token created using the Onramp session token API. The token will
-   * be linked to the project ID, addresses, and assets params provided in the
-   * create session token API request.
-   */
-  sessionToken: string;
-} & GetOnrampBuyUrlOptionalProps;
-```
-
-## `GetOnrampBuyUrlOptionalProps`
-
-The optional properties that can be used to create an Onramp buy URL.
-
-```ts
-type GetOnrampBuyUrlOptionalProps = {
-  /**
-   * If specified, this asset will be automatically selected for the user in
-   * the Onramp UI. Should be a valid asset symbol e.g. BTC, ETH, USDC.
-   */
-  defaultAsset?: string;
-  /**
-   * If specified, this network will be automatically selected for the user in
-   * the Onramp UI. Should be a valid network name in lower case e.g. ethereum,
-   * base.
-   */
-  defaultNetwork?: string;
-  /**
-   * A unique identifier that will be associated with any transactions created
-   * by the user during their Onramp session. You can use this with the
-   * Transaction Status API to check the status of the user's transaction.
-   * See https://docs.cdp.coinbase.com/onramp/docs/api-reporting#buy-transaction-status
-   */
-  partnerUserId?: string;
-  /**
-   * This amount will be used to pre-fill the amount of crypto the user is
-   * buying or sending. The user can choose to change this amount in the UI.
-   * Only one of presetCryptoAmount or presetFiatAmount should be provided.
-   */
-  presetCryptoAmount?: number;
-  /**
-   * This amount will be used to pre-fill the fiat value of the crypto the user
-   * is buying or sending. The user can choose to change this amount in the UI.
-   * Only one of presetCryptoAmount or presetFiatAmount should be provided.
-   */
-  presetFiatAmount?: number;
-  /**
-   * The default payment method that will be selected for the user in the
-   * Onramp UI. Should be one of the payment methods supported for the user's
-   * location.
-   */
-  defaultPaymentMethod?: string;
-  /**
-   * The currency code of the fiat amount provided in the presetFiatAmount
-   * param e.g. USD, CAD, EUR.
-   */
-  fiatCurrency?: string;
-  /**
-   * A URL that the user will be automatically redirected to after a successful
-   * buy/send. The domain must match a domain on the domain allowlist in
-   * Coinbase Developer Platform (https://portal.cdp.coinbase.com/products/onramp).
-   */
-  redirectUrl?: string;
-  /**
-   * The name of the component that is calling the Onramp buy URL. This will
-   * be used for analytics.
-   */
-  originComponentName?: string;
-};
-```
-
-## `OnrampConfigResponseData`
-
-```ts
-type OnrampConfigResponseData = {
-  countries: OnrampConfigCountry[];
-};
-
-type OnrampConfigCountry = {
-  id: string;
-  /**
-   * ISO 3166-2 two-digit country subdivision code representing
-   * the purchasing user’s subdivision of residence within their country,
-   * e.g. NY. Required if the country=“US” because certain states (e.g., NY)
-   * have state specific asset restrictions.
-   */
-  subdivisions: string[];
-  paymentMethods: OnrampPaymentMethod[];
-};
-
-type OnrampPaymentMethod = {
-  id: string;
-};
-```
-
-## `OnrampOptionsResponseData`
-
-```ts
-type OnrampOptionsResponseData = {
-  /**
-   * List of supported fiat currencies that can be exchanged for crypto on Onramp in the given location.
-   * Each currency contains a list of available payment methods, with min and max transaction limits for that currency.
-   */
-  paymentCurrencies: OnrampPaymentCurrency[];
-  /**
-   * List of available crypto assets that can be bought on Onramp in the given location.
-   */
-  purchaseCurrencies: OnrampPurchaseCurrency[];
-};
-
-type OnrampPurchaseCurrency = {
-  id: string;
-  name: string;
-  symbol: string;
-  iconUrl: string;
-  networks: OnrampNetwork[];
-};
-
-type OnrampPaymentCurrency = {
-  id: string;
-  limits: OnrampPaymentMethodLimit[];
-  iconUrl: string;
-};
-
-type OnrampNetwork = {
-  name: string;
-  displayName: string;
-  chainId: string;
-  contractAddress: string;
-};
-
-type OnrampPaymentMethodLimit = {
-  id: string;
-  min: number;
-  max: number;
-};
-```
-
-## `OnrampTransactionStatusResponseData`
-
-```ts
-type OnrampTransactionStatusResponseData = {
-  /** List of `OnrampTransactions` in reverse chronological order. */
-  transactions: OnrampTransaction[];
-  /** A reference to the next page of transactions. */
-  nextPageKey: string;
-  /** The total number of transactions made by the user. */
-  totalCount: string;
-};
-
-type OnrampTransaction = {
-  status: OnrampTransactionStatusName;
-  purchaseCurrency: string;
-  purchaseNetwork: string;
-  purchaseAmount: OnrampAmount;
-  paymentTotal: OnrampAmount;
-  paymentSubtotal: OnrampAmount;
-  coinbaseFee: OnrampAmount;
-  networkFee: OnrampAmount;
-  exchangeRate: OnrampAmount;
-  txHash: string;
-  createdAt: string;
-  country: string;
-  userId: string;
-  paymentMethod: string;
-  transactionId: string;
-};
-```
-
-## `SuccessEventData`
-
-```ts
-type SuccessEventData = {
-  assetImageUrl: string;
-  assetName: string;
-  assetSymbol: string;
-  chainId: string;
-};
-```
-
-## `OnrampError`
-
-```ts
-type OnrampError = {
-  errorType:
-    | "internal_error"
-    | "handled_error"
-    | "network_error"
-    | "unknown_error";
-  code?: string;
-  debugMessage?: string;
-};
-```
-
-## `EventMetadata`
-
-```ts
-type EventMetadata =
-  | OpenEvent
-  | TransitionViewEvent
-  | PublicErrorEvent
-  | ExitEvent
-  | SuccessEvent
-  | RequestOpenUrlEvent;
-```
-
-## `OnrampQuoteResponseData`
-
-```ts
-type OnrampQuoteResponseData = {
-  /**
-   * Object with amount and currency of the total fiat payment required to complete the purchase, inclusive of any fees.
-   * The currency will match the `paymentCurrency` in the request if it is supported, otherwise it falls back to USD.
-   */
-  paymentTotal: OnrampAmount;
-  /**
-   * Object with amount and currency of the fiat cost of the crypto asset to be purchased, exclusive of any fees.
-   * The currency will match the `paymentCurrency`.
-   */
-  paymentSubtotal: OnrampAmount;
-  /**
-   * Object with amount and currency of the crypto that to be purchased.
-   * The currency will match the `purchaseCurrency` in the request.
-   * The number of decimals will be based on the crypto asset.
-   */
-  purchaseAmount: OnrampAmount;
-  /**
-   * Object with amount and currency of the fee charged by the Coinbase exchange to complete the transaction.
-   * The currency will match the `paymentCurrency`.
-   */
-  coinbaseFee: OnrampAmount;
-  /**
-   * Object with amount and currency of the network fee required to send the purchased crypto to the user’s wallet.
-   * The currency will match the `paymentCurrency`.
-   */
-  networkFee: OnrampAmount;
-  /**
-   * Reference to the quote that should be passed into the initialization parameters when launching the Coinbase Onramp widget via the SDK or URL generator.
-   */
-  quoteId: string;
-};
-```
diff --git a/docs/onchainkit/getting-started.mdx b/docs/onchainkit/getting-started.mdx
deleted file mode 100644
index 69b3f0d18..000000000
--- a/docs/onchainkit/getting-started.mdx
+++ /dev/null
@@ -1,62 +0,0 @@
----
-title: "Getting Started"
----
-
-import StartBuilding from "/snippets/start-building.mdx";
-import InstallationOptions from '/snippets/installation-options.mdx';
-
-
-OnchainKit is your go-to SDK for building beautiful onchain applications. Ship in minutes, not weeks.
-
-Anyone can build an onchain app in 15 minutes with OnchainKit. No blockchain experience required.
-
-## Why OnchainKit?
-
-OnchainKit streamlines app development by providing a comprehensive toolkit that combines powerful onchain features with developer-friendly design:
-
-- **Ergonomic design:** Full-stack tools that make complex onchain interactions intuitive
-- **Battle-tested patterns:** Industry best practices packaged into ready-to-use solutions
-- **Purpose-built components:** Pre-built modules for common onchain workflows
-- **Framework agnostic:** Compatible with any React-supporting framework
-- **Supercharged by Base:** Deep integration with Base's protocol features and ecosystem
-
-## Automatic Installation
-
-<Frame>
-<img
-  alt="OnchainKit Template"
-  src="/images/onchainkit/quickstart.png"
-  height="364"
-/>
-</Frame>
-
-We recommend starting a new OnchainKit app using `create onchain`, which sets up everything automatically for you. To create a project, run:
-
-```bash Terminal
-npm create onchain@latest
-```
-
-After the prompts, `create onchain` will create a folder with your project name and install the required dependencies.
-
-You can also checkout our pre-built templates:
-
-- [Onchain Commerce](https://onchain-commerce-template.vercel.app/)
-- [NFT minting](https://ock-mint.vercel.app/)
-- [Funding flow](https://github.com/fakepixels/fund-component)
-- [Social profile](https://github.com/fakepixels/ock-identity)
-
-<Check>
-  These docs are LLM-friendly—reference [OnchainKit AI Prompting Guide](/onchainkit/guides/ai-prompting-guide) in your code editor to streamline builds and prompt smarter.
-</Check>
-
-## Manual Installation
-
-Add OnchainKit to your existing project manually.
-
-<InstallationOptions />
-
-## Testing Your OnchainKit App
-
-Build reliable applications with comprehensive end-to-end testing using [OnchainTestKit](/onchainkit/guides/testing-with-onchaintestkit). Test wallet connections, transactions, and complex user flows with automated browser testing.
-
-<StartBuilding />
diff --git a/docs/onchainkit/guides/ai-prompting-guide.mdx b/docs/onchainkit/guides/ai-prompting-guide.mdx
deleted file mode 100644
index c60b195cc..000000000
--- a/docs/onchainkit/guides/ai-prompting-guide.mdx
+++ /dev/null
@@ -1,259 +0,0 @@
----
-sidebarTitle: 'AI Prompting Guide'
-title: Developer's Guide to Effective AI Prompting
-description: Learn practical AI prompting techniques to enhance your coding workflow and get better results from AI coding assistants.
----
-
-This guide helps developers leverage AI tools effectively in their coding workflow. Whether you're using Cursor, GitHub Copilot, or other AI assistants,
-these strategies will help you get better results and integrate AI smoothly into your development process.
-
-## Understanding Context Windows
-
-### Why Context Matters
-
-AI coding assistants have what's called a "context window" \- the amount of text they can "see" and consider when generating responses. Think of it as the AI's working memory:
-
-- Most modern AI assistants can process thousands of tokens (roughly 4-5 words per token)
-- Everything you share and everything the AI responds with consumes this limited space
-- Once the context window fills up, parts of your conversational history may be lost.
-
-This is why providing relevant context upfront is crucial \- the AI can only work with what it can "see" in its current context window.
-
-### Optimizing for Context Windows
-
-To get the most out of AI assistants:
-
-1. **Prioritize relevant information**: Focus on sharing the most important details first.
-2. **Remove unnecessary content**: Avoid pasting irrelevant code or documentation.
-3. **Structure your requests**: Use clear sections and formatting to make information easy to process.
-4. **Reference external resources**: For large codebases, consider sharing only the most relevant files.
-
-For larger projects, create and reference a central documentation file that summarizes key information, rather than repeatedly explaining the same context.
-
-## Setting Up AI Tools
-
-### Configuring Cursor Rules
-
-Cursor Rules allow you to provide consistent context to Cursor AI, making it more effective at understanding your codebase and providing relevant suggestions.
-
-#### Creating Cursor Rules
-
-1. Open the Command Palette in Cursor:
-   - Mac: `Cmd + Shift + P`
-   - Windows/Linux: `Ctrl + Shift + P`
-2. Search for "Cursor Rules" and select the option to create or edit rules
-
-3. Add project-specific rules that help Cursor understand your project:
-
-   - [Next.js](https://raw.githubusercontent.com/PatrickJS/awesome-cursorrules/refs/heads/main/rules/nextjs-tailwind-typescript-apps-cursorrules-prompt/.cursorrules)
-   - [Astro](https://raw.githubusercontent.com/PatrickJS/awesome-cursorrules/refs/heads/main/rules/astro-typescript-cursorrules-prompt-file/.cursorrules)
-   - [Vite](https://raw.githubusercontent.com/PatrickJS/awesome-cursorrules/refs/heads/main/rules/typescript-vite-tailwind-cursorrules-prompt-file/.cursorrules)
-
-4. Save your rules file and Cursor will apply these rules to its AI suggestions
-
-### Setting Up an OnchainKit Project
-
-To create a new OnchainKit project:
-
-```shell
-npm create onchain@latest
-```
-
-After creating your project, prompt to generate comprehensive documentation for your new OnchainKit project.
-
-### Creating Project Documentation
-
-A comprehensive instructions file helps AI tools understand your project better. This should be created early in your project and updated regularly.
-
-**Ready-to-Use Prompt for Creating Instructions.md:**
-
-```
-Create a detailed instructions.md file for my project with the following sections:
-
-1. Overview: Summarize the project goals, problem statements, and core functionality.
-2. Tech Stack: List all technologies, libraries, frameworks with versions.
-3. Project Structure: Document the file organization with explanations.
-4. Coding Standards: Document style conventions, linting rules, and patterns.
-5. User Stories: Key functionality from the user perspective.
-6. APIs and Integrations: External services and how they connect.
-```
-
-<Note>
-Note: When planning architecture or making complex design decisions, use AI models with strong reasoning—like o4 mini or Claude 3.7 Sonnet. They excel at thinking through tradeoffs, edge cases, and long-term planning.
-</Note>
-
-
-## Effective Prompting Strategies
-
-### Be Specific and Direct
-
-Start with clear commands and be specific about what you want. AI tools respond best to clear, direct instructions.
-
-**Example:** ❌ "Help me with my code"  
- ✅ "Refactor this authentication function to use async/await instead of nested then() calls"
-
-### Provide Context for Complex Tasks
-
-**Ready-to-Use Prompt:**
-
-```
- I'm working on a onchainkit project using [frameworks/libraries]. I need your help with:
-
-1. Problem: [describe specific issue]
-2. Current approach: [explain what you've tried]
-3. Constraints: [mention any technical limitations]
-4. Expected outcome: [describe what success looks like]
-
-Here's the relevant documentation @https://docs.base.org/onchainkit/getting-started
-
-Here's the relevant code:
-[paste your code]
-```
-
-### Ask for Iterations
-
-Start simple and refine through iterations rather than trying to get everything perfect in one go.
-
-**Ready-to-Use Prompt:**
-
-```
-Let's approach this step by step:
-1. First, implement a basic version of [feature] with minimal functionality.
-2. Then, we'll review and identify areas for improvement.
-3. Next, let's add error handling and edge cases.
-4. Finally, we'll optimize for performance.
-
-Please start with step 1 now.
-```
-
-## Working with OnchainKit
-
-### Leveraging LLMs.txt for Documentation
-
-The OnchainKit project provides optimized documentation in the form of LLMs.txt files. These files are specifically formatted to be consumed by AI models:
-
-1. Use [OnchainKit Documentation](/onchainkit/getting-started)
-2. Find the component you want to implement
-3. Copy the corresponding LLMs.txt url
-4. Paste it into your prompt to provide context
-
-**Example LLMs.txt Usage:**
-
-```
-I'm implementing a swap component with OnchainKit. Here's the relevant LLMs.txt:
-
-@https://docs.base.org/onchainkit/getting-started
-
-Based on this documentation, please show me how to implement a wallet connector that:
-1. Swap from Base USDC to Base ETH.
-2. Handles connection states properly.
-3. Includes error handling.
-4. Follows best practices for user experience.
-```
-
-### Component Integration Example
-
-**Ready-to-Use Prompt for Token Balance Display:**
-
-```
-I need to implement a new feature in my project.
-
-1. Shows the connected wallet's balance of our {ERC20 token}.
-2. It updates when the balance changes.
-3. Handles loading and error states appropriately.
-4. Follows our project's coding standards.
-5. Update the instructions.md to reflect this new implementation.
-
-```
-
-**_\*update the prompt a token of your choice_**
-
-## Debugging with AI
-
-### Effective Debugging Prompts
-
-**Ready-to-Use Prompt for Bug Analysis:**
-
-```
-I'm encountering an issue with my code:
-
-1. Expected behavior: [what should happen]
-2. Actual behavior: [what's happening instead]
-3. Error messages: [include any errors]
-4. Relevant code: [paste the problematic code]
-
-Please analyze this situation step by step and help me:
-1. Identify potential causes of this issue
-2. Suggest debugging steps to isolate the problem
-3. Propose possible solutions
-```
-
-**Ready-to-Use Prompt for Adding Debug Logs:**
-
-```
-I need to debug the following function. Please add comprehensive logging statements that will help me trace:
-1. Input values and their types
-2. Function execution flow
-3. Intermediate state changes
-4. Output values or errors
-
-Here's my code:
-[paste your code]
-```
-
-### When You're Stuck
-
-If you're uncertain how to proceed:
-
-**Ready-to-Use Clarification Prompt:**
-
-```
-I'm unsure how to proceed with [specific task]. Here's what I know:
-1. [context about the problem]
-2. [what you've tried]
-3. [specific areas where you need guidance]
-
-What additional information would help you provide better assistance?
-```
-
-## Advanced Prompting Techniques
-
-Modern AI assistants have capabilities that you can leverage with these advanced techniques:
-
-1. **Step-by-step reasoning**: Ask the AI to work through problems systematically
-
-```
-Please analyze this code step by step and identify potential issues.
-```
-
-2.  **Format specification**: Request specific formats for clarity
-
-```
-Please structure your response as a tutorial with code examples and explanations.
-```
-
-3.  **Length guidance**: Indicate whether you want brief or detailed responses
-
-```
-Please provide a concise explanation in 2-3 paragraphs.
-```
-
-4.  **Clarify ambiguities**: Help resolve unclear points when you receive multiple options
-
-```
-I notice you suggested two approaches. To clarify, I'd prefer to use the first approach with TypeScript.
-```
-
-## Best Practices Summary
-
-1. **Understand context limitations**: Recognize that AI tools have finite context windows and prioritize information accordingly
-2. **Provide relevant context**: Share code snippets, error messages, and project details that matter for your specific question
-3. **Be specific in requests**: Clear, direct instructions yield better results than vague questions
-4. **Break complex tasks into steps**: Iterative approaches often work better for complex problems
-5. **Request explanations**: Ask the AI to explain generated code or concepts you don't understand
-6. **Use formatting for clarity**: Structure your prompts with clear sections and formatting
-7. **Reference documentation**: When working with specific libraries like OnchainKit, share relevant documentation
-8. **Test and validate**: Always review and test AI-generated code before implementing
-9. **Build on previous context**: Refer to earlier parts of your conversation when iterating
-10. **Provide feedback**: Let the AI know what worked and what didn't to improve future responses
-
diff --git a/docs/onchainkit/guides/build-onchain-apps.mdx b/docs/onchainkit/guides/build-onchain-apps.mdx
deleted file mode 100644
index 5bcfb30c2..000000000
--- a/docs/onchainkit/guides/build-onchain-apps.mdx
+++ /dev/null
@@ -1,106 +0,0 @@
----
-title: Build Onchain Apps with OnchainKit ⛵️ 🌊
-sidebarTitle: Build Onchain Apps
-description: Our onchain app template streamlines your initial app setup and seamlessly integrates onchain components with web2 infrastructure, saving you weeks of effort.
----
-
-Build your first onchain app effortlessly with OnchainKit's **app template**. Save weeks of initial setup
-and easily integrate onchain components with web2 infrastructure.
-
-Our opinionated approach streamlines early decisions, making your development process smoother.
-
-Whether you're a hackathon participant or an ambitious entrepreneur aiming to build the next big thing, this template is tailored for you.
-
-<Frame>
-<img
-  alt="Build Onchain Apps with OnchainKit"
-  src="/images/onchainkit/onchain-app-template-1.png"
-  width="702"
-/>
-</Frame>
-
-Play with it live [here](https://onchain-app-template.vercel.app).
-
-## Out of the box
-
-- Next.js v14 with App routing 🏗️
-- Ethereum L2 support through Base 🔵
-- Easy account creation with Smart Wallet
-- Live examples for Minting and Paymaster experiences with wagmi and Viem 🚀
-- Latest styling best practices with Tailwind CSS 💅
-- Easy maintenance with linting, formatting, and tests ✅
-
-## Getting Started
-
-<Steps>
-  <Step title="Fork the repo">
-  Go to https://github.com/coinbase/onchain-app-template and click on the "Use this template" button to create a new repository based on the template.
-
-<Frame>
-  <img
-    alt="Use OnchainKit template"
-    src="/images/onchainkit/use-onchain-app-template.png"
-    width="664"
-    loading="lazy"
-  />
-</Frame>
-  </Step>
-  <Step title="Client API Key(s)">
-  Get your [Client API Key](https://portal.cdp.coinbase.com/projects/api-keys/client-key) from Coinbase Developer Platform.
-
-<Frame>
-  <img
-    alt="OnchainKit copy Client API Key"
-    src="/images/onchainkit/copy-api-key-guide.png"
-    width="664"
-    loading="lazy"
-  />
-</Frame>
-
-  In order to use RainbowKit, you'd also need to obtain a Wallet Connector project ID at [WalletConnect](https://cloud.reown.com/app).
-
-  </Step>
-  <Step title="Create a .env file">
-  Create a new file in your project's root directory and name it `.env`.
-
-<Frame>
-  <img
-    alt="OnchainKit define Client API Key"
-    src="/images/onchainkit/getting-started-create-env-file.png"
-    width="250"
-    loading="lazy"
-  />
-</Frame>
-
-  ```tsx .env
-  NEXT_PUBLIC_CDP_API_KEY=YOUR_PUBLIC_API_KEY
-  NEXT_PUBLIC_WC_PROJECT_ID=YOUR_WALLETCONNECT_PROJECT_ID
-  ```
-  </Step>
-  <Step title="Install dependencies">
-  In your new onchain app repository, run the following commands to install the dependencies:
-
-  ```bash
-  # Install bun in case you don't have it
-  curl -fsSL https://bun.sh/install | bash
-
-  # Install packages
-  bun i
-  ```
-  </Step>
-  <Step title="Run the app">
-  Now you are ready to run the app and start building onchain experiences!
-
-  ```bash
-  # Run Next app
-  bun run dev
-  ```
-  </Step>
-</Steps>
-
-## Need more help?
-
-If you have any questions or need help, feel free to reach out to us on [Discord](https://discord.gg/invite/buildonbase)
-or open a [Github issue](https://github.com/coinbase/onchainkit/issues) or DM us
-on X at [@onchainkit](https://x.com/onchainkit), [@zizzamia](https://x.com/zizzamia), [@fkpxls](https://x.com/fkpxls).
-
diff --git a/docs/onchainkit/guides/contribution.mdx b/docs/onchainkit/guides/contribution.mdx
deleted file mode 100644
index 9fa7e40ae..000000000
--- a/docs/onchainkit/guides/contribution.mdx
+++ /dev/null
@@ -1,143 +0,0 @@
----
-title: Contribution Guide · OnchainKit
-sidebarTitle: Contribution Guide
-description: Learn how to contribute to OnchainKit
----
-
-Welcome to OnchainKit! So you want to contribute to this project? You came to the right place.
-
-In this guide, you will learn how to:
-
-- [Set up this project](#setup)
-- [Navigate the codebase](#codebase)
-- [Accomplish various workflows](#workflows)
-- [Submit a feature request](#feature-request)
-
-## Setup
-
-### Clone the repo
-
-```bash
-git clone git@github.com:coinbase/onchainkit.git
-```
-
-### Install Node and pnpm
-
-Use nvm, mise, n or your favorite version manager to install Node.js.
-
-For pnpm, see the installation instructions on the [pnpm website](https://pnpm.io/installation).
-
-### Install dependencies
-
-From the root of the repository:
-
-```bash
-pnpm install
-```
-
-## Codebase
-
-This project is a monorepo managed with pnpm. The `@coinbase/onchainkit` package is located in:
-
-```bash
-packages/onchainkit/
-```
-
-Here is a rough layout of the codebase:
-
-```bash
-packages/onchainkit/
-└── src/
-   ├── api/                         - API related components and functions
-   ├── core/                        - Files with zero dependencies
-   ├── styles/                      - Styles
-   │   ├── index-with-tailwind.css  - CSS entrypoint
-   ├── {Component}/                 - Component folder
-   │   ├── components/              - React components
-   │   │   ├── {Name}.tsx
-   │   │   ├── {Name}.test.tsx
-   │   │   └── {Name}.css
-   │   ├── core/                    - Utility functions
-   │   ├── index.ts                 - Entrypoint for the folder
-   │   └── types.ts                 - Export types
-   │
-   ├── index.ts                     - Main package entry point
-   ├── types.ts                     - Core types
-   └── OnchainKitProvider.tsx       - OnchainKit provider
-```
-
-## Workflows
-
-### Development
-
-To work on OnchainKit components with live UI feedback:
-
-```bash
-pnpm f:play dev
-```
-
-This will build the OnchainKit package in watch mode, and start a development environment (the playground) where you can see your components in action.
-
-As you make changes, the playground will update automatically.
-
-Navigate to [http://localhost:3000](http://localhost:3000) to open the playground.
-
-### Building
-
-To build the package:
-
-```bash
-pnpm f:ock build
-```
-
-### Testing
-
-Write and update existing unit tests. You can run tests with:
-
-```bash
-pnpm f:ock test
-```
-
-For watching file changes and rerunning tests automatically:
-
-```bash
-pnpm f:ock test:watch
-```
-
-We expect 100% code coverage for any updates. You can get coverage information with:
-
-```bash
-pnpm f:ock test:coverage
-```
-
-If the coverage drops below 100%, look at the coverage report generated by the above command with:
-
-```bash
-open coverage/index.html
-```
-
-### Updating changelog
-
-To update the change log, run:
-
-```bash
-pnpm changeset
-```
-
-Select `minor` and use the following format for the summary:
-
-```markdown
-- **feat**: feature update information. By @your-github-id #XX (XX is the PR number)
-```
-
-Possible values are:
-
-- `feat`
-- `fix`
-- `docs`
-- `chore`
-
-## Feature request
-
-Have a component in mind that we are not supporting yet? You can submit a feature request to our [Github](https://github.com/coinbase/onchainkit/issues). Create a **"New issue"** and label it "Feature Request: ...".
-
diff --git a/docs/onchainkit/guides/lifecycle-status.mdx b/docs/onchainkit/guides/lifecycle-status.mdx
deleted file mode 100644
index c77f4afa7..000000000
--- a/docs/onchainkit/guides/lifecycle-status.mdx
+++ /dev/null
@@ -1,171 +0,0 @@
----
-title: Lifecycle Status · OnchainKit
-sidebarTitle: Lifecycle Status
-description: How to influence the behavior of your components and onchain data with Lifecycle Status.
----
-
-OnchainKit Lifecycle Status allows you to manage the state of APIs and onchain transactions seamlessly within components.
-
-## How to listen to the Lifecycle Status
-
-The Lifecycle Status is a TypeScript object that provides easy access to the `statusName` and `statusData` properties,
-allowing you to stay informed and responsive.
-
-```tsx
-import { useCallback } from 'react';
-import { Transaction } from '@coinbase/onchainkit/transaction';
-// ---cut-before---
-import type { LifecycleStatus } from '@coinbase/onchainkit/transaction';
-
-const handleOnStatus = useCallback((status: LifecycleStatus) => {
-  console.log('LifecycleStatus', status);
-}, []);
-
-<Transaction onStatus={handleOnStatus}>
-  // omitted component code for brevity
-</Transaction>
-```
-
-## Lifecycle Status
-
-The Lifecycle Status includes 3 states common to all components:
-
-### `init`
-
-The component is initialized and ready for use.
-
-```ts
-{
-  statusName: 'init';
-  statusData: null;
-}
-```
-
-### `success`
-
-The component has successfully completed its main action, such as `swap` or `transaction`.
-
-```ts
-{
-  statusName: 'success';
-  statusData: {
-    // the data returned from the API or onchain operation
-  };
-}
-```
-
-### `error`
-
-The component has encountered an issue while fetching API data, executing an onchain operation,
-or needs to display a visual message to the user.
-
-```ts
-{
-  statusName: 'error';
-  statusData: {
-    code: string; // The error code representing the location of the error
-    error: string; // The error message providing developer details
-    message: string; // The error message providing user-facing details
-  };
-}
-```
-
-Each component brings its own unique experience, and we have explored both the swap and transaction processes.
-
-## Lifecycle Status with [`<Swap />`](/onchainkit/swap/swap)
-
-### `amountChange`
-
-Any of the Swap Input fields have been updated.
-
-```ts
-{
-  statusName: 'amountChange';
-  statusData: {
-    amountFrom: string;
-    amountTo: string;
-    tokenFrom?: Token;
-    tokenTo?: Token;
-    isMissingRequiredField: boolean;
-  };
-}
-```
-
-### `transactionPending`
-
-The transaction has been submitted to the network but has not yet been confirmed to be included in a block.
-During this pending state, the transaction is waiting to be validated by the network's consensus mechanism.
-
-```ts
-{
-  statusName: 'transactionPending';
-  statusData: null;
-}
-```
-
-### `transactionApproved`
-
-The transaction has been verified to be valid and it has been included in a block
-however the transaction is not yet finalized.
-
-```ts
-{
-  statusName: 'transactionApproved';
-  statusData: {
-    transactionHash: Hex;
-    transactionType: 'Batched' | 'ERC20' | 'Permit2' | 'Swap';
-  };
-}
-```
-
-### `success`
-
-The transaction has been added to the blockchain and the transaction is considered final.
-
-```ts
-{
-  statusName: 'success';
-  statusData: {
-    transactionReceipt: TransactionReceipt;
-  };
-}
-```
-
-## Lifecycle Status with [`<Transaction />`](/onchainkit/transaction/transaction)
-
-### `transactionIdle`
-
-The transaction component is waiting for the user to take action.
-
-```ts
-{
-  statusName: 'transactionIdle';
-  statusData: null;
-}
-```
-
-### `transactionPending`
-
-The transaction has been submitted to the network but has not yet been confirmed to be included in a block.
-During this pending state, the transaction is waiting to be validated by the network's consensus mechanism.
-
-```ts
-{
-  statusName: 'transactionPending';
-  statusData: null;
-}
-```
-
-### `success`
-
-The transaction has been added to the blockchain and the transaction is considered final.
-
-```ts
-{
-  statusName: 'success';
-  statusData: {
-    transactionReceipts: TransactionReceipt[];
-  };
-}
-```
-
diff --git a/docs/onchainkit/guides/reporting-bug.mdx b/docs/onchainkit/guides/reporting-bug.mdx
deleted file mode 100644
index 6f86bf9fd..000000000
--- a/docs/onchainkit/guides/reporting-bug.mdx
+++ /dev/null
@@ -1,29 +0,0 @@
----
-title: OnchainKit Bug Reporting Guide
-sidebarTitle: Reporting a bug
-description: Help us make OnchainKit better
----
-
-We look at all of your bug reports and will do our best to fix them as quickly as possible.
-
-<Steps>
-  <Step title="Create a new issue">
-  Navigate to [Issues tab](https://github.com/coinbase/onchainkit/issues) on Github and click the "New issue" button.
-  </Step>
-  <Step title="Select 'Bug Report'">
-  Pick the "Bug Report" option and fill out the form to the best of your ability. 
-  </Step>
-  <Step title="We'll be in touch">
-  We'll do our best to respond to your issue on Github as soon as possible.
-  </Step>
-</Steps>
-
-### Have a special request?
-You can tag us on [Discord](https://discord.com/channels/1220414409550336183/1253768005863739565) or DM us on [X](https://x.com/Onchainkit).
-
-We're most active on X and Discord, so if you're able to, please create an issue there.
-
-### Found a security vulnerability?
-If you've found a security vulnerability, please report it to our [HackerOne Program](https://hackerone.com/coinbase?type=team). We offer generous rewards for bounties. 
-
-
diff --git a/docs/onchainkit/guides/tailwind.mdx b/docs/onchainkit/guides/tailwind.mdx
deleted file mode 100644
index d08a7717d..000000000
--- a/docs/onchainkit/guides/tailwind.mdx
+++ /dev/null
@@ -1,100 +0,0 @@
----
-title: Tailwind CSS Integration Guide · OnchainKit
-sidebarTitle: Tailwind CSS Integration Guide
-description: Learn how to integrate Tailwind CSS with OnchainKit
----
-
-OnchainKit comes with first class support for `tailwindcss`.
-
-<Steps>
-  <Step title="Use default OnchainKit's style">
-  You can use the default styles without any customization.
-  Just place this at the top of your application's entry point to have the components work out of the box.
-
-  ```javascript
-  import '@coinbase/onchainkit/styles.css';
-  ```
-  </Step>
-  <Step title="Tailwind CSS Config">
-  Depending on your dark mode setup, you may have to add `safelist: ['dark']` to your Tailwind config.
-
-  ```javascript filename="tailwind.config.js"
-  /** @type {import('tailwindcss').Config} */
-  export default {
-    content: ['./src/**/*.{ts,tsx}'],
-    darkMode: ['class'], // [!code focus]
-    safelist: ['dark'], // [!code focus]
-    theme: {
-      fontFamily: {
-        sans: ['Inter', 'sans-serif'],
-      },
-    },
-    plugins: [],
-  };
-  ```
-  </Step>
-  <Step title="Toggling light / dark mode">
-  There are many ways to handle color mode.
-
-  In OnchainKit, toggling color mode works by adding / removing class name `dark` to the root html tag.
-  </Step>
-  <Step title="Colorscheme override">
-  To override default colorscheme, you need to modify the following css variables:
-
-  ```css
-  @tailwind base;
-
-  @layer base {
-    :root {
-      --ock-font-family: 'your-custom-value';
-      --ock-border-radius: 'your-custom-value';
-      --ock-border-radius-inner: 'your-custom-value';
-      --ock-text-inverse: 'your-custom-value';
-      --ock-text-foreground: 'your-custom-value';
-      --ock-text-foreground-muted: 'your-custom-value';
-      --ock-text-error: 'your-custom-value';
-      --ock-text-primary: 'your-custom-value';
-      --ock-text-success: 'your-custom-value';
-      --ock-text-warning: 'your-custom-value';
-      --ock-text-disabled: 'your-custom-value';
-
-      --ock-bg-default: 'your-custom-value';
-      --ock-bg-default-hover: 'your-custom-value';
-      --ock-bg-default-active: 'your-custom-value';
-      --ock-bg-alternate: 'your-custom-value';
-      --ock-bg-alternate-hover: 'your-custom-value';
-      --ock-bg-alternate-active: 'your-custom-value';
-      --ock-bg-inverse: 'your-custom-value';
-      --ock-bg-inverse-hover: 'your-custom-value';
-      --ock-bg-inverse-active: 'your-custom-value';
-      --ock-bg-primary: 'your-custom-value';
-      --ock-bg-primary-hover: 'your-custom-value';
-      --ock-bg-primary-active: 'your-custom-value';
-      --ock-bg-primary-washed: 'your-custom-value';
-      --ock-bg-primary-disabled: 'your-custom-value';
-      --ock-bg-secondary: 'your-custom-value';
-      --ock-bg-secondary-hover: 'your-custom-value';
-      --ock-bg-secondary-active: 'your-custom-value';
-      --ock-bg-error: 'your-custom-value';
-      --ock-bg-warning: 'your-custom-value';
-      --ock-bg-success: 'your-custom-value';
-      --ock-bg-default-reverse: 'your-custom-value';
-
-      --ock-icon-color-primary: 'your-custom-value';
-      --ock-icon-color-foreground: 'your-custom-value';
-      --ock-icon-color-foreground-muted: 'your-custom-value';
-      --ock-icon-color-inverse: 'your-custom-value';
-      --ock-icon-color-error: 'your-custom-value';
-      --ock-icon-color-success: 'your-custom-value';
-      --ock-icon-color-warning: 'your-custom-value';
-
-      --ock-line-primary: 'your-custom-value';
-      --ock-line-default: 'your-custom-value';
-      --ock-line-heavy: 'your-custom-value';
-      --ock-line-inverse: 'your-custom-value';
-    }
-  }
-  ```
-  </Step>
-</Steps>
-
diff --git a/docs/onchainkit/guides/telemetry.mdx b/docs/onchainkit/guides/telemetry.mdx
deleted file mode 100644
index 35e101dcd..000000000
--- a/docs/onchainkit/guides/telemetry.mdx
+++ /dev/null
@@ -1,80 +0,0 @@
----
-title: Telemetry · OnchainKit
-sidebarTitle: Telemetry
-description: Understanding OnchainKit's anonymous telemetry system and how to configure it.
----
-
-OnchainKit is introducing an anonymous telemetry system to help us better understand how our library is used in the wild. Participation in this anonymous program is optional—if you'd prefer not to share any usage data, you can easily opt out.
-
-### Why Are We Collecting Telemetry?
-
-OnchainKit has quickly become a go-to full‑stack component library for integrating essential onchain functionality (like `<Wallet />`, `<Transaction />`, and `<Swap />`) in minutes. Until now, our usage insights have been limited to public npm download counts and API endpoint usage. By collecting telemetry data, we can:
-
-- **Gauge Component Usage**: Understand which components (and their variants) are most popular
-- **Data-Informed Improvements**: Help our data science team generate insights that drive future enhancements and refactoring decisions
-- **Proactive Monitoring**: Quickly detect issues with new releases or API changes through a dedicated error event stream (with alerts to oncall engineers)
-
-### What Data Will Be Collected?
-
-Telemetry data is completely anonymous and designed to provide aggregated insights. Specifically, we collect:
-
-- **Command Details**: Which commands (or component events) are being invoked (e.g. walletConnection, swapSuccess)
-- **Version & App Info**: The OnchainKit version, app name (from window.top.document.title), and origin (the app URL)
-- **Usage Metrics**: Information such as the number of unique wallets, transactions, or contracts interacting with OnchainKit
-- **Error Events**: Generic error events along with component context to help us triage any issues
-
-No sensitive data—such as environment variables, file paths, or private keys—is ever collected.
-
-### How Does It Work?
-
-Telemetry is integrated directly into each applicable component via our new `sendAnalytics` function. When a component event occurs (e.g. a successful transaction or a wallet connection), this function automatically fires (provided analytics is enabled in your OnchainKit config).
-
-For example, a telemetry event might be sent as follows:
-
-```bash
-curl -X POST https://api.developer.coinbase.com/rpc/analytics \
-  -H "Content-Type: application/json" \
-  -H "OnchainKit-Version: 0.37.0" \
-  -H "OnchainKit-App-Name: My Example App" \
-  -H "Origin: www.example-app.vercel.app" \
-  -d '{
-    "eventType": "transactionSuccess",
-    "apiKey": "ozpCtG8CfD3TIod_1Va7UBsUm5Rn1",
-    "data": {
-      "address": "0x...",
-      "contract": "0x...",
-      "transactionHash": "0x...",
-      "sponsored": true
-    }
-  }'
-```
-
-### How Do I Opt Out?
-
-By default, telemetry is opt‑out starting with version 0.37.0. If you'd like to disable telemetry, simply set the `analytics` flag to `false` in your OnchainKit configuration:
-
-```tsx
-// @noErrors:  2304
-export function Providers(props: { children: ReactNode }) {
-  return (
-    <OnchainKitProvider
-      apiKey={process.env.NEXT_PUBLIC_ONCHAINKIT_API_KEY}
-      chain={base}
-      config={{
-        analytics: false // [!code focus]
-      }}
-    >
-      {props.children}
-    </OnchainKitProvider>
-  );
-}
-```
-
-You can also re‑enable analytics later by toggling this flag to `true`.
-
-We believe that this telemetry initiative will help us make OnchainKit even better for all developers—by focusing our improvements on the most used features and catching issues early. If you have any questions or feedback, please reach out to the OnchainKit team.
-
-Happy building!
-
-— The OnchainKit core team 
-
diff --git a/docs/onchainkit/guides/themes.mdx b/docs/onchainkit/guides/themes.mdx
deleted file mode 100644
index 422124c3b..000000000
--- a/docs/onchainkit/guides/themes.mdx
+++ /dev/null
@@ -1,203 +0,0 @@
----
-title: OnchainKit Themes · OnchainKit
-sidebarTitle: OnchainKit Themes
-description: Customize the appearance of OnchainKit's components
----
-
-<Frame>
-<img alt="Themes"
-  src="/images/onchainkit/onchainkit-themes.gif"
-  height="364"/>
-</Frame>
-
-## Overview
-
-OnchainKit provides flexible appearance control through two main features: `mode` and `theme`.
-
-- **Mode**: Controls the light/dark appearance and includes an auto option that inherits the system preference.
-- **Theme**: Governs the overall styling across components.
-
-You can choose from built-in themes or dynamically switch modes based on user preference or system settings, allowing for a customized and responsive user interface.
-
-## Built-in Themes
-
-OnchainKit offers multiple themes to quickly style your components. Set the theme via the `OnchainKitProvider` using `config.appearance.theme`:
-
-- `default`: Includes both light and dark modes.
-- `base`: Single mode only.
-- `cyberpunk`: Single mode only.
-- `hacker`: Single mode only.
-- `custom`: Single mode only.
-
-If no theme is selected, the **`default`** theme is applied automatically.
-
-```tsx
-// @noErrors:  2304 17008 1005
-<OnchainKitProvider
-  apiKey={process.env.NEXT_PUBLIC_ONCHAINKIT_API_KEY}
-  chain={base}
-  config={{ // [!code focus]
-    appearance: { // [!code focus]
-      mode: 'auto', // 'auto' | 'light' | 'dark'
-      theme: 'default', // 'default' | 'base' | 'cyberpunk' | 'hacker' // [!code focus]
-    }, // [!code focus]
-  }} // [!code focus]
->
-```
-
-## Mode
-
-Control the color scheme by setting the `config.appearance.mode` property of the `OnchainKitProvider`:
-
-- `auto`: Automatically switches between light and dark mode based on the user’s OS preference.
-- `light`: Forces all components to use the light version of the theme.
-- `dark`: Forces all components to use the dark version of the theme.
-
-If no mode is specified, `auto` mode will be applied by default.
-
-```tsx
-// @noErrors:  2304 17008 1005
-<OnchainKitProvider
-  apiKey={process.env.NEXT_PUBLIC_ONCHAINKIT_API_KEY}
-  chain={base}
-  config={{
-    appearance: {
-      mode: 'auto', // 'auto' | 'light' | 'dark' // [!code focus]
-      theme: 'default', // 'default' | 'base' | 'cyberpunk' | 'hacker' | 'your-custom-theme'
-    },
-  }}
->
-```
-
-## CSS Overrides
-
-Fine-tune specific aspects of an existing theme.
-This is useful when you want to make adjustments to the appearance of the components without creating an entirely new theme.
-
-```css
-@layer base {
-  :root
-  .default-light,
-  .default-dark,
-  .base,
-  .cyberpunk,
-  .hacker {
-    /* Override specific variables as needed */
-    --ock-font-family: 'your-custom-value';
-    --ock-border-radius: 'your-custom-value';
-    --ock-text-primary: 'your-custom-value';
-  }
-}
-```
-
-## Custom Theme
-
-Define an entirely new look and feel for your application.
-This gives you complete control over all aspects of the design, including colors, fonts, and other visual properties.
-
-#### Usage Options:
-
-##### Automatic Light/Dark Mode Switching:
-
-- To automatically switch between light and dark versions of your custom theme:
-
-```tsx
-// @noErrors:  2304 17008 1005
-<OnchainKitProvider
-  apiKey={process.env.NEXT_PUBLIC_ONCHAINKIT_API_KEY}
-  chain={base}
-  config={{
-    appearance: {
-      mode: 'auto', // [!code focus]
-      theme: 'custom', // [!code focus]
-    },
-  }}
->
-```
-
-##### Single Theme Version:
-
-- To use only one version of your custom theme at all times:
-
-```tsx
-// @noErrors:  2304 17008 1005
-<OnchainKitProvider
-  apiKey={process.env.NEXT_PUBLIC_ONCHAINKIT_API_KEY}
-  chain={base}
-  config={{
-    appearance: {
-      mode: 'light', // [!code focus]
-      theme: 'custom', // [!code focus]
-    },
-  }}
->
-```
-
-##### Defining a custom theme
-
-Use CSS variables to define your custom theme.
-The class name definitions must include the `-light` or `-dark` suffix.
-
-```css
-
-.custom-light {
-  /* Font and Shape */
-  --ock-font-family: 'your-custom-value';
-  --ock-border-radius: 'your-custom-value';
-  --ock-border-radius-inner: 'your-custom-value';
-
-  /* Text Colors */
-  --ock-text-inverse: 'your-custom-value';
-  --ock-text-foreground: 'your-custom-value';
-  --ock-text-foreground-muted: 'your-custom-value';
-  --ock-text-error: 'your-custom-value';
-  --ock-text-primary: 'your-custom-value';
-  --ock-text-success: 'your-custom-value';
-  --ock-text-warning: 'your-custom-value';
-  --ock-text-disabled: 'your-custom-value';
-
-  /* Background Colors */
-  --ock-bg-default: 'your-custom-value';
-  --ock-bg-default-hover: 'your-custom-value';
-  --ock-bg-default-active: 'your-custom-value';
-  --ock-bg-alternate: 'your-custom-value';
-  --ock-bg-alternate-hover: 'your-custom-value';
-  --ock-bg-alternate-active: 'your-custom-value';
-  --ock-bg-inverse: 'your-custom-value';
-  --ock-bg-inverse-hover: 'your-custom-value';
-  --ock-bg-inverse-active: 'your-custom-value';
-  --ock-bg-primary: 'your-custom-value';
-  --ock-bg-primary-hover: 'your-custom-value';
-  --ock-bg-primary-active: 'your-custom-value';
-  --ock-bg-primary-washed: 'your-custom-value';
-  --ock-bg-primary-disabled: 'your-custom-value';
-  --ock-bg-secondary: 'your-custom-value';
-  --ock-bg-secondary-hover: 'your-custom-value';
-  --ock-bg-secondary-active: 'your-custom-value';
-  --ock-bg-error: 'your-custom-value';
-  --ock-bg-warning: 'your-custom-value';
-  --ock-bg-success: 'your-custom-value';
-  --ock-bg-default-reverse: 'your-custom-value';
-
-  /* Icon Colors */
-  --ock-icon-color-primary: 'your-custom-value';
-  --ock-icon-color-foreground: 'your-custom-value';
-  --ock-icon-color-foreground-muted: 'your-custom-value';
-  --ock-icon-color-inverse: 'your-custom-value';
-  --ock-icon-color-error: 'your-custom-value';
-  --ock-icon-color-success: 'your-custom-value';
-  --ock-icon-color-warning: 'your-custom-value';
-
-  /* Border Colors */
-  --ock-border-line-primary: 'your-custom-value';
-  --ock-border-line-default: 'your-custom-value';
-  --ock-border-line-heavy: 'your-custom-value';
-  --ock-border-line-inverse: 'your-custom-value';
-}
-
-.custom-dark {
-  /* Define dark mode custom classes here */
-}
-
-```
-
diff --git a/docs/onchainkit/guides/troubleshooting.mdx b/docs/onchainkit/guides/troubleshooting.mdx
deleted file mode 100644
index c3f303615..000000000
--- a/docs/onchainkit/guides/troubleshooting.mdx
+++ /dev/null
@@ -1,142 +0,0 @@
----
-title: "Troubleshooting"
----
-
-
-This guide covers common issues you may encounter while using OnchainKit. If you don't find your issue here, try searching our [GitHub Issues](https://github.com/coinbase/onchainkit/issues) or joining our [Discord Community](https://discord.gg/invite/buildonbase).
-
-## Common Issues
-
-### Environment Setup
-
-- **Missing API Key**
-
-  - Error: "Project ID is required for this component"
-  - Solution: Add your Client API Key to `.env`:
-
-  ```dotenv
-  NEXT_PUBLIC_CDP_API_KEY=YOUR_PUBLIC_API_KEY
-  ```
-
-- **Invalid Environment Variables**
-
-  - Error: "Cannot find environment variable"
-  - Solution: Use the correct variable name for your framework:
-    - Next.js: `NEXT_PUBLIC_CDP_API_KEY`
-    - Vite: `VITE_PUBLIC_ONCHAINKIT_API_KEY`
-    - Astro: `PUBLIC_ONCHAINKIT_API_KEY`
-
-- **Contracts Not Available**
-  - Error: "Contracts are not available" or "Contracts not available for LifecycleStatus"
-  - Solutions:
-    - Verify `NEXT_PUBLIC_ONCHAINKIT_API_KEY` is set correctly
-    - For Checkout component with `chargeHandler`, also set:
-      ```dotenv
-      NEXT_PUBLIC_COINBASE_COMMERCE_API_KEY=YOUR_COMMERCE_API_KEY
-      ```
-    - Ensure API keys are properly exposed in your environment
-
-### Dependencies
-
-- **Version Compatibility**
-  - Issue: Unexpected behavior or type errors
-  - Solution: Ensure compatible versions:
-    ```json
-    {
-      "dependencies": {
-        "@coinbase/onchainkit": "latest",
-        "viem": "^2.0.0",
-        "@wagmi/core": "^2.0.0"
-      }
-    }
-    ```
-
-### Provider Configuration
-
-- **Missing OnchainKitProvider**
-
-  - Error: "OnchainKit context not found"
-  - Solution: Wrap your app with OnchainKitProvider and [configure](/onchainkit/getting-started) properly:
-
-  ```tsx
-  import { OnchainKitProvider } from '@coinbase/onchainkit';
-  import { base } from 'viem/chains';
-
-  export default function App({ children }) {
-    return (
-      <OnchainKitProvider
-        apiKey={process.env.NEXT_PUBLIC_CDP_API_KEY}
-        chain={base}
-      >
-        {children}
-      </OnchainKitProvider>
-    );
-  }
-  ```
-
-### Wallet Connection
-
-- **Connection Failed**
-
-  - Error: "Unable to connect wallet"
-  - Solutions:
-    - Verify wallet extension is installed and unlocked
-    - Check [supported chains configuration](/onchainkit/wallet/wallet)
-    - Ensure proper network selection in wallet
-    - Verify RPC endpoints are accessible
-
-- **Chain Switching Issues**
-  - Error: "Failed to switch chain"
-  - Solutions:
-    - Verify chain ID is supported by OnchainKit
-    - Check wallet has required permissions
-    - Ensure RPC endpoints are configured correctly
-    - Add chain to wallet if not already added
-
-### Transaction Issues
-
-- **Gas Estimation Failed**
-  - Error: "Gas estimation failed"
-  - Solutions:
-    - Verify sufficient balance for gas
-    - Check transaction parameters are valid
-    - Ensure proper network [configuration](/onchainkit/transaction/transaction)
-
-### Identity Components
-
-### Theme Issues
-
-- **Dark Mode Not Working**
-
-  - Error: "Dark mode styles not applying"
-  - Solution: Configure Tailwind and OnchainKit properly:
-
-  ```js
-  // tailwind.config.js
-  module.exports = {
-    darkMode: ['class'],
-    safelist: ['dark'],
-    // ... rest of config
-  }
-  ```
-
-### React Native
-
-- ** React Native Support **
-  - OnchainKit's components are not supported for use in React Native, however, you can use utility functions, like `getName`, as well as some hooks in your React Native app. When using these utility functions, you may need to import them directly rather than through the export file.
-  - Example: `import { getName } from '@coinbase/onchainkit/esm/identity/utils/getName.js';` rather than `import { getName } from '@coinbase/onchainkit/identity;`
-
-### Module Resolution
-
-- **Module Resolution Errors**
-  - Error: "Cannot find module ... or its corresponding type declarations. Consider updating to 'node16', 'nodenext', or 'bundler'"
-  - Solution: Update your Node.js version or use a compatible bundler. We recommend using Node 18+ and `"moduleResolution": "NodeNext"` for the best developer experience. OnchainKit supports only ES Modules and does not support CommonJS modules.
-
-## Getting Help
-
-Need more help?
-
-- [Discord Community](https://discord.gg/invite/buildonbase)
-- [X/Twitter Support](https://x.com/onchainkit)
-- [GitHub Issues](https://github.com/coinbase/onchainkit/issues)
-
diff --git a/docs/onchainkit/guides/use-basename-in-onchain-app.mdx b/docs/onchainkit/guides/use-basename-in-onchain-app.mdx
deleted file mode 100644
index 04ed805d2..000000000
--- a/docs/onchainkit/guides/use-basename-in-onchain-app.mdx
+++ /dev/null
@@ -1,97 +0,0 @@
----
-title: Use Basename · OnchainKit
-sidebarTitle: Use Basename
-description: Integrate Basenames into your onchain app, in just a few steps.
----
-
-Basenames are an essential onchain building block that empowers builders to establish their identity on Base by registering human-readable names for their wallet addresses.
-
-They operate entirely onchain, utilizing the same technology as ENS names, and are deployed on Base. 
-
-You can integrate [Basenames](https://www.base.org/names) into your app with these few steps.
-
-<Steps>
-  <Step title="New to OnchainKit?">
-  Follow the [Getting Started](/onchainkit/getting-started) guide to install the package.
-  </Step>
-  <Step title="Already using OnchainKit?">
-  Update to the latest version and choose from the following steps: a React component approach, a React hook, or a pure TypeScript utility function.
-  </Step>
-</Steps>
-
-
-## React components with `<Avatar>` and `<Name>`
-
-Use the [`<Avatar>`](/onchainkit/identity/avatar) and [`<Name>`](/onchainkit/identity/name) components to display Basenames associated with Ethereum addresses.
-
-The `chain` prop is optional and setting to Base, it's what makes the components switch from ENS to Basenames.
-
-```tsx
-// @noErrors: 2657 - JSX expressions must have one parent element
-import { Avatar, Name } from '@coinbase/onchainkit/identity';
-import { base } from 'viem/chains';
-
-const address = '0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1';
-
-// omitted component code for brevity
-<Avatar address={address} chain={base} />
-<Name address={address} chain={base} />
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-identity--use-basename-in-onchain-app&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Avatar address="0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1" chain={base}/>
-  <Name address="0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1" chain={base}/>
-</App> */}
-
-## React hooks with `useAvatar` and `useName`
-
-Use the [`useAvatar`](/onchainkit/identity/use-avatar) and [`useName`](/onchainkit/identity/use-name) hooks to get Basenames associated with Ethereum addresses.
-
-The hooks are incredibly useful for building custom components while leveraging OnchainKit for efficient data fetching.
-
-<CodeGroup>
-```tsx code
-import { useAvatar, useName } from '@coinbase/onchainkit/identity';
-import { base } from 'viem/chains';
-
-const address = '0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1';
-const basename = 'zizzamia.base.eth';
-const { data: avatar, isLoading: avatarIsLoading } = await useAvatar({ ensName: basename, chain: base });
-const { data: name, isLoading: nameIsLoading } = await useName({ address, chain: base });
-```
-
-```ts return value
-{ data: 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAwMCIgaGVpZ2h0PSIzMDAwIiB2aWV3Qm94PSIwIDAgMzAwMCAzMDAwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF81NTY5XzcyODM1KSI+PHJlY3Qgd2lkdGg9IjMwMDAiIGhlaWdodD0iMzAwMCIgZmlsbD0iIzE1NURGRCIvPjxjaXJjbGUgY3g9IjE1MDAiIGN5PSIxNTAwIiByPSIxNTAwIiBmaWxsPSIjMTU1REZEIi8+PHBhdGggZD0iTTI3MTMuMTMgMTUwMEMyNzMxLjIgMTY4MC45MiAyNjE1LjEzIDE4MTguMTUgMjUwNy43OCAxOTI0LjQyQzIzOTQuNyAyMDMyLjEzIDIyOTAuNDQgMjEwOC44OCAyMjAwLjg4IDIyMDAuNjFDMjEwOS4xNSAyMjkwLjE2IDIwMzIuMjIgMjM5NC42MSAxOTI0LjUxIDI1MDcuNjhDMTgxOC4xNSAyNjE1LjA0IDE2ODAuOTIgMjczMS4xMSAxNTAwIDI3MTMuMTNDMTMxOS4wOCAyNzMxLjIgMTE4MS44NSAyNjE1LjEzIDEwNzUuNTggMjUwNy43OEM5NjcuODY2IDIzOTQuNyA4OTEuMTIgMjI5MC40NCA3OTkuMzg5IDIyMDAuODhDNzA5LjgzNyAyMTA5LjE1IDYwNS4zOSAyMDMyLjIyIDQ5Mi4zMTUgMTkyNC41MUMzODQuOTYyIDE4MTguMTUgMjY4Ljg5IDE2ODAuOTIgMjg2Ljg3MyAxNTAwQzI2OC43OTkgMTMxOS4wOCAzODQuODcxIDExODEuODUgNDkyLjIyNCAxMDc1LjU4QzYwNS4yOTkgOTY3Ljg2NiA3MDkuNTY0IDg5MS4xMiA3OTkuMTE2IDc5OS4zODlDODkwLjg0OCA3MDkuODM3IDk2Ny43NzUgNjA1LjM5IDEwNzUuNDkgNDkyLjMxNUMxMTgxLjg1IDM4NC44NzEgMTMxOS4wOCAyNjguNzk5IDE1MDAgMjg2Ljg3M0MxNjgwLjkyIDI2OC43OTkgMTgxOC4xNSAzODQuODcxIDE5MjQuNDIgNDkyLjIyNEMyMDMyLjEzIDYwNS4yOTkgMjEwOC44OCA3MDkuNTY0IDIyMDAuNjEgNzk5LjExNkMyMjkwLjE2IDg5MC44NDggMjM5NC42MSA5NjcuNzc1IDI1MDcuNjggMTA3NS40OUMyNjE1LjA0IDExODEuODUgMjczMS4xMSAxMzE5LjA4IDI3MTMuMTMgMTUwMFoiIGZpbGw9IndoaXRlIi8+PHBhdGggZD0iTTEzOTEuMDYgMTUwMEMxMzkxLjA2IDE2NDcuODkgMTM1OC40IDE3ODEuNjIgMTMwNS43NCAxODc4LjI4QzEyNTMuMDMgMTk3NS4wNSAxMTgwLjY5IDIwMzQgMTEwMS41MyAyMDM0QzEwMjIuMzYgMjAzNCA5NTAuMDMxIDE5NzUuMDUgODk3LjMxNCAxODc4LjI4Qzg0NC42NiAxNzgxLjYyIDgxMiAxNjQ3Ljg5IDgxMiAxNTAwQzgxMiAxMzUyLjExIDg0NC42NiAxMjE4LjM4IDg5Ny4zMTQgMTEyMS43MkM5NTAuMDMxIDEwMjQuOTUgMTAyMi4zNiA5NjYgMTEwMS41MyA5NjZDMTE4MC42OSA5NjYgMTI1My4wMyAxMDI0Ljk1IDEzMDUuNzQgMTEyMS43MkMxMzU4LjQgMTIxOC4zOCAxMzkxLjA2IDEzNTIuMTEgMTM5MS4wNiAxNTAwWiIgZmlsbD0iIzE1NURGRCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSI2Ii8+PGVsbGlwc2UgY3g9IjExMDIuNTciIGN5PSIxMTk0LjkzIiByeD0iMTI2LjQxNCIgcnk9IjIzMS45MzQiIGZpbGw9IndoaXRlIi8+PHBhdGggZD0iTTIxODcuMTYgMTUwMEMyMTg3LjE2IDE2NDcuODkgMjE1NC41IDE3ODEuNjIgMjEwMS44NCAxODc4LjI4QzIwNDkuMTIgMTk3NS4wNSAxOTc2Ljc5IDIwMzQgMTg5Ny42MyAyMDM0QzE4MTguNDYgMjAzNCAxNzQ2LjEzIDE5NzUuMDUgMTY5My40MSAxODc4LjI4QzE2NDAuNzYgMTc4MS42MiAxNjA4LjEgMTY0Ny44OSAxNjA4LjEgMTUwMEMxNjA4LjEgMTM1Mi4xMSAxNjQwLjc2IDEyMTguMzggMTY5My40MSAxMTIxLjcyQzE3NDYuMTMgMTAyNC45NSAxODE4LjQ2IDk2NiAxODk3LjYzIDk2NkMxOTc2Ljc5IDk2NiAyMDQ5LjEyIDEwMjQuOTUgMjEwMS44NCAxMTIxLjcyQzIxNTQuNSAxMjE4LjM4IDIxODcuMTYgMTM1Mi4xMSAyMTg3LjE2IDE1MDBaIiBmaWxsPSIjMTU1REZEIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjYiLz48ZWxsaXBzZSBjeD0iMTg5Ni41OCIgY3k9IjExOTQuOTMiIHJ4PSIxMjYuNDE0IiByeT0iMjMxLjkzNCIgZmlsbD0id2hpdGUiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJjbGlwMF81NTY5XzcyODM1Ij48cmVjdCB3aWR0aD0iMzAwMCIgaGVpZ2h0PSIzMDAwIiBmaWxsPSJ3aGl0ZSIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==', isLoading: false }
-{ data: 'zizzamia.base.eth', isLoading: false }
-```
-</CodeGroup>
-
-## Typescript utility with `getAvatar` and `getName`
-
-Use the [`getAvatar`](/onchainkit/identity/get-avatar) and [`getName`](/onchainkit/identity/get-name) functions to get Basenames associated with Ethereum addresses.
-
-Being pure functions, it seamlessly integrates into any TypeScript project, including Vue, Angular, Svelte, or Node.js.
-
-<CodeGroup>
-```tsx code
-import { getAvatar, getName } from '@coinbase/onchainkit/identity';
-import { base } from 'viem/chains';
-
-const address = '0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1';
-const basename = 'zizzamia.base.eth';
-const avatar = await getAvatar({ ensName: basename, chain: base });
-const name = await getName({ address, chain: base });
-```
-
-```ts return value
-data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAwMCIgaGVpZ2h0PSIzMDAwIiB2aWV3Qm94PSIwIDAgMzAwMCAzMDAwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF81NTY5XzcyODM1KSI+PHJlY3Qgd2lkdGg9IjMwMDAiIGhlaWdodD0iMzAwMCIgZmlsbD0iIzE1NURGRCIvPjxjaXJjbGUgY3g9IjE1MDAiIGN5PSIxNTAwIiByPSIxNTAwIiBmaWxsPSIjMTU1REZEIi8+PHBhdGggZD0iTTI3MTMuMTMgMTUwMEMyNzMxLjIgMTY4MC45MiAyNjE1LjEzIDE4MTguMTUgMjUwNy43OCAxOTI0LjQyQzIzOTQuNyAyMDMyLjEzIDIyOTAuNDQgMjEwOC44OCAyMjAwLjg4IDIyMDAuNjFDMjEwOS4xNSAyMjkwLjE2IDIwMzIuMjIgMjM5NC42MSAxOTI0LjUxIDI1MDcuNjhDMTgxOC4xNSAyNjE1LjA0IDE2ODAuOTIgMjczMS4xMSAxNTAwIDI3MTMuMTNDMTMxOS4wOCAyNzMxLjIgMTE4MS44NSAyNjE1LjEzIDEwNzUuNTggMjUwNy43OEM5NjcuODY2IDIzOTQuNyA4OTEuMTIgMjI5MC40NCA3OTkuMzg5IDIyMDAuODhDNzA5LjgzNyAyMTA5LjE1IDYwNS4zOSAyMDMyLjIyIDQ5Mi4zMTUgMTkyNC41MUMzODQuOTYyIDE4MTguMTUgMjY4Ljg5IDE2ODAuOTIgMjg2Ljg3MyAxNTAwQzI2OC43OTkgMTMxOS4wOCAzODQuODcxIDExODEuODUgNDkyLjIyNCAxMDc1LjU4QzYwNS4yOTkgOTY3Ljg2NiA3MDkuNTY0IDg5MS4xMiA3OTkuMTE2IDc5OS4zODlDODkwLjg0OCA3MDkuODM3IDk2Ny43NzUgNjA1LjM5IDEwNzUuNDkgNDkyLjMxNUMxMTgxLjg1IDM4NC44NzEgMTMxOS4wOCAyNjguNzk5IDE1MDAgMjg2Ljg3M0MxNjgwLjkyIDI2OC43OTkgMTgxOC4xNSAzODQuODcxIDE5MjQuNDIgNDkyLjIyNEMyMDMyLjEzIDYwNS4yOTkgMjEwOC44OCA3MDkuNTY0IDIyMDAuNjEgNzk5LjExNkMyMjkwLjE2IDg5MC44NDggMjM5NC42MSA5NjcuNzc1IDI1MDcuNjggMTA3NS40OUMyNjE1LjA0IDExODEuODUgMjczMS4xMSAxMzE5LjA4IDI3MTMuMTMgMTUwMFoiIGZpbGw9IndoaXRlIi8+PHBhdGggZD0iTTEzOTEuMDYgMTUwMEMxMzkxLjA2IDE2NDcuODkgMTM1OC40IDE3ODEuNjIgMTMwNS43NCAxODc4LjI4QzEyNTMuMDMgMTk3NS4wNSAxMTgwLjY5IDIwMzQgMTEwMS41MyAyMDM0QzEwMjIuMzYgMjAzNCA5NTAuMDMxIDE5NzUuMDUgODk3LjMxNCAxODc4LjI4Qzg0NC42NiAxNzgxLjYyIDgxMiAxNjQ3Ljg5IDgxMiAxNTAwQzgxMiAxMzUyLjExIDg0NC42NiAxMjE4LjM4IDg5Ny4zMTQgMTEyMS43MkM5NTAuMDMxIDEwMjQuOTUgMTAyMi4zNiA5NjYgMTEwMS41MyA5NjZDMTE4MC42OSA5NjYgMTI1My4wMyAxMDI0Ljk1IDEzMDUuNzQgMTEyMS43MkMxMzU4LjQgMTIxOC4zOCAxMzkxLjA2IDEzNTIuMTEgMTM5MS4wNiAxNTAwWiIgZmlsbD0iIzE1NURGRCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSI2Ii8+PGVsbGlwc2UgY3g9IjExMDIuNTciIGN5PSIxMTk0LjkzIiByeD0iMTI2LjQxNCIgcnk9IjIzMS45MzQiIGZpbGw9IndoaXRlIi8+PHBhdGggZD0iTTIxODcuMTYgMTUwMEMyMTg3LjE2IDE2NDcuODkgMjE1NC41IDE3ODEuNjIgMjEwMS44NCAxODc4LjI4QzIwNDkuMTIgMTk3NS4wNSAxOTc2Ljc5IDIwMzQgMTg5Ny42MyAyMDM0QzE4MTguNDYgMjAzNCAxNzQ2LjEzIDE5NzUuMDUgMTY5My40MSAxODc4LjI4QzE2NDAuNzYgMTc4MS42MiAxNjA4LjEgMTY0Ny44OSAxNjA4LjEgMTUwMEMxNjA4LjEgMTM1Mi4xMSAxNjQwLjc2IDEyMTguMzggMTY5My40MSAxMTIxLjcyQzE3NDYuMTMgMTAyNC45NSAxODE4LjQ2IDk2NiAxODk3LjYzIDk2NkMxOTc2Ljc5IDk2NiAyMDQ5LjEyIDEwMjQuOTUgMjEwMS44NCAxMTIxLjcyQzIxNTQuNSAxMjE4LjM4IDIxODcuMTYgMTM1Mi4xMSAyMTg3LjE2IDE1MDBaIiBmaWxsPSIjMTU1REZEIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjYiLz48ZWxsaXBzZSBjeD0iMTg5Ni41OCIgY3k9IjExOTQuOTMiIHJ4PSIxMjYuNDE0IiByeT0iMjMxLjkzNCIgZmlsbD0id2hpdGUiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJjbGlwMF81NTY5XzcyODM1Ij48cmVjdCB3aWR0aD0iMzAwMCIgaGVpZ2h0PSIzMDAwIiBmaWxsPSJ3aGl0ZSIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==
-zizzamia.base.eth;
-```
-</CodeGroup>
-
-
diff --git a/docs/onchainkit/guides/using-ai-powered-ides.mdx b/docs/onchainkit/guides/using-ai-powered-ides.mdx
deleted file mode 100644
index 0d7779530..000000000
--- a/docs/onchainkit/guides/using-ai-powered-ides.mdx
+++ /dev/null
@@ -1,30 +0,0 @@
----
-title: Use AI-powered IDEs · OnchainKit
-sidebarTitle: Use AI-powered IDEs
-description: How to use AI-powered IDEs to generate code for OnchainKit.
----
-
-You can also directly download the [context](https://github.com/fakepixels/md-generator/blob/master/combined-ock-docs-0.35.8.mdx) and import it into AI-powered IDE such as Cursor or Replit.
-
-In addition, you can import a `.cursorrules` file in the root of your project via [Cursor Directory](https://cursor.directory/onchainkit). Cursor also has an array of resources [here](https://cursor.directory/learn) on how to use AI-powered IDEs.
-
-<Frame>
-<img alt="Cursor"
-  src="/images/onchainkit/cursor-dir.gif"
-  height="364"/>
-</Frame>
-
-## AI Tooling
-
-### Replit
-
-[Replit](https://replit.com) is a cloud-based coding platform that streamlines the process of setting up, building, sharing, and deploying projects. It allows developers to code in a Google Docs-like environment, and pre-built templates provide a great starting point for building a website, app, or game. Its new AI Agent can assist with the code development process and work with several files at once, making the programming process feel like a one-on-one conversation.
-
-### Cursor
-
-[Cursor](https://cursor.com) is an AI-powered code editor that makes the programming experience feel like magic. Built as a fork of VS Code, it boasts powerful features like AI code completion, natural language editing, and codebase understanding. Cursor Pro is free for the first two weeks after signup, and offers more powerful models.
-
-### Using OnchainKit with CDP SDK
-
-You can use OnchainKit with [CDP SDK](https://docs.cdp.coinbase.com/get-started/docs/overview) to access additional capabilities such as [AgentKit](https://docs.cdp.coinbase.com/agentkit/docs/welcome).
-
diff --git a/docs/onchainkit/hooks/use-build-deposit-to-morpho-tx.mdx b/docs/onchainkit/hooks/use-build-deposit-to-morpho-tx.mdx
deleted file mode 100644
index 4fd7a3c2b..000000000
--- a/docs/onchainkit/hooks/use-build-deposit-to-morpho-tx.mdx
+++ /dev/null
@@ -1,32 +0,0 @@
----
-title: useBuildDepositToMorphoTx
----
-
-
-The `useBuildDepositToMorphoTx` hook is used to build a deposit transaction to Morpho from within a React component.
-
-The hook handles the following:
-
-- Fetching data required to build the transaction
-- Using [`buildDepositToMorphoTx`](/onchainkit/api/build-deposit-to-morpho-tx) to build the transaction
-- Returning the transaction calls to be used with the `<Transaction />` component
-
-## Usage
-
-```tsx code
-import { useBuildDepositToMorphoTx } from '@coinbase/onchainkit/earn';
-
-const { calls } = useBuildDepositToMorphoTx({
-  vaultAddress: '0x...',
-  recipientAddress: '0x...',
-  amount: '1000000000000000000',
-});
-```
-
-## Returns
-
-[`{ calls: Call[] }`](/onchainkit/transaction/types#calls)
-
-## Parameters
-
-[`UseBuildDepositToMorphoTxParams`](/onchainkit/earn/types#usebuilddeposittomorphotxparams)
diff --git a/docs/onchainkit/hooks/use-build-withdraw-from-morpho-tx.mdx b/docs/onchainkit/hooks/use-build-withdraw-from-morpho-tx.mdx
deleted file mode 100644
index 59d126df2..000000000
--- a/docs/onchainkit/hooks/use-build-withdraw-from-morpho-tx.mdx
+++ /dev/null
@@ -1,33 +0,0 @@
----
-title: useBuildWithdrawFromMorphoTx
----
-
-
-The `useBuildWithdrawFromMorphoTx` hook is used to build a withdraw transaction from Morpho from within a React component.
-
-The hook handles the following:
-
-- Fetching data required to build the transaction
-- Using [`buildWithdrawFromMorphoTx`](/onchainkit/api/build-withdraw-from-morpho-tx) to build the transaction
-- Returning the transaction calls to be used with the `<Transaction />` component
-
-## Usage
-
-```tsx code
-import { useBuildWithdrawFromMorphoTx } from '@coinbase/onchainkit/earn';
-
-const { calls } = useBuildWithdrawFromMorphoTx({
-  vaultAddress: '0x...',
-  recipientAddress: '0x...',
-  amount: '1000000000000000000',
-  tokenDecimals: 18,
-});
-```
-
-## Returns
-
-[`{ calls: Call[] }`](/onchainkit/transaction/types#calls)
-
-## Parameters
-
-[`UseBuildWithdrawFromMorphoTxParams`](/onchainkit/earn/types#usebuildwithdrawfrommorphotxparams)
diff --git a/docs/onchainkit/hooks/use-earn-context.mdx b/docs/onchainkit/hooks/use-earn-context.mdx
deleted file mode 100644
index daaccdd84..000000000
--- a/docs/onchainkit/hooks/use-earn-context.mdx
+++ /dev/null
@@ -1,36 +0,0 @@
----
-title: useEarnContext
----
-
-
-The `useEarnContext` hook is used to access the context values of the `Earn` component.
-
-It can be used to build fully custom deposit and withdraw interfaces and contains all relevant data about a Morpho vault.
-
-
-## Usage
-
-Note: This hook should be used within a `<Earn />` or `<EarnProvider />` (headless) component.
-
-```tsx code
-import { useEarnContext } from '@coinbase/onchainkit/earn';
-
-const { depositAmount, 
-        setDepositAmount, 
-        apy, 
-        nativeApy, 
-        rewards, 
-        vaultFee, 
-        vaultToken, 
-        liquidity, 
-        deposits 
-       // ...  
-        } = useEarnContext();
-
-// Use the values to build a custom deposit interface!
-```
-
-## Returns
-
-[`EarnContextType`](/onchainkit/earn/types#earncontexttype)
-
diff --git a/docs/onchainkit/hooks/use-mint-details.mdx b/docs/onchainkit/hooks/use-mint-details.mdx
deleted file mode 100644
index 50449e613..000000000
--- a/docs/onchainkit/hooks/use-mint-details.mdx
+++ /dev/null
@@ -1,86 +0,0 @@
----
-title: useMintDetails
----
-
-
-The `useMintDetails` hook implements the `getMintDetails` API, returning the data required to view an NFT to be minted.
-
-It is implemented with [useQuery](https://tanstack.com/query/latest/docs/framework/react/reference/useQuery) from `@tanstack/react-query`, and returns a `UseQueryResult` object, allowing you to pass through all `@tanstack/react-query` options.
-
-Before using them, make sure to obtain a [Client API Key](https://portal.cdp.coinbase.com/projects/api-keys/client-key) from Coinbase Developer Platform.
-
-## Usage
-
-<CodeGroup>
-```tsx code
-import { useMintDetails } from '@coinbase/onchainkit/nft';
-
-const Component = () => {
-  const { data, isLoading, error } = useMintDetails({
-    contractAddress: '0x...',
-    takerAddress: '0x...',
-    tokenId: '1',
-  });
-
-  if (isLoading) return <div>Loading...</div>;
-  
-  return <div>{JSON.stringify(data)}</div>;
-};
-```
-
-```tsx scaffolding
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { OnchainKitProvider } from '@coinbase/onchainkit';
-import { useTokenDetails } from '@coinbase/onchainkit/nft';
-
-const queryClient = new QueryClient();
-
-<QueryClientProvider client={queryClient}>
-  <OnchainKitProvider
-    apiKey={...apiKey}
-    chain={base}
-  >
-    <Component />
-  </OnchainKitProvider>
-</QueryClientProvider>
-```
-
-
-```json return value
-{
-  "data": {
-    "name": "NFT Name",
-    "description": "NFT description",
-    "imageUrl": "https://example.com/image.png",
-    "animationUrl": "",
-    "mimeType": "image/png",
-    "contractType": "ERC721",
-    "price": {
-      "amount": "0.0001",
-      "currency": "ETH",
-      "amountUSD": "0.242271"
-    },
-    "mintFee": {
-      "amount": "0",
-      "currency": "ETH",
-      "amountUSD": "0"
-    },
-    "maxMintsPerWallet": 100,
-    "isEligibleToMint": true,
-    "creatorAddress": "0x...",
-    "network": "",
-    "totalTokens": "300",
-    "totalOwners": "200"
-  }
-}
-```
-</CodeGroup>
-
-## Returns
-
-[`UseQueryResult<MintDetails>`](/onchainkit/api/types#getmintdetailsresponse)
-
-## Parameters
-
-[`GetMintDetailsParams`](/onchainkit/api/types#getmintdetailsparams)
-
diff --git a/docs/onchainkit/hooks/use-morpho-vault.mdx b/docs/onchainkit/hooks/use-morpho-vault.mdx
deleted file mode 100644
index f685afb3a..000000000
--- a/docs/onchainkit/hooks/use-morpho-vault.mdx
+++ /dev/null
@@ -1,33 +0,0 @@
----
-title: useMorphoVault
----
-
-
-The `useMorphoVault` hook fetches and returns comprehensive data about a Morpho vault, including APYs, balances, and rewards.
-
-## Usage
-
-```tsx
-import { useMorphoVault } from '@coinbase/onchainkit/earn';
-
-const {
-  balance,
-  totalApy,
-  rewards,
-  deposits,
-  liquidity,
-  // ... other values
-} = useMorphoVault({
-  vaultAddress: '0x...',
-  recipientAddress: '0x...',
-});
-```
-
-## Returns
-
-[`UseMorphoVaultReturnType`](/onchainkit/earn/types#usemorphovaultreturntype)
-
-## Parameters
-
-[`UseMorphoVaultParams`](/onchainkit/earn/types#usemorphovaultparams)
-
diff --git a/docs/onchainkit/hooks/use-token-details.mdx b/docs/onchainkit/hooks/use-token-details.mdx
deleted file mode 100644
index 2e610766c..000000000
--- a/docs/onchainkit/hooks/use-token-details.mdx
+++ /dev/null
@@ -1,76 +0,0 @@
----
-title: useTokenDetails
----
-
-
-The `useTokenDetails` hook implements the `getTokenDetails` API, returning the data required to view an NFT.
-
-It is implemented with [useQuery](https://tanstack.com/query/latest/docs/framework/react/reference/useQuery) from `@tanstack/react-query`, and returns a `UseQueryResult` object, allowing you to pass through all `@tanstack/react-query` options.
-
-Before using them, make sure to obtain a [Client API Key](https://portal.cdp.coinbase.com/projects/api-keys/client-key) from Coinbase Developer Platform.
-
-## Usage
-
-<CodeGroup>
-```tsx code
-import { useTokenDetails } from '@coinbase/onchainkit/nft';
-
-const Component = () => {
-  const { data, isLoading, error } = useTokenDetails({
-    contractAddress: '0x...',
-    tokenId: '1',
-  });
-
-  if (isLoading) return <div>Loading...</div>;
-  
-  return <div>{JSON.stringify(data)}</div>;
-};
-```
-
-```tsx scaffolding
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { OnchainKitProvider } from '@coinbase/onchainkit';
-import { useTokenDetails } from '@coinbase/onchainkit/nft';
-
-const queryClient = new QueryClient();
-
-<QueryClientProvider client={queryClient}>
-  <OnchainKitProvider
-    apiKey={...apiKey}
-    chain={base}
-  >
-    <Component />
-  </OnchainKitProvider>
-</QueryClientProvider>
-```
-
-```json return value
-{ 
-  "data": {
-    "collectionName": "NFT Collection Name",
-    "collectionDescription": "NFT Collection Description",
-    "name": "NFT Name",
-    "description": "NFT Description",
-    "imageUrl": "https://example.com/image.png",
-    "animationUrl": "",
-    "ownerAddress": "0x...",
-    "lastSoldPrice": {
-      "amount": "0.0001",
-      "currency": "ETH",
-      "amountUSD": "0.242271"
-    },
-    "mimeType": "image/png",
-    "contractType": "ERC721"
-  }
-}
-```
-</CodeGroup>
-
-## Returns
-
-[`UseQueryResult<TokenDetails>`](/onchainkit/api/types#gettokendetailsresponse)
-
-## Parameters
-
-[`GetTokenDetailsParams`](/onchainkit/api/types#gettokendetailsparams)
-
diff --git a/docs/onchainkit/identity/address.mdx b/docs/onchainkit/identity/address.mdx
deleted file mode 100644
index e24552539..000000000
--- a/docs/onchainkit/identity/address.mdx
+++ /dev/null
@@ -1,65 +0,0 @@
----
-title: "`<Address />`"
----
-
-The `Address` component is used to render a shortened user account address.
-
-## Usage
-
-Sliced account address:
-
-```tsx
-import { Address } from '@coinbase/onchainkit/identity';
-<Address address="0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1" /> // [!code focus]
-```
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-address--default-identity&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Address address="0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1" />
-</App> */}
-
-### Display full address
-
-Set `isSliced` to false, to display the full address:
-
-```tsx
-import { Address } from '@coinbase/onchainkit/identity';
-<Address address="0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1" isSliced={false} /> // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-address--full-address&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Address address="0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1" isSliced={false}/>
-</App> */}
-
-### Override styles
-
-You can override component styles using `className`.
-
-```tsx
-import { Address } from '@coinbase/onchainkit/identity';
-<Address
-  className="bg-emerald-400 px-2 py-1 rounded" // [!code focus]
-  address="0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1"
-/>
-```
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-address--override-styles&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Address className="bg-emerald-400 px-2 py-1 rounded" address="0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1"/>
-</App> */}
-
-## Props
-
-[`AddressReact`](/onchainkit/identity/types#addressreact)
-
diff --git a/docs/onchainkit/identity/avatar.mdx b/docs/onchainkit/identity/avatar.mdx
deleted file mode 100644
index 1e7fde08f..000000000
--- a/docs/onchainkit/identity/avatar.mdx
+++ /dev/null
@@ -1,160 +0,0 @@
----
-title: "`<Avatar />`"
----
-
-The `Avatar` component is used to display ENS or [Basenames](https://www.base.org/names) avatar associated with Ethereum addresses.
-When an avatar is not available, it defaults to blue color avatar.
-
-## Usage
-
-Address with an ENS avatar:
-```tsx
-import { Avatar } from '@coinbase/onchainkit/identity';
-<Avatar address="0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9" /> // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-avatar--default-identity&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Avatar address="0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9" />
-</App> */}
-
-Address without an ENS or Basenames avatar defaults to a plain avatar:
-
-```tsx
-import { Avatar } from '@coinbase/onchainkit/identity';
-<Avatar address="0x1234567890abcdef1234567890abcdef12345678" /> // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-avatar--full-address&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Avatar address="0x1234567890abcdef1234567890abcdef12345678" />
-</App> */}
-
-Address with a Basename avatar:
-
-```tsx
-import { Avatar } from '@coinbase/onchainkit/identity';
-import { base } from 'viem/chains'; // [!code focus]
-
-<Avatar address="0x4bEf0221d6F7Dd0C969fe46a4e9b339a84F52FDF" chain={base} /> // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-avatar--full-address&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Avatar address="0x4bEf0221d6F7Dd0C969fe46a4e9b339a84F52FDF" chain={base}/>
-</App> */}
-
-Override styles via `className` prop:
-
-```tsx
-import { Avatar } from '@coinbase/onchainkit/identity';
-<Avatar // [!code focus]
-  className="bg-white rounded-full" // [!code focus]
-  address="0x1234567890abcdef1234567890abcdef12345678"
-/> // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-avatar--override-styles&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-
-{/* <App>
-  <Avatar className="bg-white rounded-full" address="0x1234567890abcdef1234567890abcdef12345678" />
-</App> */}
-
-Use `defaultComponent` prop to change the default avatar when ENS avatar is not found.
-Use `loadingComponent` prop to change the loading placeholder:
-```tsx
-import { Avatar } from '@coinbase/onchainkit/identity';
-<Avatar
-  address="0x1234567890abcdef1234567890abcdef12345678"
-  loadingComponent={(
-    <div className="h-8 w-8">
-      <svg width="100%" height="100%" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-        <polygon points="6,1 14,1 19,6 19,14 14,19 6,19 1,14 1,6" fill="yellow" stroke="yellow" stroke-width="1"/>
-      </svg>
-    </div>
-  )}
-  defaultComponent={(
-    <div className="h-8 w-8">
-      <svg width="100%" height="100%" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-        <polygon points="6,1 14,1 19,6 19,14 14,19 6,19 1,14 1,6" fill="green" stroke="green" stroke-width="1"/>
-      </svg>
-    </div>
-  )}
-/>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-avatar--default-loading-components&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Avatar
-    address="0x1234567890abcdef1234567890abcdef12345678"
-    loadingComponent={(
-      <div className="h-8 w-8">
-        <svg width="100%" height="100%" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-          <polygon points="6,1 14,1 19,6 19,14 14,19 6,19 1,14 1,6" fill="yellow" stroke="yellow" stroke-width="1"/>
-        </svg>
-      </div>
-    )}
-    defaultComponent={(
-      <div className="h-8 w-8">
-        <svg width="100%" height="100%" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-          <polygon points="6,1 14,1 19,6 19,14 14,19 6,19 1,14 1,6" fill="green" stroke="green" stroke-width="1"/>
-        </svg>
-      </div>
-    )}
-  />
-</App> */}
-
-Show attestation on ENV avatar with [`Badge`](/onchainkit/identity/badge) component.
-Use [`OnchainKitProvider`](/onchainkit/config/onchainkit-provider) or [`Identity`](/onchainkit/identity/identity) component with the `schemaId` prop.
-```tsx
-import { Avatar, Badge, Identity } from '@coinbase/onchainkit/identity';
-<Identity
-  schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
-  address="0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9"
->
-  <Avatar >
-    <Badge />
-  </Avatar>
-</Identity>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-avatar--with-badge&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Identity
-    schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
-    address="0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9"
-    className="bg-transparent"
-  >
-    <Avatar >
-      <Badge />
-    </Avatar>
-  </Identity>
-</App> */}
-
-## Props
-[`AvatarReact`](/onchainkit/identity/types#AvatarReact)
-
diff --git a/docs/onchainkit/identity/badge.mdx b/docs/onchainkit/identity/badge.mdx
deleted file mode 100644
index 6107bc626..000000000
--- a/docs/onchainkit/identity/badge.mdx
+++ /dev/null
@@ -1,180 +0,0 @@
----
-title: "`<Badge />`"
----
-
-Use `Badge` component along with [`Avatar`](/onchainkit/identity/avatar) or [`Name`](/onchainkit/identity/name) components to display user attestations attached to their account
-
-## Usage
-
-Badge with default colors:
-
-<CodeGroup>
-```tsx tsx
-import { Badge } from '@coinbase/onchainkit/identity';
-<Badge className="badge" /> // [!code focus]
-```
-
-```css css
-.badge {
-  background: #4F46E5;
-  path {
-    fill: #F9FAFB;
-  }
-}
-```
-</CodeGroup>
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-badge--default-identity&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Badge className="badge" />
-</App> */}
-
-Badge with custom colors:
-
-```tsx
-import { Badge } from '@coinbase/onchainkit/identity';
-<Badge className="bg-blue-400 border-white"/> // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-badge--custom-color&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Badge className="bg-blue-400 border-white"/>
-</App> */}
-
-## Badge with Tooltip
-
-You can enable a tooltip for the attestation badge to provide context about what the badge represents:
-
-```tsx
-// @noErrors: 2657
-import { Badge } from '@coinbase/onchainkit/identity';
-
-<Badge 
-  tooltip={true} // [!code focus]
-  className="badge"
-/>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-badge--tooltip&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Badge tooltip={true} className="badge" />
-</App> */}
-
-With custom tooltip text:
-
-```tsx
-// @noErrors: 2657
-import { Badge } from '@coinbase/onchainkit/identity';
-
-<Badge 
-  tooltip="Coinbase Verified Account" // [!code focus]
-  className="badge"
-/>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-badge--custom-tooltip&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Badge tooltip="Coinbase Verified Account" className="badge" />
-</App> */}
-
-## Props
-
-[`BadgeReact`](/onchainkit/identity/types#badgereact)
-
-| Prop | Type | Description |
-|------|------|-------------|
-| `className` | `string` | Optional className override for top span element |
-| `tooltip` | `boolean \| string` | Controls whether the badge shows a tooltip on hover. When `true`, displays the attestation name. When a string is provided, shows that custom text instead. Defaults to `false` |
-
-## Badge on `<Name />` and `<Avatar />`
-
-Badge with [`<Name />`](/onchainkit/identity/name), best used when [`<Name />`](/onchainkit/identity/name) are displayed alongside [`<Avatar />`](/onchainkit/identity/avatar) components.
-
-In both examples we use the Coinbase [Verified Account](https://base.easscan.org/schema/view/0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9) schema ID to show the Coinbase verified badge on the Name and Avatar components.
-
-```tsx
-// @noErrors: 2657
-import { base } from 'viem/chains';
-import { Badge, Name, Identity } from '@coinbase/onchainkit/identity';
-
-const address = '0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9';
-const COINBASE_VERIFIED_ACCOUNT_SCHEMA_ID =
-  '0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9';
-
-<Identity
-  className="bg-transparent"
-  schemaId={COINBASE_VERIFIED_ACCOUNT_SCHEMA_ID}
-  address={address}
->
-  <Name address={address}>
-    <Badge tooltip={true} /> {/* With tooltip that shows attestation name */}
-  </Name>
-</Identity>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-badge--badge-on-name&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Identity
-    className="bg-transparent"
-    schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
-  >
-    <Name address="0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9">
-      <Badge tooltip={true} />
-    </Name>
-  </Identity>
-</App> */}
-
-Badge with [`<Avatar />`](/onchainkit/identity/avatar), best used when [`<Avatar />`](/onchainkit/identity/avatar) is not paired with any labels.
-
-```tsx
-// @noErrors: 2657
-import { base } from 'viem/chains';
-import { Avatar, Badge, Identity } from '@coinbase/onchainkit/identity';
-
-const address = '0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9';
-const COINBASE_VERIFIED_ACCOUNT_SCHEMA_ID =
-  '0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9';
-
-<Identity
-  className="bg-transparent"
-  schemaId={COINBASE_VERIFIED_ACCOUNT_SCHEMA_ID}
->
-  <Avatar address={address}>
-    <Badge tooltip="Verified by Coinbase" /> {/* With custom tooltip text */}
-  </Avatar>
-</Identity>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-badge--badge-on-avatar&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Identity schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9" className="bg-transparent">
-    <Avatar address="0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9">
-      <Badge tooltip="Verified by Coinbase" />
-    </Avatar>
-  </Identity>
-</App> */}
-
diff --git a/docs/onchainkit/identity/get-address.mdx b/docs/onchainkit/identity/get-address.mdx
deleted file mode 100644
index 8445596f6..000000000
--- a/docs/onchainkit/identity/get-address.mdx
+++ /dev/null
@@ -1,46 +0,0 @@
----
-title: getAddress
----
-
-
-The `getAddress` utility is designed to retrieve an address from an onchain identity provider for a given name.
-
-## Usage
-
-Get ENS Name from mainnet chain
-
-<CodeGroup>
-```tsx code
-import { getAddress } from '@coinbase/onchainkit/identity';
-
-const address = await getAddress({ name: 'zizzamia.eth' });
-```
-
-```ts return value
-0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1
-```
-</CodeGroup>
-
-Get Basename from base chain
-
-<CodeGroup>
-```tsx code
-import { getAddress } from '@coinbase/onchainkit/identity';
-import { base } from 'viem/chains';
-
-const address = await getAddress({ name: 'zizzamia.base.eth', chain: base });
-```
-
-```ts return value
-0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1
-```
-</CodeGroup>
-
-## Returns
-
-See [`GetAddressReturnType`](/onchainkit/identity/types#getaddressreturntype) and [`GetAddress`](/onchainkit/identity/types#getaddress) for more details.
-
-## Parameters
-
-See [`GetAddressReturnType`](/onchainkit/identity/types#getaddressreturntype) and [`GetAddress`](/onchainkit/identity/types#getaddress) for more details.
-
diff --git a/docs/onchainkit/identity/get-attestations.mdx b/docs/onchainkit/identity/get-attestations.mdx
deleted file mode 100644
index 7282f1684..000000000
--- a/docs/onchainkit/identity/get-attestations.mdx
+++ /dev/null
@@ -1,86 +0,0 @@
----
-title: getAttestations
----
-
-
-The `getAttestations` function fetches attestations for a specified address
-and blockchain in Ethereum Attestation Service (EAS). It allows optional filtering
-based on schema IDs, revocation status, expiration time, and the number of attestations to return.
-
-In the example, we use the Coinbase [Verified Account](https://base.easscan.org/schema/view/0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9) schema ID.
-
-## Usage
-
-<CodeGroup>
-```tsx code
-// @noErrors: 2345 - Argument of type string is not assignable to 0x{string}
-import { getAttestations } from '@coinbase/onchainkit/identity';
-import { base } from 'viem/chains';
-
-const COINBASE_VERIFIED_ACCOUNT_SCHEMA_ID =
-  '0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9';
-
-const address = '0x1234567890abcdef1234567890abcdef12345678';
-const attestationsOptions = {
-  schemas: [COINBASE_VERIFIED_ACCOUNT_SCHEMA_ID],
-};
-
-const attestations = await getAttestations(address, base, attestationsOptions);
-```
-
-```ts return value
-const attestations = [
-  {
-    attester: '0x357458739F90461b99789350868CD7CF330Dd7EE',
-    decodedDataJson:
-      '[{"name":"verifiedAccount","type":"bool","signature":"bool verifiedAccount","value":{"name":"verifiedAccount","type":"bool","value":true}}]',
-    expirationTime: 0,
-    id: '0xf1fdb9d102f4b7c1d3b729fc10fea68596301c831913468f3f77f2d631486e12',
-    recipient: '0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1',
-    revocationTime: 0,
-    revoked: false,
-    schemaId: '0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9',
-    time: 1704433703,
-    timeCreated: 1704433705,
-    txid: '0x71e21910fd44c2b75b143cf71318507b60d09c5f3caf848109974dd397de9f37',
-  },
-];
-```
-</CodeGroup>
-
-## Returns
-
-[`Promise<Attestation[]>`](/onchainkit/identity/types#attestation)
-
-See [Attestation](/onchainkit/identity/types#attestation) and [GetAttestationsOptions](/onchainkit/identity/types#getattestationsoptions) for more details.
-
-## Parameters
-
-### Address
-
-```ts
-type Address = `0x${string}`; // The address for which attestations are being queried.
-```
-
-### Chain
-
-```ts
-type Chain = { // The blockchain of interest.
-  id: string;
-  name: string;
-  network: string;
-  chainId: number;
-  nativeCurrency: {
-    name: string;
-    symbol: string;
-    decimals: number;
-  };
-  rpcUrls: string[];
-  blockExplorerUrls: string[];
-};
-```
-
-### GetAttestationsOptions
-
-[GetAttestationsOptions](/onchainkit/identity/types#getattestationsoptions)
-
diff --git a/docs/onchainkit/identity/get-avatar.mdx b/docs/onchainkit/identity/get-avatar.mdx
deleted file mode 100644
index ad48272e0..000000000
--- a/docs/onchainkit/identity/get-avatar.mdx
+++ /dev/null
@@ -1,52 +0,0 @@
----
-title: getAvatar
----
-
-
-The `getAvatar` utility is designed to retrieve an avatar image
-URL from an onchain identity provider for a given name.
-
-Consider the utility instead of the hook when you
-use it with Next.js or any Node.js backend.
-
-Supported providers:
-
-- [Basenames](https://www.base.org/names)
-- ENS
-
-## Usage
-
-Get Basename avatar:
-
-<CodeGroup>
-```tsx code
-import { getAvatar } from '@coinbase/onchainkit/identity';
-import { base, mainnet } from 'viem/chains';
-
-const baseAvatar = await getAvatar({ ensName: 'paulcramer.eth', chain: base });
-```
-
-```ts return value
-https://zku9gdedgba48lmr.public.blob.vercel-storage.com/basenames/avatar/paul.base.eth/1722120524815/FWUzoZmJ_400x400-kWjr2gMvjNe9hHMs9Z9LxGVGIME3By.jpg
-```
-</CodeGroup>
-
-Get ENS avatar:
-
-<CodeGroup>
-```tsx code
-import { getAvatar } from '@coinbase/onchainkit/identity';
-import { mainnet } from 'viem/chains';
-
-const ensAvatar = await getAvatar({ ensName: 'paulcramer.eth', chain: mainnet });
-```
-
-```ts return value
-https://euc.li/paulcramer.eth;
-```
-</CodeGroup>
-
-## Returns
-
-[`Promise<GetAvatarReturnType>`](/onchainkit/identity/types#getavatarreturntype)
-
diff --git a/docs/onchainkit/identity/get-avatars.mdx b/docs/onchainkit/identity/get-avatars.mdx
deleted file mode 100644
index 446fcfe6c..000000000
--- a/docs/onchainkit/identity/get-avatars.mdx
+++ /dev/null
@@ -1,78 +0,0 @@
----
-title: getAvatars
----
-
-
-The `getAvatars` utility is designed to retrieve multiple avatars from an onchain identity
-provider for an array of ENS names or Basenames in a single batch request.
-
-Consider the utility instead of the hook when you
-use it with Next.js or any Node.js backend.
-
-## Usage
-
-Get avatars for multiple ENS names:
-
-<CodeGroup>
-```tsx code
-import { getAvatars } from '@coinbase/onchainkit/identity';
-
-const ensNames = ['vitalik.eth', 'zizzamia.eth'];
-const avatars = await getAvatars({ ensNames });
-```
-
-```ts return value
-[
-  'https://ipfs.io/ipfs/QmSP4nq9fnN9dAiCj42ug9Wa79rqmQerZXZch82VqpiH7U/image.gif',
-  'https://ipfs.io/ipfs/QmQ9RT2SrZ6TWUjrQxG4bNnhb3nDqBE5Ld1j9GYvk3kTjf'
-]
-```
-</CodeGroup>
-
-Get avatars for multiple Basenames:
-
-<CodeGroup>
-```tsx code
-import { getAvatars } from '@coinbase/onchainkit/identity';
-import { base } from 'viem/chains';
-
-const ensNames = ['zizzamia.base.eth', 'coinbase.base.eth'];
-const avatars = await getAvatars({ ensNames, chain: base });
-```
-
-```ts return value
-[
-  'https://ipfs.io/ipfs/QmQ9RT2SrZ6TWUjrQxG4bNnhb3nDqBE5Ld1j9GYvk3kTjf',
-  'https://ipfs.io/ipfs/QmXHFnSXcN7CSuVcyF3vyPgPcPvLQyLpKYBaNpx3x3bPAZ'
-]
-```
-</CodeGroup>
-
-Get avatars for a mix of ENS names and Basenames:
-
-<CodeGroup>
-```tsx code
-import { getAvatars } from '@coinbase/onchainkit/identity';
-import { base } from 'viem/chains';
-
-const ensNames = ['vitalik.eth', 'zizzamia.base.eth'];
-const avatars = await getAvatars({ ensNames, chain: base });
-```
-
-```ts return value
-[
-  'https://ipfs.io/ipfs/QmSP4nq9fnN9dAiCj42ug9Wa79rqmQerZXZch82VqpiH7U/image.gif',
-  'https://ipfs.io/ipfs/QmQ9RT2SrZ6TWUjrQxG4bNnhb3nDqBE5Ld1j9GYvk3kTjf'
-]
-```
-</CodeGroup>
-
-## Returns
-
-Array of [`GetAvatarReturnType`](/onchainkit/identity/types#getavatarreturntype)
-
-## Parameters
-
-### GetAvatars
-
-[`GetAvatars`](/onchainkit/identity/types#getavatars) 
diff --git a/docs/onchainkit/identity/get-name.mdx b/docs/onchainkit/identity/get-name.mdx
deleted file mode 100644
index 066f56625..000000000
--- a/docs/onchainkit/identity/get-name.mdx
+++ /dev/null
@@ -1,68 +0,0 @@
----
-title: getName
----
-
-
-The `getName` utility is designed to retrieve a name from an onchain identity
-provider for a specific address.
-
-Consider the utility instead of the hook when you
-use it with Next.js or any Node.js backend.
-
-## Usage
-
-Get ENS name from an address:
-
-<CodeGroup>
-```tsx code
-import { getName } from '@coinbase/onchainkit/identity';
-
-const address = '0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1';
-const name = await getName({ address });
-```
-
-```ts return value
-zizzamia.eth;
-```
-</CodeGroup>
-
-Get Basename from an address:
-
-<CodeGroup>
-```tsx code
-import { getName } from '@coinbase/onchainkit/identity';
-import { base } from 'viem/chains';
-
-const address = '0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1';
-const name = await getName({ address, chain: base });
-```
-
-```ts return value
-zizzamia.base.eth;
-```
-</CodeGroup>
-
-Get a sliced address when address does not have an ENS name:
-
-<CodeGroup>
-```tsx code
-import { getName } from '@coinbase/onchainkit/identity';
-
-const address = '0x1234567890abcdef1234567890abcdef12345678';
-const name = await getName({ address });
-```
-
-```ts return value
-0x123...5678
-```
-</CodeGroup>
-
-## Returns
-
-See [GetNameReturnType](/onchainkit/identity/types#getnamereturntype) and [GetName](/onchainkit/identity/types#getname) for more details.
-
-## Parameters
-
-See [GetNameReturnType](/onchainkit/identity/types#getnamereturntype) and [GetName](/onchainkit/identity/types#getname) for more details.
-
-
diff --git a/docs/onchainkit/identity/get-names.mdx b/docs/onchainkit/identity/get-names.mdx
deleted file mode 100644
index c2e864043..000000000
--- a/docs/onchainkit/identity/get-names.mdx
+++ /dev/null
@@ -1,78 +0,0 @@
----
-title: getNames
----
-
-
-The `getNames` utility is designed to retrieve multiple names from an onchain identity
-provider for an array of addresses in a single batch request.
-
-Consider the utility instead of the hook when you
-use it with Next.js or any Node.js backend.
-
-## Usage
-
-Get ENS names from multiple addresses:
-
-<CodeGroup>
-```tsx code
-import { getNames } from '@coinbase/onchainkit/identity';
-
-const addresses = [
-  '0x4bEf0221d6F7Dd0C969fe46a4e9b339a84F52FDF',
-  '0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9'
-];
-const names = await getNames({ addresses });
-```
-
-```ts return value
-['paulcramer.eth', 'vitalik.eth']
-```
-</CodeGroup>
-
-Get Basenames from multiple addresses:
-
-<CodeGroup>
-```tsx code
-import { getNames } from '@coinbase/onchainkit/identity';
-import { base } from 'viem/chains';
-
-const addresses = [
-  '0x4bEf0221d6F7Dd0C969fe46a4e9b339a84F52FDF',
-  '0x4bEf0221d6F7Dd0C969fe46a4e9b339a84F52FDF'
-];
-const names = await getNames({ addresses, chain: base });
-```
-
-```ts return value
-['paul.base.eth', 'coinbase.base.eth']
-```
-</CodeGroup>
-
-Get a mix of ENS names and sliced addresses when some addresses don't have names:
-
-<CodeGroup>
-```tsx code
-import { getNames } from '@coinbase/onchainkit/identity';
-
-const addresses = [
-  '0x4bEf0221d6F7Dd0C969fe46a4e9b339a84F52FDF',
-  '0x1234567890abcdef1234567890abcdef12345678'
-];
-const names = await getNames({ addresses });
-```
-
-```ts return value
-['paulcramer.eth', null]
-```
-</CodeGroup>
-
-## Returns
-
-Array of [`GetNameReturnType`](/onchainkit/identity/types#getnamereturntype)
-
-## Parameters
-
-### GetNames
-
-[`GetNames`](/onchainkit/identity/types#getnames) 
-
diff --git a/docs/onchainkit/identity/identity-card.mdx b/docs/onchainkit/identity/identity-card.mdx
deleted file mode 100644
index d35d1f7ab..000000000
--- a/docs/onchainkit/identity/identity-card.mdx
+++ /dev/null
@@ -1,175 +0,0 @@
----
-title: <IdentityCard /> · OnchainKit
-sidebarTitle: <IdentityCard />
-description: Display user identity information with ENS and chain-specific name resolution
----
-
-The `IdentityCard` component provides a comprehensive way to display user identity information, including ENS names, avatars, and chain-specific name resolution.
-
-## Features
-- **Name Resolution:** Resolves both Basenames and ENS names automatically
-- **Avatar Support:** Displays ENS and chain-specific avatars
-- **Flexible Display:** Customizable layout and styling options
-- **Chain-Aware:** Works across different EVM chains that support name resolution
-- **Tooltip Support:** Displays attestation information on badge hover
-
-## Usage
-
-### Basic Usage
-
-```tsx
-// @errors: 2305
-import { IdentityCard } from '@coinbase/onchainkit/identity'; // [!code focus]
-import { base } from 'viem/chains';
-
-<IdentityCard // [!code focus] 
-  address="0x4bEf0221d6F7Dd0C969fe46a4e9b339a84F52FDF" // [!code focus]
-  chain={base} // [!code focus]
-  schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
-/> // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-card--default-identity&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-
-
-### Badge Tooltip
-
-You can enable a tooltip for the attestation badge to provide context about what the badge represents:
-
-```tsx
-// @noErrors: 2305 2657
-import { IdentityCard } from '@coinbase/onchainkit/identity';
-import { base } from 'viem/chains';
-
-<IdentityCard 
-  address="0x4bEf0221d6F7Dd0C969fe46a4e9b339a84F52FDF"
-  chain={base}
-  schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
-  badgeTooltip={true} // [!code focus]
-/>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-card--badge-tooltip&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <IdentityCard 
-    schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
-    address="0x4bEf0221d6F7Dd0C969fe46a4e9b339a84F52FDF"
-    chain={base}
-    className="max-w-[300px]"
-    badgeTooltip={true}
-  />
-</App> */}
-
-You can also provide custom tooltip text:
-
-```tsx
-// @noErrors: 2305 2657
-import { IdentityCard } from '@coinbase/onchainkit/identity';
-import { base } from 'viem/chains';
-
-<IdentityCard 
-  address="0x4bEf0221d6F7Dd0C969fe46a4e9b339a84F52FDF"
-  chain={base}
-  schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
-  badgeTooltip="Coinbase Verified" // [!code focus]
-/>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-card--badge-tooltip-custom&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <IdentityCard 
-    schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
-    address="0x4bEf0221d6F7Dd0C969fe46a4e9b339a84F52FDF"
-    chain={base}
-    className="max-w-[300px]"
-    badgeTooltip="Coinbase Verified"
-  />
-</App> */}
-
-## Customization
-
-You can override styles using `className` or by setting a custom [OnchainKit theme](/onchainkit/guides/themes#custom-theme). You can also set the `mainnet` chain for ENS name resolution:
-
-```tsx
-import { IdentityCard } from '@coinbase/onchainkit/identity';
-import { mainnet } from 'viem/chains'; // [!code focus]
-
-<OnchainKitProvider
-  config={{
-    appearance: {
-      mode: 'auto',
-      theme: 'cyberpunk', // [!code focus]
-    },
-  }}
->
-</OnchainKitProvider>
-
-<IdentityCard 
-  address="0x123..."
-  chain={mainnet} // [!code focus]
-  schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
-/>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-card--customization&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <IdentityCard 
-    schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
-    address="0x4bEf0221d6F7Dd0C969fe46a4e9b339a84F52FDF"
-    chain={mainnet}
-    className="cyberpunk max-w-[300px]"
-  />
-</App> */}
-
-## Props
-
-[`IdentityCardReact`](/onchainkit/identity/types#identitycardreact)
-
-| Prop | Type | Description |
-|------|------|-------------|
-| `address` | `string` | The wallet address to display identity for |
-| `chain` | `Chain` | The chain to resolve the identity on |
-| `className` | `string` | Additional CSS classes to apply |
-| `schemaId` | `Address \| null` | The schema ID for attestation |
-| `badgeTooltip` | `boolean \| string` | When `true`, displays the attestation name in tooltip. When a string is provided, shows that custom text instead. Defaults to `false` |
-
-## Error Handling
-
-The component handles various error states gracefully:
-
-- Invalid addresses display a shortened address format
-- Missing ENS names fallback to shortened addresses
-- Failed avatar fetches show a default avatar
-- Network errors maintain a degraded but functional display
-
-## Best Practices
-
-1. Always provide a valid chain object from viem/chains
-2. Handle loading states in parent components when address might be undefined
-3. Implement proper error boundaries in parent components
-4. Consider mobile responsiveness when styling
-5. Use `badgeTooltip` to provide context about what the verification badge represents
-
-## Related Components
-
-- [`<Avatar>`](/onchainkit/identity/avatar) - Displays user avatars
-- [`<Name>`](/onchainkit/identity/name) - Displays resolved names
-- [`<Identity>`](/onchainkit/identity/identity) - Simplified identity display
-
-
diff --git a/docs/onchainkit/identity/identity.mdx b/docs/onchainkit/identity/identity.mdx
deleted file mode 100644
index 22270260f..000000000
--- a/docs/onchainkit/identity/identity.mdx
+++ /dev/null
@@ -1,220 +0,0 @@
----
-title: <Identity /> · OnchainKit
-sidebarTitle: <Identity />
-description: Identity components & utilities
----
-
-`Identity` is a React context provider and arranges identity components.
-
-## Usage
-
-Show user avatar, name with attestation and address:
-
-```tsx
-import { Avatar, Identity, Name, Badge, Address } from '@coinbase/onchainkit/identity';
-
-<Identity
-  address="0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9"
-  schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
->
-  <Avatar />
-  <Name>
-    <Badge />
-  </Name>
-  <Address />
-</Identity>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-identity--default-identity&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Identity
-    address="0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9"
-    schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
-  >
-    <Avatar />
-    <Name>
-      <Badge />
-    </Name>
-    <Address />
-  </Identity>
-</App> */}
-
-### Badge with Tooltip
-
-You can enable a tooltip for the attestation badge to provide context about what the badge represents:
-
-```tsx
-import { Avatar, Identity, Name, Badge, Address } from '@coinbase/onchainkit/identity';
-
-<Identity
-  address="0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9"
-  schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
->
-  <Avatar />
-  <Name> 
-    <Badge 
-      tooltip={true} // [!code focus]
-    />
-  </Name>
-  <Address />
-</Identity>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-identity--badge-tooltip&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Identity
-    address="0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9"
-    schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
-  >
-    <Avatar />
-    <Name>
-      <Badge tooltip={true} />
-    </Name>
-    <Address />
-  </Identity>
-</App> */}
-
-You can also provide custom tooltip text:
-```tsx
-// @errors: 2304 2552
-import { Avatar, Identity, Name, Badge, Address } from '@coinbase/onchainkit/identity';
-
-<Identity
-  address="0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9"
-  schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
->
-  <Avatar />
-  <Name>
-    <Badge 
-      tooltip="Coinbase Verified Account" // [!code focus]
-    />
-  </Name>
-  <Address />
-</Identity>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-identity--badge-custom-tooltip&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Identity
-    address="0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9"
-    schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
-  >
-    <Avatar />
-    <Name>
-      <Badge tooltip="Coinbase Verified Account" />
-    </Name>
-    <Address />
-  </Identity>
-</App> */}
-
-Modify any styles with `className` prop.
-
-```tsx
-// @errors: 2304 2552 2657
-import { Avatar, Identity, Name, Badge, Address } from '@coinbase/onchainkit/identity';
-
-<Identity
-  address="0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9"
-  schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
->
-  <Avatar>
-    <Badge
-      className="bg-error" // [!code focus]
-    />
-  </Avatar>
-  <Name
-    className="text-orange-600" // [!code focus]
-  />
-  <Address
-    className="text-zinc-500 font-bold" // [!code focus]
-  />
-</Identity>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-identity--class-name-prop&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-
-{/* <App>
-  <Identity
-    address="0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9"
-    schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
-  >
-    <Avatar>
-      <Badge className="bg-error" />
-    </Avatar>
-    <Name className="text-orange-600" />
-    <Address className="text-zinc-500 font-bold"/>
-  </Identity>
-</App> */}
-
-Choose which identity components to render:
-
-```tsx
-import { Avatar, Identity, Name, Badge, Address } from '@coinbase/onchainkit/identity';
-// ---cut-start---
-<div>
-// ---cut-end---
-
-<Identity address="0x838..." schemaId="0xf8b...">
-  <Avatar />
-  <Name>
-    <Badge />
-  </Name>
-</Identity>
-
-<Identity address="0x838..." schemaId="0xf8b...">
-  <Name>
-    <Badge />
-  </Name>
-  <Address />
-</Identity>
-// ---cut-after---
-</div>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-identity--choose-components&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Identity
-    address="0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9"
-    schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
-  >
-    <Avatar />
-    <Name>
-      <Badge />
-    </Name>
-  </Identity>
-  <Identity
-    address="0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9"
-    schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
-    className="mt-2"
-  >
-    <Name>
-      <Badge />
-    </Name>
-    <Address />
-  </Identity>
-</App> */}
-
-## Props
-
-[IdentityReact](/onchainkit/identity/types#identityreact)
-
diff --git a/docs/onchainkit/identity/name.mdx b/docs/onchainkit/identity/name.mdx
deleted file mode 100644
index 1ddfa2872..000000000
--- a/docs/onchainkit/identity/name.mdx
+++ /dev/null
@@ -1,109 +0,0 @@
----
-title: "`<Name />`"
----
-
-The `Name` component is used to display ENS or [Basenames](https://www.base.org/names) associated with Ethereum addresses.
-
-## Usage
-
-Address with an ENS:
-
-```tsx
-import { Name } from '@coinbase/onchainkit/identity';
-
-const address = '0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1';
-<Name address={address} /> // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-name--default-identity&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Name address="0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1"/>
-</App> */}
-
-Address with a Basename:
-
-```tsx
-import { Name } from '@coinbase/onchainkit/identity';
-import { base } from 'viem/chains'; // [!code focus]
-
-const address = '0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1';
-<Name address={address} chain={base} /> // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-name--with-basename&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Name address="0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1" chain={base}/>
-</App> */}
-
-### Override styles
-
-You can override component styles using `className`.
-
-```tsx
-import { Name } from '@coinbase/onchainkit/identity';
-
-const address = '0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1';
-<Name
-  address={address}
-  className="bg-emerald-400 px-2 py-1 rounded"// [!code focus]
-/>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-name--override-styles&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Name className="bg-emerald-400 px-2 py-1 rounded" address="0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1" />
-</App> */}
-
-### Add attestation badge
-
-Show attestation on ENV name with [`Badge`](/onchainkit/identity/badge) component.
-
-Use [`OnchainKitProvider`](/onchainkit/config/onchainkit-provider) or [`Identity`](/onchainkit/identity/identity) component with the `schemaId` prop.
-
-```tsx
-import { Badge, Name, Identity } from '@coinbase/onchainkit/identity';
-
-const address = '0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9';
-<Identity
-  address={address}
-  schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
->
-  <Name>
-    <Badge />
-  </Name>
-</Identity>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-name--add-badge&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Identity
-    schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
-    address="0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9"
-    className="bg-transparent"
-  >
-    <Name>
-      <Badge />
-    </Name>
-  </Identity>
-</App> */}
-
-## Props
-
-[`NameReact`](/onchainkit/identity/types#namereact)
-
diff --git a/docs/onchainkit/identity/socials.mdx b/docs/onchainkit/identity/socials.mdx
deleted file mode 100644
index d2049af35..000000000
--- a/docs/onchainkit/identity/socials.mdx
+++ /dev/null
@@ -1,166 +0,0 @@
----
-title: <Socials /> · OnchainKit
-sidebarTitle: <Socials />
-description: Display social links for ENS names
----
-
-The `Socials` component displays social media links associated with Basenames and ENS names.
-It automatically fetches and renders social links stored in text records.
-
-## Features
-- **Name Resolution:** Resolves both Basenames and ENS names to fetch associated social links
-- **Multiple Platform Support:** Supports Twitter, GitHub, Discord, and other major platforms
-- **Customizable Display:** Flexible styling options to match your app's design
-- **Chain-Aware:** Works across different EVM chains that support ENS
-
-## Usage
-
-### Basic Usage
-
-```tsx
-// @errors: 2305
-import {
-  Address,
-  Avatar,
-  Badge,
-  Identity,
-  Name,
-  Socials, // [!code focus]
-} from '@coinbase/onchainkit/identity';
-import { base } from 'viem/chains';
-
-<Identity
-  address="0x4bEf0221d6F7Dd0C969fe46a4e9b339a84F52FDF"
-  schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
-  chain={base}
->
-  <Avatar />
-  <Name>
-    <Badge />
-  </Name>
-  <Address />
-  <Socials />
-</Identity>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-socials--default-identity&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Identity
-    address="0x4bEf0221d6F7Dd0C969fe46a4e9b339a84F52FDF"
-    schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
-    chain={base}
-  >
-    <Avatar />
-    <Name>
-      <Badge />
-    </Name>
-    <Address />
-    <Socials />
-  </Identity>
-</App> */}
-
-### Standalone Usage
-
-You can also use the `Socials` component independently by providing an address:
-
-```tsx
-// @errors: 2305
-import { Socials } from '@coinbase/onchainkit/identity';
-import { base } from 'viem/chains';
-
-export default function StandaloneSocials() {
-  return (
-    <Socials // [!code focus]
-      address="0x4bEf0221d6F7Dd0C969fe46a4e9b339a84F52FDF" // [!code focus]
-      chain={base} // [!code focus]
-    /> // [!code focus]
-  );
-}
-```
-{/* <App>
-  <Socials
-    address="0x4bEf0221d6F7Dd0C969fe46a4e9b339a84F52FDF"
-    chain={base}
-  />
-</App> */}
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-socials--standalone&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-
-### Custom Chain
-
-Specify a different chain for ENS resolution:
-
-```tsx
-// @errors: 2305
-import {
-  Address,
-  Avatar,
-  Badge,
-  Identity,
-  Name,
-  Socials, // [!code focus]
-} from '@coinbase/onchainkit/identity';
-import { mainnet } from 'viem/chains'; // [!code focus]
-
-<Identity
-  address="0x4bEf0221d6F7Dd0C969fe46a4e9b339a84F52FDF"
-  schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
-  chain={mainnet}
->
-  <Avatar />
-  <Name>
-    <Badge />
-  </Name>
-  <Address />
-  <Socials />
-</Identity>
-```
-
-{/* <App>
-  <Identity
-    address="0x4bEf0221d6F7Dd0C969fe46a4e9b339a84F52FDF"
-    schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
-    chain={mainnet}
-  >
-    <Avatar />
-    <Name>
-      <Badge />
-    </Name>
-    <Address />
-    <Socials />
-  </Identity>
-</App> */}
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-socials--custom-chain&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-
-## Props
-
-The `Socials` component accepts the following props:
-
-| Prop | Type | Description |
-|------|------|-------------|
-| `address` | `Address \| null` | The Ethereum address to resolve social links for |
-| `ensName` | `string` | Optional ENS name to resolve social links for |
-| `chain` | `Chain` | The chain to use for ENS resolution |
-| `className` | `string` | Custom CSS classes to apply to the component |
-
-## Error Handling
-
-The component handles various edge cases:
-
-- Returns `null` if no social links are found
-- Shows empty state while loading
-- Gracefully handles ENS resolution errors
-- Validates social links before display
-
diff --git a/docs/onchainkit/identity/types.mdx b/docs/onchainkit/identity/types.mdx
deleted file mode 100644
index f84836710..000000000
--- a/docs/onchainkit/identity/types.mdx
+++ /dev/null
@@ -1,253 +0,0 @@
----
-title: Identity components & utilities Types
-description: Glossary of Types in Identity components & utilities.
-sidebarTitle: Identity
----
-
-## `AddressReact`
-
-```ts
-type AddressReact = {
-  address?: Address | null; // The Ethereum address to render.
-  className?: string; // Optional className override for top span element.
-  isSliced?: boolean; // Determines if the displayed address should be sliced.
-  hasCopyAddressOnClick?: boolean; // Defaults to true. Optional boolean to disable copy address on click functionality.
-};
-```
-
-## `Attestation`
-
-```ts
-type Attestation = {
-  attester: Address; // the attester who created the attestation.
-  decodedDataJson: string; // The attestation data decoded to JSON.
-  expirationTime: number; // The Unix timestamp when the attestation expires (0 for no expiration).
-  id: string; // The unique identifier of the attestation.
-  recipient: Address; // The Ethereum address of the recipient of the attestation.
-  revocationTime: number; // The Unix timestamp when the attestation was revoked, if applicable.
-  revoked: boolean; // A boolean indicating whether the attestation is revocable or not.
-  schemaId: EASSchemaUid; // The schema identifier associated with the attestation.
-  time: number; // The Unix timestamp when the attestation was created.
-};
-```
-
-## `AvatarReact`
-
-```ts
-type AvatarReact = {
-  address?: Address | null; // The Ethereum address to fetch the avatar for.
-  chain?: Chain; // Optional chain for domain resolution
-  className?: string; // Optional className override for top div element.
-  loadingComponent?: JSX.Element; // Optional custom component to display while the avatar data is loading.
-  defaultComponent?: JSX.Element; // Optional custom component to display when no ENS name or avatar is available.
-  children?: ReactNode; // Optional attestation by passing Badge component as its children
-} & ImgHTMLAttributes<HTMLImageElement>; // Optional additional image attributes to apply to the avatar.
-```
-
-## `BadgeReact`
-
-```ts
-type BadgeReact = {
-  className?: string; // Optional className override for top span element.
-  tooltip?: boolean | string; // Controls whether the badge shows a tooltip on hover. When true, the tooltip displays the attestation's name. When a string is provided, that text overrides the default display. Defaults to false.
-};
-```
-
-## `BaseMainnetName`
-
-```ts
-export type BaseMainnetName = `${string}.base.eth`;
-```
-
-## `Basename`
-
-```ts
-type Basename = BaseMainnetName | BaseSepoliaName;
-```
-
-## `BaseSepoliaName`
-
-```ts
-type BaseSepoliaName = `${string}.basetest.eth`;
-```
-
-## `EASSchemaUid`
-
-```ts
-type EASSchemaUid = `0x${string}`;
-```
-
-## `EASChainDefinition`
-
-```ts
-type EASChainDefinition = {
-  easGraphqlAPI: string; // EAS GraphQL API endpoint
-  id: number; // blockchain source id
-  schemaUids: EASSchemaUid[]; // Array of EAS Schema UIDs
-};
-```
-
-## `EthBalanceReact`
-
-```ts
-type EthBalanceReact = {
-  address?: Address;
-  className?: string;
-};
-```
-
-## `GetAddress`
-
-```ts
-type GetAddress = {
-  name: string | Basename; // Name to resolve
-  chain?: Chain; // Optional chain for domain resolution
-};
-```
-
-## `GetAddressReturnType`
-
-```ts
-type GetAddressReturnType = Address | null;
-```
-
-## `GetAttestationsOptions`
-
-```ts
-type GetAttestationsOptions = {
-  schemas?: EASSchemaUid[]; // Array of schema UIDs to filter by
-  revoked?: boolean; // Filter by revocation status
-  expirationTime?: number; // Filter by expiration time
-  limit?: number; // Limit number of results
-};
-```
-
-## `GetAvatar`
-
-```ts
-type GetAvatar = {
-  ensName: string; // The ENS name to fetch the avatar for.
-  chain?: Chain; // Optional chain for domain resolution
-};
-```
-
-## `GetAvatarReturnType`
-
-```ts
-type GetAvatarReturnType = string | null;
-```
-
-## `GetName`
-
-```ts
-type GetName = {
-  address: Address;
-  chain?: Chain;
-};
-```
-
-## `GetNameReturnType`
-
-```ts
-type GetNameReturnType = string | null;
-```
-
-## `GetNames`
-
-```ts
-type GetNames = {
-  addresses: Address[]; // Array of Ethereum addresses to resolve names for
-  chain?: Chain; // Optional chain for domain resolution
-};
-```
-
-## `IdentityCardReact`
-
-```ts
-type IdentityCardReact = {
-  address?: Address;
-  chain?: Chain;
-  className?: string;
-  schemaId?: Address | null;
-  badgeTooltip?: boolean | string; // Controls whether the badge shows a tooltip on hover. When true, the tooltip displays the attestation's name. When a string is provided, that text overrides the default display. Defaults to false.
-};
-```
-
-## `IdentityContextType`
-
-```ts
-type IdentityContextType = {
-  address: Address; // The Ethereum address to fetch the avatar and name for.
-  schemaId?: Address | null; // The Ethereum address of the schema to use for EAS attestation.
-};
-```
-
-## `IdentityReact`
-
-```ts
-type IdentityReact = {
-  address?: Address; // The Ethereum address to fetch the avatar and name for.
-  chain?: Chain; // Optional chain for domain resolution
-  children: ReactNode;
-  className?: string; // Optional className override for top div element.
-  schemaId?: Address | null; // The Ethereum address of the schema to use for EAS attestation.
-  hasCopyAddressOnClick?: boolean; // Optional boolean to disable copy address on click functionality.
-};
-```
-
-## `NameReact`
-
-```ts
-type NameReact = {
-  address?: Address | null; // Ethereum address to be displayed.
-  children?: ReactNode; // Optional attestation by passing Badge component as its children
-  chain?: Chain; // Optional chain for domain resolution
-  className?: string; // Optional className override for top span element.
-} & HTMLAttributes<HTMLSpanElement>; // Optional additional span attributes to apply to the name.
-```
-
-## `UseAddressOptions`
-
-```ts
-type UseAddressOptions = {
-  name: string | Basename; // The ENS or Basename for which the Ethereum address is to be fetched
-  chain?: Chain; // Optional chain for domain resolution
-};
-```
-
-## `UseAvatarOptions`
-
-```ts
-type UseAvatarOptions = {
-  ensName: string;
-  chain?: Chain; // Optional chain for domain resolution
-};
-```
-
-## `UseAvatarsOptions`
-
-```ts
-type UseAvatarsOptions = {
-  ensNames: string[]; // Array of ENS names to resolve avatars for
-  chain?: Chain; // Optional chain for domain resolution
-};
-```
-
-## `UseNameOptions`
-
-```ts
-type UseNameOptions = {
-  address: Address; // The address for which the ENS or Basename is to be fetched.
-  chain?: Chain; // Optional chain for domain resolution
-};
-```
-
-## `UseNamesOptions`
-
-```ts
-type UseNamesOptions = {
-  addresses: Address[]; // Array of addresses to resolve ENS or Basenames for
-  chain?: Chain; // Optional chain for domain resolution
-};
-```
-
diff --git a/docs/onchainkit/identity/use-address.mdx b/docs/onchainkit/identity/use-address.mdx
deleted file mode 100644
index 24f2d21db..000000000
--- a/docs/onchainkit/identity/use-address.mdx
+++ /dev/null
@@ -1,31 +0,0 @@
----
-title: useAddress
----
-
-
-The `useAddress` hook is used to get an address from an onchain identity provider for a given name.
-
-It is implemented with [useQuery](https://tanstack.com/query/latest/docs/framework/react/reference/useQuery) from `@tanstack/react-query`, and returns a `UseQueryResult` object, allowing you to pass through all `@tanstack/react-query` options.
-
-## Usage
-
-```tsx
-import { useAddress } from '@coinbase/onchainkit/identity';
-
-const { data: address, isLoading } = useAddress({ name: 'zizzamia.base.eth' });
-```
-
-## Returns
-
-[`useQuery<Promise<GetAddressReturnType>>`](/onchainkit/identity/types#getaddressreturntype)
-
-## Parameters
-
-### UseAddressOptions
-
-[`UseAddressOptions`](/onchainkit/identity/types#useaddressoptions)
-
-### UseQueryOptions
-
-[`UseQueryOptions`](/onchainkit/identity/types#usequeryoptions)
-
diff --git a/docs/onchainkit/identity/use-avatar.mdx b/docs/onchainkit/identity/use-avatar.mdx
deleted file mode 100644
index 7a38e3eb8..000000000
--- a/docs/onchainkit/identity/use-avatar.mdx
+++ /dev/null
@@ -1,32 +0,0 @@
----
-title: useAvatar
----
-
-
-The `useAvatar` hook is used to get avatar image URL from an onchain identity
-provider for a given name.
-
-It is implemented with [useQuery](https://tanstack.com/query/latest/docs/framework/react/reference/useQuery) from `@tanstack/react-query`, and returns a `UseQueryResult` object, allowing you to pass through all `@tanstack/react-query` options.
-
-## Usage
-
-```tsx
-import { useAvatar } from '@coinbase/onchainkit/identity';
-
-const { data: avatar, isLoading } = useAvatar({ ensName: 'vitalik.eth' });
-```
-
-## Returns
-
-[`useQuery<Promise<GetAddressReturnType>>`](/onchainkit/identity/types#getaddressreturntype)
-
-## Parameters
-
-### UseAvatarOptions
-
-[`UseAvatarOptions`](/onchainkit/identity/types#useavataroptions)
-
-### UseQueryOptions
-
-[`UseQueryOptions`](/onchainkit/identity/types#usequeryoptions)
-
diff --git a/docs/onchainkit/identity/use-avatars.mdx b/docs/onchainkit/identity/use-avatars.mdx
deleted file mode 100644
index d062b2a60..000000000
--- a/docs/onchainkit/identity/use-avatars.mdx
+++ /dev/null
@@ -1,68 +0,0 @@
----
-title: useAvatars
----
-
-
-The `useAvatars` hook is used to get multiple avatar image URLs from an onchain identity
-provider for an array of ENS names or Basenames in a single batch request.
-
-It is implemented with [useQuery](https://tanstack.com/query/latest/docs/framework/react/reference/useQuery) from `@tanstack/react-query`, and returns a `UseQueryResult` object, allowing you to pass through all `@tanstack/react-query` options.
-
-## Usage
-
-Get avatars for multiple ENS names:
-
-<CodeGroup>
-```tsx code
-import { useAvatars } from '@coinbase/onchainkit/identity';
-
-const ensNames = ['vitalik.eth', 'paulcramer.eth'];
-const { data: avatars, isLoading } = useAvatars({ ensNames });
-```
-
-```ts return value
-{ 
-  data: [
-    'https://ipfs.io/ipfs/QmSP4nq9fnN9dAiCj42ug9Wa79rqmQerZXZch82VqpiH7U/image.gif',
-    'https://ipfs.io/ipfs/QmQ9RT2SrZ6TWUjrQxG4bNnhb3nDqBE5Ld1j9GYvk3kTjf'
-  ], 
-  isLoading: false 
-}
-```
-</CodeGroup>
-
-Get avatars for multiple Basenames:
-
-<CodeGroup>
-```tsx code
-import { useAvatars } from '@coinbase/onchainkit/identity';
-import { base } from 'viem/chains';
-
-const ensNames = ['paul.base.eth', 'coinbase.base.eth'];
-const { data: avatars, isLoading } = useAvatars({ ensNames, chain: base });
-```
-
-```ts return value
-{ 
-  data: [
-    'https://ipfs.io/ipfs/QmQ9RT2SrZ6TWUjrQxG4bNnhb3nDqBE5Ld1j9GYvk3kTjf',
-    'https://ipfs.io/ipfs/QmXHFnSXcN7CSuVcyF3vyPgPcPvLQyLpKYBaNpx3x3bPAZ'
-  ], 
-  isLoading: false 
-}
-```
-</CodeGroup>
-
-## Returns
-
-[`useQuery<Promise<GetAvatarReturnType[]>>`](/onchainkit/identity/types#getavatarreturntype)
-
-## Parameters
-
-### UseAvatarsOptions
-
-[`UseAvatarsOptions`](/onchainkit/identity/types#useavatarsoptions)
-
-### UseQueryOptions
-
-[`UseQueryOptions`](/onchainkit/identity/types#usequeryoptions) 
diff --git a/docs/onchainkit/identity/use-name.mdx b/docs/onchainkit/identity/use-name.mdx
deleted file mode 100644
index c58a06a0a..000000000
--- a/docs/onchainkit/identity/use-name.mdx
+++ /dev/null
@@ -1,57 +0,0 @@
----
-title: useName
----
-
-
-The `useName` hook is used to get name from an onchain identity provider
-for a given address.
-
-It is implemented with [useQuery](https://tanstack.com/query/latest/docs/framework/react/reference/useQuery) from `@tanstack/react-query`, and returns a `UseQueryResult` object, allowing you to pass through all `@tanstack/react-query` options.
-
-## Usage
-
-Get ENS name from an address:
-
-<CodeGroup>
-```tsx code
-import { useName } from '@coinbase/onchainkit/identity';
-
-const address = '0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1';
-const { data: name, isLoading } = await useName({ address });
-```
-
-```ts return value
-{ data: 'zizzamia.eth', isLoading: false }
-```
-</CodeGroup>
-
-Get Basename from an address:
-
-<CodeGroup>
-```tsx code
-import { useName } from '@coinbase/onchainkit/identity';
-import { base } from 'viem/chains';
-
-const address = '0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1';
-const { data: name, isLoading } = await useName({ address, chain: base });
-```
-
-```ts return value
-{ data: 'zizzamia.base.eth', isLoading: false }
-```
-</CodeGroup>
-
-## Returns
-
-[`useQuery<Promise<GetAddressReturnType>>`](/onchainkit/identity/types#getaddressreturntype)
-
-## Parameters
-
-### UseNameOptions
-
-[`UseNameOptions`](/onchainkit/identity/types#usenameoptions)
-
-### UseQueryOptions
-
-[`UseQueryOptions`](/onchainkit/identity/types#usequeryoptions)
-
diff --git a/docs/onchainkit/identity/use-names.mdx b/docs/onchainkit/identity/use-names.mdx
deleted file mode 100644
index 33462495e..000000000
--- a/docs/onchainkit/identity/use-names.mdx
+++ /dev/null
@@ -1,68 +0,0 @@
----
-title: useNames
----
-
-
-The `useNames` hook is used to get multiple names from an onchain identity provider
-for an array of addresses in a single batch request.
-
-It is implemented with [useQuery](https://tanstack.com/query/latest/docs/framework/react/reference/useQuery) from `@tanstack/react-query`, and returns a `UseQueryResult` object, allowing you to pass through all `@tanstack/react-query` options.
-
-## Usage
-
-Get ENS names from multiple addresses:
-
-<CodeGroup>
-```tsx code
-import { useNames } from '@coinbase/onchainkit/identity';
-
-const addresses = [
-  '0x4bEf0221d6F7Dd0C969fe46a4e9b339a84F52FDF',
-  '0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9'
-];
-const { data: names, isLoading } = useNames({ addresses });
-```
-
-```ts return value
-{ 
-  data: ['paulcramer.eth', 'vitalik.eth'], 
-  isLoading: false 
-}
-```
-</CodeGroup>
-
-Get Basenames from multiple addresses:
-
-<CodeGroup>
-```tsx code
-import { useNames } from '@coinbase/onchainkit/identity';
-import { base } from 'viem/chains';
-
-const addresses = [
-  '0x4bEf0221d6F7Dd0C969fe46a4e9b339a84F52FDF',
-  '0x4bEf0221d6F7Dd0C969fe46a4e9b339a84F52FDF'
-];
-const { data: names, isLoading } = useNames({ addresses, chain: base });
-```
-
-```ts return value
-{ 
-  data: ['paul.base.eth', 'coinbase.base.eth'], 
-  isLoading: false 
-}
-```
-</CodeGroup>
-
-## Returns
-
-[`useQuery<Promise<GetNameReturnType[]>>`](/onchainkit/identity/types#getnamereturntype)
-
-## Parameters
-
-### UseNamesOptions
-
-[`UseNamesOptions`](/onchainkit/identity/types#usenamesoptions)
-
-### UseQueryOptions
-
-[`UseQueryOptions`](/onchainkit/identity/types#usequeryoptions) 
diff --git a/docs/onchainkit/installation.mdx b/docs/onchainkit/installation.mdx
deleted file mode 100644
index 39afb113f..000000000
--- a/docs/onchainkit/installation.mdx
+++ /dev/null
@@ -1,12 +0,0 @@
----
-title: Installation · OnchainKit
-sidebarTitle: Installation
-description: Install OnchainKit using the top React frameworks
----
-
-import InstallationOptions from '/snippets/installation-options.mdx';
-
-How to install OnchainKit using the top React frameworks.
-
-<InstallationOptions />
-
diff --git a/docs/onchainkit/installation/astro.mdx b/docs/onchainkit/installation/astro.mdx
deleted file mode 100644
index 6dceafb02..000000000
--- a/docs/onchainkit/installation/astro.mdx
+++ /dev/null
@@ -1,202 +0,0 @@
----
-title: Astro Installation · OnchainKit
-sidebarTitle: Astro Installation
-description: Install OnchainKit using Astro
----
-
-import StartBuilding from "/snippets/start-building.mdx";
-
-Install and configure OnchainKit with Astro.
-If you are integrating OnchainKit into an existing project,
-skip to the [OnchainKit installation](#install-onchainkit).
-
-<Steps>
-  <Step title="Install Astro">
-  Create a new Astro project by using the Astro CLI.
-  More information about Astro can be found [here](https://docs.astro.build/en/install-and-setup/#start-a-new-project).
-
-  <CodeGroup>
-  ```bash npm
-  npm create astro@latest
-  ```
-
-  ```bash yarn
-  yarn create astro
-  ```
-
-  ```bash pnpm
-  pnpm create astro@latest
-  ```
-  </CodeGroup>
-  </Step>
-  <Step title="Install React">
-  Astro does not come with React by default, so if you are not already using React
-  in your application, you will need to install it.
-
-  ```bash Terminal
-  npx astro add react
-  ```
-  </Step>
-  <Step title="Install OnchainKit">
-  Add OnchainKit to your project by installing the `@coinbase/onchainkit` package.
-
-  <CodeGroup>
-  ```bash npm
-  npm install @coinbase/onchainkit
-  ```
-
-  ```bash yarn
-  yarn add @coinbase/onchainkit
-  ```
-
-  ```bash pnpm
-  pnpm add @coinbase/onchainkit
-  ```
-
-  ```bash bun
-  bun add @coinbase/onchainkit
-  ```
-  </CodeGroup>
-  </Step>
-  <Step title="Get A Client API Key">
-  Get your [Client API Key](https://portal.cdp.coinbase.com/projects/api-keys/client-key) from Coinbase Developer Platform.
-
-<Frame>
-  <img
-    alt="OnchainKit copy Client API Key"
-    src="/images/onchainkit/copy-api-key-guide.png"
-    height="364"
-  />
-</Frame>
-
-  Create a `.env` file in your project's root directory.
-
-<Frame>
-  <img
-    alt="OnchainKit define Client API Key"
-    src="/images/onchainkit/getting-started-create-env-file.png"
-    width="250"
-    loading="lazy"
-  />
-</Frame>
-
-  Add your Client API Key to the `.env` file:
-
-  ```dotenv .env
-  PUBLIC_ONCHAINKIT_API_KEY=YOUR_CLIENT_API_KEY
-  ```
-  </Step>
-  <Step title="Add Providers">
-  Create a `providers.tsx` file. Add `OnchainKitProvider` with your desired config.
-
-  Under the hood, OnchainKit will create our recommended Wagmi and QueryClient
-  providers. If you wish to customize these providers, check out [Custom
-  Supplemental Providers](/onchainkit/config/supplemental-providers).
-
-  ```tsx providers.tsx
-  // @noErrors: 2307 2580 2339 - cannot find 'process', cannot find './wagmi', cannot find 'import.meta'
-  'use client';
-
-  import type { ReactNode } from 'react';
-  import { OnchainKitProvider } from '@coinbase/onchainkit';
-  import { base } from 'wagmi/chains'; // add baseSepolia for testing // [!code ++]
-
-  export function Providers(props: { children: ReactNode }) {
-    return (
-      <OnchainKitProvider
-        apiKey={import.meta.env.PUBLIC_ONCHAINKIT_API_KEY} // [!code ++]
-        chain={base} // add baseSepolia for testing // [!code ++]
-      >
-        {props.children}
-      </OnchainKitProvider>
-    );
-  }
-  ```
-  </Step>
-  <Step title="Wrap your OnchainKit components with <AppProviders />">
-  After configuring the providers in step 4, you will need to wrap your OnchainKit components
-  with the `<AppProviders />` component.
-
-  There are two options for this:
-
-  1. Create a component, eg. `<ReactIsland />` that contains all OnchainKit components.
-  2. Wrap every OnchainKit component individually.
-
-  <CodeGroup>
-  ```tsx ReactIsland
-  import { AppProviders } from '../AppProviders';
-
-  export default function ReactIsland() {
-    return (
-      <AppProviders>
-        <YourReactAppContainingOnchainKitComponents />
-      </AppProviders>
-    );
-  }
-  ```
-
-  ```tsx OnchainKit Wrappers
-  import { AppProviders } from '../AppProviders';
-  import { OnchainKitComponent } from '@coinbase/onchainkit';
-
-  export default function OnchainKitComponentWrapper() {
-    return (
-      <AppProviders>
-        <OnchainKitComponent />
-      </AppProviders>
-    );
-  }
-  ```
-  </CodeGroup>
-
-  The advantage of ReactIsland is that you will only have a single provider at any time.
-  The drawback is that your OnchainKit components will all need to live in the same Island.
-
-  The advantage of individual wrappers is that you can use OnchainKit components anywhere in your app.
-  The drawback is that you will have multiple providers if you use more than one OnchainKit component.
-  </Step>
-  <Step title="Add OnchainKit Components to your App">
-  You can add OnchainKit components to your app by using the component(s) you
-  created above into your `.astro` files.
-
-  For example, if you created a ReactIsland, you can add it to your
-  `src/pages/index.astro` file:
-
-  ```astro src/pages/index.astro
-  ---
-  import Layout from '../layouts/Layout.astro';
-  import ReactIsland from '../components/ReactIsland';
-  ---
-
-  <Layout title="Welcome to Astro.">
-    <main>
-      ...
-      <ReactIsland client:only="react" />
-      ...
-    </main>
-  </Layout>
-  ```
-
-  Don't forget to add the `client:only="react"` directive to your OnchainKit component,
-  as this is required for Astro to render React components.
-  </Step>
-  <Step title="Import OnchainKit Styles">
-    OnchainKit components come with pre-configured styles.
-  To include these styles in your project, add the following import
-  statement at the top of the `Layout.astro` file:
-
-  ```tsx
-  import '@coinbase/onchainkit/styles.css';
-  ```
-
-  This ensures that the OnchainKit styles are loaded and applied to your entire application.
-
-  - For Tailwind CSS users, check out our [Tailwind Integration Guide](/onchainkit/guides/tailwind).
-
-  - Update the appearance of components by using our built-in themes or crafting your own custom theme.
-    Explore the possibilities in our [Theming Guide](/onchainkit/guides/themes).
-  </Step>
-</Steps>
-
-  <StartBuilding />
-
diff --git a/docs/onchainkit/installation/nextjs.mdx b/docs/onchainkit/installation/nextjs.mdx
deleted file mode 100644
index 74782ae13..000000000
--- a/docs/onchainkit/installation/nextjs.mdx
+++ /dev/null
@@ -1,179 +0,0 @@
----
-title: Next.js Installation · OnchainKit
-sidebarTitle: Next.js Installation
-description: Install OnchainKit using Next.js
----
-
-import StartBuilding from "/snippets/start-building.mdx";
-
-Install and configure OnchainKit with Next.js.
-If you are integrating OnchainKit into an existing project,
-skip to the [OnchainKit installation](#install-onchainkit).
-
-<Steps>
-  <Step title="Install Next.js">
-  Create a new Next.js project by using the Next.js CLI.
-  More information about Next.js can be found [here](https://nextjs.org/docs/getting-started/installation).
-
-  ```bash npm
-  npx create-next-app@14
-  ```
-
-  During the setup process you will encounter multiple prompts.
-  Make sure you enable TypeScript, ESLint, and Tailwind CSS.
-  </Step>
-  <Step title="Install OnchainKit">
-  Install OnchainKit in your project.
-
-  <CodeGroup>
-  ```bash npm
-  npm install @coinbase/onchainkit
-  ```
-
-  ```bash yarn
-  yarn add @coinbase/onchainkit
-  ```
-
-  ```bash pnpm
-  pnpm add @coinbase/onchainkit
-  ```
-
-  ```bash bun
-  bun add @coinbase/onchainkit
-  ```
-  </CodeGroup>
-  </Step>
-  <Step title="Get Your Client API Key">
-  Get your [Client API Key](https://portal.cdp.coinbase.com/projects/api-keys/client-key) from Coinbase Developer Platform.
-
-<Frame>
-  <img
-    alt="OnchainKit copy Client API Key"
-    src="/images/onchainkit/copy-api-key-guide.png"
-    height="364"
-  />
-</Frame>
-
-  Create a `.env` file in your project's root directory.
-
-<Frame>
-  <img
-    alt="OnchainKit define Client API Key"
-    src="/images/onchainkit/getting-started-create-env-file.png"
-    width="250"
-    loading="lazy"
-  />
-</Frame>
-
-  Add your Client API Key to the `.env` file:
-
-  ```tsx .env
-  NEXT_PUBLIC_ONCHAINKIT_API_KEY=YOUR_CLIENT_API_KEY;
-  ```
-  </Step>
-  <Step title="Add Providers">
-  Create a `providers.tsx` file. Add `OnchainKitProvider` with your desired config.
-
-  Under the hood, OnchainKit will create our recommended Wagmi and QueryClient
-  providers. If you wish to customize these providers, check out [Custom
-  Supplemental Providers](/onchainkit/config/supplemental-providers).
-
-  ```tsx providers.tsx
-  // @noErrors: 2307 2580 2339 - cannot find 'process', cannot find './wagmi', cannot find 'import.meta'
-  'use client';
-
-  import type { ReactNode } from 'react';
-  import { OnchainKitProvider } from '@coinbase/onchainkit';
-  import { base } from 'wagmi/chains'; // add baseSepolia for testing // [!code ++]
-
-  export function Providers(props: { children: ReactNode }) {
-    return (
-      <OnchainKitProvider
-        apiKey={process.env.NEXT_PUBLIC_ONCHAINKIT_API_KEY} // [!code ++]
-        chain={base} // add baseSepolia for testing // [!code ++]
-      >
-        {props.children}
-      </OnchainKitProvider>
-    );
-  }
-  ```
-  </Step>
-  <Step title="Wrap your app with <Providers />">
-  After the setup, wrap your app with the above `<Providers />` component.
-
-  ```javascript app.tsx
-  import './globals.css';
-  import { Providers } from './providers'; // [!code ++]
-
-  export default function RootLayout({
-    children,
-  }: Readonly<{
-    children: React.ReactNode,
-  }>) {
-    return (
-      <html lang="en">
-        <body>
-          <Providers> 
-            {children}
-          </Providers>
-        </body>
-      </html>
-    );
-  }
-  ```
-  </Step>
-  <Step title="Add Styles">
-  OnchainKit components come with pre-configured styles. To include these styles in your project, add the following import statement at the top of this file:
-
-  ```javascript
-  import '@coinbase/onchainkit/styles.css';
-  ```
-
-  For example, if you're using Next.js with the app router, your `app/layout.tsx` might look like this:
-
-  ```tsx layout.tsx
-  import '@coinbase/onchainkit/styles.css'; // [!code ++]
-  import './globals.css';
-  import type { Metadata } from 'next';
-  import { Inter } from 'next/font/google';
-  import { headers } from 'next/headers';
-  import { type ReactNode } from 'react';
-  import { cookieToInitialState } from 'wagmi';
-
-  import { getConfig } from '../wagmi';
-  import { Providers } from './providers';
-
-  const inter = Inter({ subsets: ['latin'] });
-
-  export const metadata: Metadata = {
-    title: 'Create Wagmi',
-    description: 'Generated by create-wagmi',
-  };
-
-  export default function RootLayout(props: { children: ReactNode }) {
-    const initialState = cookieToInitialState(
-      getConfig(),
-      headers().get('cookie')
-    );
-    return (
-      <html lang="en">
-        <body className={inter.className}>
-          <Providers initialState={initialState}>{props.children}</Providers>
-        </body>
-      </html>
-    );
-  }
-  ```
-
-  This ensures that the OnchainKit styles are loaded and applied to your entire application.
-
-  - For Tailwind CSS users, check out our [Tailwind Integration Guide](/onchainkit/guides/tailwind).
-
-  - Update the appearance of components by using our built-in themes or crafting your own custom theme.
-    Explore the possibilities in our [Theming Guide](/onchainkit/guides/themes).
-
-  </Step>
-</Steps>
-
-<StartBuilding />
-
diff --git a/docs/onchainkit/installation/remix.mdx b/docs/onchainkit/installation/remix.mdx
deleted file mode 100644
index 3508dad4a..000000000
--- a/docs/onchainkit/installation/remix.mdx
+++ /dev/null
@@ -1,200 +0,0 @@
----
-title: Remix Installation · OnchainKit
-sidebarTitle: Remix Installation
-description: Install OnchainKit using Remix
----
-
-import StartBuilding from "/snippets/start-building.mdx";
-
-Install and configure OnchainKit with Remix.
-If you are integrating OnchainKit into an existing project,
-skip to the [OnchainKit installation](#install-onchainkit).
-
-<Steps>
-  <Step title="Install Remix">
-  Create a new Remix project by using the Remix CLI.
-  More information about Remix can be found [here](https://remix.run/docs/en/main/start/quickstart).
-
-  ```bash Terminal
-  npx create-remix@latest
-  ```
-  </Step>
-  <Step title="Install OnchainKit">
-  Add OnchainKit to your project by installing the `@coinbase/onchainkit` package.
-
-  <CodeGroup>
-  ```bash npm
-  npm install @coinbase/onchainkit
-  ```
-
-  ```bash yarn
-  yarn add @coinbase/onchainkit
-  ```
-
-  ```bash pnpm
-  pnpm add @coinbase/onchainkit
-  ```
-
-  ```bash bun
-  bun add @coinbase/onchainkit
-  ```
-  </CodeGroup>
-  </Step>
-  <Step title="Get A Client API Key">
-
-  Get your [Client API Key](https://portal.cdp.coinbase.com/projects/api-keys/client-key) from Coinbase Developer Platform.
-
-<Frame>
-  <img
-    alt="OnchainKit copy Client API Key"
-    src="/images/onchainkit/copy-api-key-guide.png"
-    height="364"
-  />
-</Frame>
-
-  Create a `.env` file in your project's root directory.
-
-<Frame>
-  <img
-    alt="OnchainKit define Client API Key"
-    src="/images/onchainkit/getting-started-create-env-file.png"
-    width="250"
-    loading="lazy"
-  />
-</Frame>
-
-  Add your Client API Key to the `.env` file:
-
-  ```dotenv .env
-  PUBLIC_ONCHAINKIT_API_KEY=YOUR_CLIENT_API_KEY
-  ```
-
-  Update the `app/root.tsx` file to provide access to your Client API Key
-  through `window.ENV`:
-
-  ```tsx app/root.tsx
-  declare global {
-    interface Window {
-      ENV: {
-        PUBLIC_ONCHAINKIT_API_KEY: string; // [!code ++]
-      };
-    }
-  }
-
-  export async function loader() {
-    return json({
-      ENV: {
-        PUBLIC_ONCHAINKIT_API_KEY: process.env.PUBLIC_ONCHAINKIT_API_KEY, // [!code ++]
-      },
-    });
-  }
-  ```
-
-  If this is the first env variable you've added to your project, you will need to
-  update the `Layout` component of `app/root.tsx` to make it available to your app:
-
-  ```tsx app/root.tsx
-  export function Layout({ children }: { children: React.ReactNode }) {
-    const data = useLoaderData<typeof loader>(); // [!code ++]
-    return (
-      <html lang="en">
-        <head>
-          <meta charSet="utf-8" />
-          <meta name="viewport" content="width=device-width, initial-scale=1" />
-          <Meta />
-          <Links />
-        </head>
-        <body>
-          {children}
-          <ScrollRestoration />
-          <script // [!code ++]
-            dangerouslySetInnerHTML={{ // [!code ++]
-              __html: `window.ENV = ${JSON.stringify( // [!code ++]
-                data.ENV // [!code ++]
-              )}`, // [!code ++]
-            }} // [!code ++]
-          />
-          <Scripts />
-        </body>
-      </html>
-    );
-  }
-  ```
-  </Step>
-  <Step title="Add Providers">
-  Create a `providers.tsx` file. Add `OnchainKitProvider` with your desired config.
-
-  Under the hood, OnchainKit will create our recommended Wagmi and QueryClient
-  providers. If you wish to customize these providers, check out [Custom
-  Supplemental Providers](/onchainkit/config/supplemental-providers).
-
-  ```tsx providers.tsx
-  // @noErrors: 2307 2580 2339 - cannot find 'process', cannot find './wagmi', cannot find 'import.meta'
-  'use client';
-
-  import type { ReactNode } from 'react';
-  import { OnchainKitProvider } from '@coinbase/onchainkit';
-  import { base } from 'wagmi/chains'; // add baseSepolia for testing // [!code ++]
-
-  export function Providers(props: { children: ReactNode }) {
-    const apiKey =
-      typeof window !== 'undefined'
-        ? window.ENV?.PUBLIC_ONCHAINKIT_API_KEY
-        : undefined;
-    return (
-      <OnchainKitProvider
-        apiKey={apiKey} // [!code ++]
-        chain={base} // add baseSepolia for testing // [!code ++]
-      >
-        {props.children}
-      </OnchainKitProvider>
-    );
-  }
-  ```
-  </Step>
-  <Step title="Wrap your app with <AppProviders />">
-  After configuring the providers in step 4, wrap your app with
-  the `<AppProviders />` component.
-
-  ```tsx app.tsx
-  import { AppProviders } from 'src/AppProviders';
-
-  export default function App() {
-    return (
-      <AppProviders>
-        <Outlet />
-      </AppProviders>
-    );
-  }
-  ```
-  </Step>
-  <Step title="Import OnchainKit Styles">
-  OnchainKit components come with pre-configured styles.
-  To include these styles in your project, add the following import
-  statement at the top of the file where imported `<AppProviders />`:
-
-  ```tsx app.tsx
-  import { AppProviders } from 'src/AppProviders';
-  import '@coinbase/onchainkit/styles.css'; // [!code ++]
-
-  export default function App() {
-    return (
-      <AppProviders>
-        <Outlet />
-      </AppProviders>
-    );
-  }
-  ```
-
-  This ensures that the OnchainKit styles are loaded and applied to your entire application.
-
-  - For Tailwind CSS users, check out our [Tailwind Integration Guide](/onchainkit/guides/tailwind).
-
-  - Update the appearance of components by using our built-in themes or crafting your own custom theme.
-    Explore the possibilities in our [Theming Guide](/onchainkit/guides/themes).
-
-  </Step>
-</Steps>
-
-<StartBuilding />
-
diff --git a/docs/onchainkit/installation/vite.mdx b/docs/onchainkit/installation/vite.mdx
deleted file mode 100644
index 9518b875f..000000000
--- a/docs/onchainkit/installation/vite.mdx
+++ /dev/null
@@ -1,162 +0,0 @@
----
-title: Vite Installation · OnchainKit
-sidebarTitle: Vite Installation
-description: Install OnchainKit using Vite
----
-
-import StartBuilding from "/snippets/start-building.mdx";
-
-Install and configure OnchainKit with Vite.
-If you are integrating OnchainKit into an existing project,
-skip to the [OnchainKit installation](#install-onchainkit).
-
-<Steps>
-  <Step title="Install Vite">
-  Create a new Vite project by using the Vite CLI.
-  More information about Vite can be found [here](https://vite.dev/guide/#scaffolding-your-first-vite-project).
-
-  <CodeGroup>
-  ```bash npm
-  npm create vite@latest
-  ```
-
-  ```bash yarn
-  yarn create vite
-  ```
-
-  ```bash pnpm
-  pnpm create vite
-  ```
-
-  ```bash bun
-  bun create vite
-  ```
-  </CodeGroup>
-
-  During the setup process you will encounter multiple prompts.
-  Make sure you select React and TypeScript.
-  </Step>
-  <Step title="Install OnchainKit">
-
-  Add OnchainKit to your project by installing the `@coinbase/onchainkit` package.
-
-  <CodeGroup>
-  ```bash npm
-  npm install @coinbase/onchainkit
-  ```
-
-  ```bash yarn
-  yarn add @coinbase/onchainkit
-  ```
-
-  ```bash pnpm
-  pnpm add @coinbase/onchainkit
-  ```
-
-  ```bash bun
-  bun add @coinbase/onchainkit
-  ```
-  </CodeGroup>
-  </Step>
-  <Step title="Get A Client API Key">
-  Get your [Client API Key](https://portal.cdp.coinbase.com/projects/api-keys/client-key) from Coinbase Developer Platform.
-
-<Frame>
-  <img
-    alt="OnchainKit copy Client API Key"
-    src="/images/onchainkit/copy-api-key-guide.png"
-    height="364"
-  />
-</Frame>
-
-  Create a `.env` file in your project's root directory.
-
-<Frame>
-  <img
-    alt="OnchainKit define Client API Key"
-    src="/images/onchainkit/getting-started-create-env-file.png"
-    width="250"
-    loading="lazy"
-  />
-</Frame>
-
-  Add your Client API Key to the `.env` file:
-
-  ```dotenv .env
-  VITE_PUBLIC_ONCHAINKIT_API_KEY=YOUR_CLIENT_API_KEY
-  ```
-  </Step>
-  <Step title="Add Providers">
-
-  Create a `providers.tsx` file. Add `OnchainKitProvider` with your desired config.
-
-  Under the hood, OnchainKit will create our recommended Wagmi and QueryClient
-  providers. If you wish to customize these providers, check out [Custom
-  Supplemental Providers](/onchainkit/config/supplemental-providers).
-
-  ```tsx providers.tsx
-  // @noErrors: 2307 2580 2339 - cannot find 'process', cannot find './wagmi', cannot find 'import.meta'
-  'use client';
-
-  import type { ReactNode } from 'react';
-  import { OnchainKitProvider } from '@coinbase/onchainkit';
-  import { base } from 'wagmi/chains'; // add baseSepolia for testing // [!code ++]
-
-  export function Providers(props: { children: ReactNode }) {
-    return (
-      <OnchainKitProvider
-        apiKey={import.meta.env.VITE_PUBLIC_ONCHAINKIT_API_KEY} // [!code ++]
-        chain={base} // add baseSepolia for testing // [!code ++]
-      >
-        {props.children}
-      </OnchainKitProvider>
-    );
-  }
-  ```
-  </Step>
-  <Step title="Wrap your app with <AppProviders />">
-  After configuring the providers in step 4, wrap your app with
-  the `<AppProviders />` component.
-
-  ```tsx app.tsx
-  import { AppProviders } from 'src/AppProviders';
-
-  export default function App() {
-    return (
-      <AppProviders>
-        <YourApp />
-      </AppProviders>
-    );
-  }
-  ```
-  </Step>
-  <Step title="Import OnchainKit Styles">
-OnchainKit components come with pre-configured styles.
-  To include these styles in your project, add the following import
-  statement at the top of the file where imported `<AppProviders />`:
-
-  ```tsx app.tsx
-  import { AppProviders } from 'src/AppProviders';
-  import '@coinbase/onchainkit/styles.css'; // [!code ++]
-
-  export default function App() {
-    return (
-      <AppProviders>
-        <YourApp />
-      </AppProviders>
-    );
-  }
-  ```
-
-  This ensures that the OnchainKit styles are loaded and applied to your entire application.
-
-  - For Tailwind CSS users, check out our [Tailwind Integration Guide](/onchainkit/guides/tailwind).
-
-  - Update the appearance of components by using our built-in themes or crafting your own custom theme.
-    Explore the possibilities in our [Theming Guide](/onchainkit/guides/themes).
-
-  </Step>
-</Steps>
-
-<StartBuilding />
-
diff --git a/docs/onchainkit/latest/components/appchain/bridge.mdx b/docs/onchainkit/latest/components/appchain/bridge.mdx
deleted file mode 100644
index 256e185df..000000000
--- a/docs/onchainkit/latest/components/appchain/bridge.mdx
+++ /dev/null
@@ -1,495 +0,0 @@
----
-title: "AppchainBridge"
----
-
-import { Danger } from "/snippets/danger.mdx";
-
-<Danger>
-**⚠️ NOTE**
-
-The AppchainBridge component is alpha release software and is provided AS-IS. Use at your own risk.
-
-</Danger>
-
-Bridge tokens to appchains with a simple, customizable interface.
-
-## Usage
-
-Create a custom chain for your appchain using Viem's [defineChain](https://viem.sh/docs/chains/introduction#custom-chains), then add it to your Wagmi configuration.
-
-<CodeGroup>
-```tsx chain.ts
-import { defineChain } from 'viem';
-
-export const EXAMPLE_CHAIN = defineChain({
-  id: 8453200000, // [!code ++]
-  name: 'Your Appchain Network',
-  nativeCurrency: {
-    name: 'Ethereum',
-    symbol: 'ETH',
-    decimals: 18,
-  },
-  rpcUrls: {
-    default: {
-      http: ['https://your-rpc.appchain.base.org'], // [!code ++]
-    },
-  },
-});
-```
-```tsx providers.tsx
-import { defineChain } from 'viem';
-
-const EXAMPLE_CHAIN = defineChain({
-  id: 8453200000,
-  name: 'Your Appchain Network',
-  nativeCurrency: {
-    name: 'Ethereum',
-    symbol: 'ETH',
-    decimals: 18,
-  },
-  rpcUrls: {
-    default: {
-      http: ['https://your-rpc.appchain.base.org'],
-    },
-  },
-});
-// ---cut-before---
-'use client';
-
-import { baseSepolia } from 'wagmi/chains';
-import { OnchainKitProvider } from '@coinbase/onchainkit';
-import type { ReactNode } from 'react';
-import { createConfig, http, WagmiProvider } from 'wagmi';
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-
-const wagmiConfig = createConfig({
-  chains: [baseSepolia, EXAMPLE_CHAIN], // [!code ++]
-  transports: {
-    [baseSepolia.id]: http(),
-    [EXAMPLE_CHAIN.id]: http(), // [!code ++]
-  }
-});
-
-const queryClient = new QueryClient();
-
-export function Providers(props: { children: ReactNode }) {
-  return (
-    <OnchainKitProvider
-      apiKey={process.env.NEXT_PUBLIC_ONCHAINKIT_API_KEY}
-          chain={baseSepolia}
-          config={{ appearance: {
-            mode: 'auto',
-        }
-      }}
-    >
-      <WagmiProvider config={wagmiConfig}>
-        <QueryClientProvider client={queryClient}>
-          {props.children}
-        </QueryClientProvider>
-      </WagmiProvider>
-    </OnchainKitProvider>
-  );
-}
-```
-</CodeGroup>
-
-Use the custom chain to create an `Appchain` object. You can also render an icon in the UI using the `icon` prop.
-
-```tsx
-import { defineChain } from 'viem';
-const EXAMPLE_CHAIN = defineChain({
-  id: 8453200000, // [!code ++]
-  name: 'Your Appchain Network',
-  nativeCurrency: {
-    name: 'Ethereum',
-    symbol: 'ETH',
-    decimals: 18,
-  },
-  rpcUrls: {
-    default: {
-      http: ['https://your-rpc.appchain.base.org'], // [!code ++]
-    },
-  },
-});
-// ---cut-before---
-import type { Appchain } from '@coinbase/onchainkit/appchain';
-
-const EXAMPLE_APPCHAIN: Appchain = {
-  chain: EXAMPLE_CHAIN,
-  icon: <img src="https://some-icon.com/icon.png" alt="Your Appchain Network" />,
-};
-```
-Now, you can render the `AppchainBridge` component with the `chain` and `appchain` props.
-
-```tsx
-import { defineChain } from 'viem';
-const EXAMPLE_CHAIN = defineChain({
-  id: 8453200000, // [!code ++]
-  name: 'Your Appchain Network',
-  nativeCurrency: {
-    name: 'Ethereum',
-    symbol: 'ETH',
-    decimals: 18,
-  },
-  rpcUrls: {
-    default: {
-      http: ['https://your-rpc.appchain.base.org'], // [!code ++]
-    },
-  },
-});
-import type { Appchain } from '@coinbase/onchainkit/appchain';
-
-const EXAMPLE_APPCHAIN: Appchain = {
-  chain: EXAMPLE_CHAIN,
-  icon: <img src="https://some-icon.com/icon.png" alt="Your Appchain Network" />,
-};
-// ---cut-before---
-import { AppchainBridge } from '@coinbase/onchainkit/appchain';
-import { baseSepolia } from 'viem/chains';
-
-<AppchainBridge chain={baseSepolia} appchain={EXAMPLE_APPCHAIN} />
-```
-## Custom Bridgeable Tokens
-
-By default, only native ETH is bridgeable. Add custom tokens using the `bridgeableTokens` prop:
-
-```tsx
-import { defineChain } from 'viem';
-const EXAMPLE_CHAIN = defineChain({
-  id: 8453200000, // [!code ++]
-  name: 'Your Appchain Network',
-  nativeCurrency: {
-    name: 'Ethereum',
-    symbol: 'ETH',
-    decimals: 18,
-  },
-  rpcUrls: {
-    default: {
-      http: ['https://your-rpc.appchain.base.org'], // [!code ++]
-    },
-  },
-});
-import type { Appchain } from '@coinbase/onchainkit/appchain';
-
-const EXAMPLE_APPCHAIN: Appchain = {
-  chain: EXAMPLE_CHAIN,
-  icon: <img src="https://some-icon.com/icon.png" alt="Your Appchain Network" />,
-};
-// ---cut-before---
-import type { BridgeableToken } from '@coinbase/onchainkit/appchain';
-
-const customBridgeableTokens: BridgeableToken[] = [
-  {
-    name: 'ETH',
-    address: '',
-    symbol: 'ETH',
-    decimals: 18,
-    image:
-    'https://wallet-api-production.s3.amazonaws.com/uploads/tokens/eth_288.png',
-    chainId: 8453200000,
-  },
-  {
-    address: '0x...',
-    remoteToken: '0x...',
-    name: 'Appchain Token',
-    symbol: 'ATKN',
-    decimals: 18,
-    chainId: 8453200000,
-    image: 'https://some-icon.com/icon.png',
-  },
-];
-```
-<Warning>
-**⚠️ What is remoteToken?**
-
-The `remoteToken` field represents the token address on the appchain you're bridging to.
-
-ERC-20 tokens on the appchain must comply to the `IOptimismMintableERC20` interface to be bridgeable.
-
-Follow the [Optimism documentation](https://docs.optimism.io/app-developers/tutorials/bridging/standard-bridge-standard-token#create-an-l2-erc-20-token) to retrieve the `remoteToken` address for your ERC-20 token.
-
-</Warning>
-
-You can then plug the `customBridgeableTokens` into the `AppchainBridge` component with the `bridgeableTokens` prop.
-
-```tsx
-import type { BridgeableToken } from '@coinbase/onchainkit/appchain';
-
-const customBridgeableTokens: BridgeableToken[] = [
-  {
-    name: 'ETH',
-    address: '',
-    symbol: 'ETH',
-    decimals: 18,
-    image:
-    'https://wallet-api-production.s3.amazonaws.com/uploads/tokens/eth_288.png',
-    chainId: 84532,
-  },
-  {
-    address: '0x...',
-    remoteToken: '0x...',
-    name: 'Sandbox Token',
-    symbol: 'SBOX',
-    decimals: 18,
-    chainId: 8453200058,
-    image: 'https://img.cryptorank.io/coins/blocklords1670492311588.png',
-  },
-];
-// ---cut-before---
-import { AppchainBridge } from '@coinbase/onchainkit/appchain';
-import { baseSepolia } from 'viem/chains';
-
-<AppchainBridge
-  chain={baseSepolia}
-  appchain={SANDBOX_APPCHAIN}
-  bridgeableTokens={customBridgeableTokens} // [!code ++]
-/>
-```
-
-### Custom Gas Tokens
-
-For chains using custom gas tokens, set `isCustomGasToken: true`:
-
-```tsx
-import type { BridgeableToken } from '@coinbase/onchainkit/appchain';
-
-const customGasToken: BridgeableToken[] = [
-  {
-    address: '0x...',
-    remoteToken: '0x...',
-    name: 'Appchain Token',
-    symbol: 'ATKN',
-    decimals: 18,
-    chainId: 8453200000,
-    image: 'https://some-icon.com/icon.png',
-    isCustomGasToken: true, // [!code ++]
-  },
-];
-```
-
-### Custom Price Fetching
-
-Override `handleFetchPrice` to fetch prices for custom tokens. Called whenever the user changes the input amount:
-
-```ts
-(amount: string, token: Token) => Promise<string>;
-```
-```tsx
-import { AppchainBridge } from '@coinbase/onchainkit/appchain';
-import type { Token } from '@coinbase/onchainkit/token';
-import { baseSepolia } from 'viem/chains';
-
-const handleFetchPrice = async (amount: string, token: Token): Promise<string> => {
-  // Example: fetch price from your API
-  const response = await fetch(`https://api.example.com/price/${token.address}`);
-  const priceData = await response.json();
-  return (parseFloat(amount) * priceData.price).toString();
-};
-
-<AppchainBridge
-  chain={baseSepolia}
-  appchain={EXAMPLE_APPCHAIN}
-  bridgeableTokens={customBridgeableTokens}
-  handleFetchPrice={handleFetchPrice} // [!code ++]
-/>
-```
-## Components
-
-- `AppchainBridge` - Complete bridge interface for deposits and withdrawals
-- `AppchainBridgeProvider` - Headless provider for bridge context
-- `AppchainBridgeInput` - Amount input component
-- `AppchainBridgeNetwork` - Network selection and display
-- `AppchainBridgeTransactionButton` - Transaction trigger button
-- `AppchainBridgeWithdraw` - Withdrawal interface
-- `AppchainNetworkToggleButton` - Network toggle button
-- `AppchainBridgeSuccess` - Success state display
-- `AppchainBridgeResumeTransaction` - Resume interrupted transactions
-
-## Props
-
-### Appchain
-
-```ts
-export type Appchain = {
-  /** The chain to bridge to. */
-  chain: Chain;
-  /** Optional icon to display for the appchain. */
-  icon?: React.ReactNode;
-};
-```
-
-### AppchainBridgeProps
-
-```ts
-export type AppchainBridgeProps = {
-  /** The source chain to bridge from. This should be Base or Base Sepolia. */
-  chain: Chain;
-  /** The appchain to bridge to. */
-  appchain: Appchain;
-  /** Optional children to render within the component. */
-  children?: React.ReactNode;
-  /** Optional className override for the component. */
-  className?: string;
-  /** Optional title for the component. */
-  title?: string;
-  /** Optional array of bridgeable tokens. */
-  bridgeableTokens?: BridgeableToken[];
-  /** Optional function to implement fetching the price of the token. */
-  handleFetchPrice?: (amount: string, token: Token) => Promise<string>;
-};
-```
-
-### AppchainBridgeProviderProps
-
-```ts
-export type AppchainBridgeProviderProps = {
-  children: ReactNode;
-  chain: Chain;
-  appchain: Appchain;
-  bridgeableTokens?: BridgeableToken[];
-  handleFetchPrice?: (amount: string, token: Token) => Promise<string>;
-};
-```
-
-### AppchainBridgeContextType
-
-```ts
-export type AppchainBridgeContextType = {
-  // Configuration
-  config: AppchainConfig;
-  from: ChainWithIcon;
-  to: ChainWithIcon;
-  bridgeParams: BridgeParams;
-  bridgeableTokens: BridgeableToken[];
-
-  // UI State
-  isPriceLoading: boolean;
-  isAddressModalOpen: boolean;
-  isWithdrawModalOpen: boolean;
-  isSuccessModalOpen: boolean;
-  isResumeTransactionModalOpen: boolean;
-  balance: string;
-  depositStatus: string;
-  withdrawStatus: string;
-  direction: string;
-  depositTransactionHash?: Hex;
-  finalizedWithdrawalTxHash?: Hex;
-  resumeWithdrawalTxHash?: Hex;
-
-  // Handler Functions
-  handleToggle: () => void;
-  handleAmountChange: (params: { amount: string; token: Token }) => void;
-  handleAddressSelect: (address: Address) => void;
-  handleResumeTransaction: (txHash: Hex) => void;
-  handleDeposit: () => void;
-  handleWithdraw: () => void;
-  handleOpenExplorer: () => void;
-  handleResetState: () => void;
-  waitForWithdrawal: (txHash?: Hex) => Promise<void>;
-  proveAndFinalizeWithdrawal: () => Promise<void>;
-  setIsAddressModalOpen: (open: boolean) => void;
-  setIsWithdrawModalOpen: (open: boolean) => void;
-  setIsSuccessModalOpen: (open: boolean) => void;
-  resetDepositStatus: () => void;
-  setResumeWithdrawalTxHash: (txHash: Hex) => void;
-  setIsResumeTransactionModalOpen: (open: boolean) => void;
-};
-```
-
-### BridgeableToken
-
-```ts
-export type BridgeableToken = Token & {
-  /** The address of the remote token on the appchain. */
-  remoteToken?: Address;
-  /** Optional boolean to indicate if the chain uses a custom gas token */
-  isCustomGasToken?: boolean;
-};
-```
-
-### ChainWithIcon
-```ts
-export type ChainWithIcon = Chain & {
-  icon: React.ReactNode;
-};
-```
-
-### AppchainConfig
-```ts
-export type AppchainConfig = {
-  chainId: number;
-  /** The OP Bedrock contract addresses for an appchain. These are on Base and retrieved from DeployContract. */
-  contracts: {
-    l2OutputOracle: Address;
-    systemConfig: Address;
-    optimismPortal: Address;
-    l1CrossDomainMessenger: Address;
-    l1StandardBridge: Address;
-    l1ERC721Bridge: Address;
-    optimismMintableERC20Factory: Address;
-  };
-};
-```
-
-### AppchainBridgeSuccessProps
-
-```ts
-export type AppchainBridgeSuccessProps = {
-  title?: string;
-  primaryButtonLabel?: string;
-  secondaryButtonLabel?: string;
-};
-```
-
-### BridgeParams
-
-```ts
-export type BridgeParams = {
-  amount: string;
-  amountUSD: string;
-  token: BridgeableToken;
-  recipient?: Address;
-};
-```
-
-### ChainConfigParams
-```ts
-export type ChainConfigParams = {
-  config: AppchainConfig;
-  chain: Chain;
-};
-```
-
-### UseDepositParams
-```ts
-export type UseDepositParams = {
-  config: AppchainConfig;
-  from: Chain;
-  bridgeParams: BridgeParams;
-};
-```
-
-### UseWithdrawParams
-```ts
-export type UseWithdrawParams = {
-  config: AppchainConfig;
-  chain: Chain;
-  bridgeParams: BridgeParams;
-};
-```
-
-### UseDepositButtonParams
-```ts
-export type UseDepositButtonParams = {
-  depositStatus: string;
-  withdrawStatus: string;
-  bridgeParams: BridgeParams;
-};
-```
-
-### UseWithdrawButtonParams
-```ts
-export type UseWithdrawButtonParams = {
-  withdrawStatus: string;
-};
-```
\ No newline at end of file
diff --git a/docs/onchainkit/latest/components/buy/buy.mdx b/docs/onchainkit/latest/components/buy/buy.mdx
deleted file mode 100644
index 1a532e31e..000000000
--- a/docs/onchainkit/latest/components/buy/buy.mdx
+++ /dev/null
@@ -1,141 +0,0 @@
----
-title: "Buy"
----
-
-import { Danger } from "/snippets/danger.mdx";
-
-<Frame>
-<img alt="Buy"
-  src="/images/onchainkit/buy.gif"
-  height="364"/>
-</Frame>
-
-The `Buy` components provide a comprehensive interface for users to purchase [Tokens](/onchainkit/token/types#token).
-
-The `Buy` component supports token swaps from USDC and ETH by default with the option to provide an additional token of choice using the `fromToken` prop. In addition, users are able to purchase tokens using their Coinbase account, Apple Pay, or debit card.
-
-<Note>
-The Apple Pay and Debit Card onramp options are only available for Coinbase supported assets.  
-</Note>
-
-<Note>
-This component requires a `projectId` to be set in the `OnchainKitProvider`. You can find your `projectId` on [Coinbase Developer Platform](https://portal.cdp.coinbase.com/products/onchainkit).
-</Note>
-
-
-## Usage
-
-Example using `@coinbase/onchainkit/buy`.
-
-```tsx
-import { Buy } from '@coinbase/onchainkit/buy'; // [!code focus]
-import type { Token } from '@coinbase/onchainkit/token';
-
-export default function BuyComponents() { // [!code focus]
-  const degenToken: Token = {
-    name: 'DEGEN',
-    address: '0x4ed4e862860bed51a9570b96d89af5e1b0efefed',
-    symbol: 'DEGEN',
-    decimals: 18,
-    image:
-    'https://d3r81g40ycuhqg.cloudfront.net/wallet/wais/3b/bf/3bbf118b5e6dc2f9e7fc607a6e7526647b4ba8f0bea87125f971446d57b296d2-MDNmNjY0MmEtNGFiZi00N2I0LWIwMTItMDUyMzg2ZDZhMWNm',
-    chainId: 8453,
-  };
-
-  return ( // [!code focus]
-    <Buy toToken={degenToken} /> // [!code focus]
-  ) // [!code focus]
-} // [!code focus]
-
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-buy--disabled&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-
-{/* <App>
-  <BuyWrapper>
-    {({ address, toToken }) => {
-      return (
-        <Buy toToken={toToken} disabled />
-      )
-    }}
-  </BuyWrapper>
-</App> */}
-
-<Danger>
-**Note: This interface is for demonstration purposes only.**
-
-Swap and Onramp flows will execute and work out of the box when you implement the component in your own app.
-</Danger>
-
-
-### Sponsor gas with Paymaster
-
-To sponsor swap transactions for your users, toggle the Paymaster using the `isSponsored` prop.
-
-By default, this will use the [Coinbase Developer Platform](https://portal.cdp.coinbase.com/products/bundler-and-paymaster) Paymaster.
-
-You can configure sponsorship settings on the [Paymaster](https://portal.cdp.coinbase.com/products/bundler-and-paymaster) page.
-For security reasons, we recommend setting up a contract allowlist in the Portal. Without a contract allowlist defined, your Paymaster will only be able to sponsor up to $1.
-
-The contract used in our Swap API is Uniswap's [Universal Router](https://basescan.org/address/0x3fC91A3afd70395Cd496C647d5a6CC9D4B2b7FAD), which is deployed on Base at `0x3fC91A3afd70395Cd496C647d5a6CC9D4B2b7FAD`.
-
-Note that gas sponsorship will only work for Smart Wallets.
-
-```tsx
-import { Buy } from '@coinbase/onchainkit/buy'; // [!code focus]
-import type { Token } from '@coinbase/onchainkit/token';
-
-export default function BuyComponents() { // [!code focus]
-  const degenToken: Token = {
-    name: 'DEGEN',
-    address: '0x4ed4e862860bed51a9570b96d89af5e1b0efefed',
-    symbol: 'DEGEN',
-    decimals: 18,
-    image:
-    'https://d3r81g40ycuhqg.cloudfront.net/wallet/wais/3b/bf/3bbf118b5e6dc2f9e7fc607a6e7526647b4ba8f0bea87125f971446d57b296d2-MDNmNjY0MmEtNGFiZi00N2I0LWIwMTItMDUyMzg2ZDZhMWNm',
-    chainId: 8453,
-  };
-
-  return ( // [!code focus]
-    <Buy toToken={degenToken} isSponsored /> // [!code focus]
-  ) // [!code focus]
-} // [!code focus]
-```
-
-## Props
-
-[`BuyProps`](#buyprops)
-
-```ts
-type BuyProps = {
-  /** Optional className override for top div element. */
-  className?: string;
-  config?: {
-    /** Maximum acceptable slippage for a swap (e.g., 3 for 3%). This is a percentage, not basis points. */
-    maxSlippage: number;
-  };
-  /** Disables Buy button */
-  disabled?: boolean;
-  experimental?: {
-    /** Whether to use a DEX aggregator. (default: false) */
-    useAggregator: boolean;
-  };
-  /** An optional setting to sponsor swaps with a Paymaster. (default: false) */
-  isSponsored?: boolean;
-  /** An optional callback function that handles errors within the provider. */
-  onError?: (error: SwapError) => void;
-  /** An optional callback function that exposes the component lifecycle state */
-  onStatus?: (lifecycleStatus: LifecycleStatus) => void;
-  /** An optional callback function that exposes the transaction receipt */
-  onSuccess?: (transactionReceipt?: TransactionReceipt) => void;
-  /** An optional token to swap from */
-  fromToken?: Token;
-  /** The token to swap to */
-  toToken: Token;
-};
-```
-
diff --git a/docs/onchainkit/latest/components/checkout/checkout.mdx b/docs/onchainkit/latest/components/checkout/checkout.mdx
deleted file mode 100644
index 73f6dc44c..000000000
--- a/docs/onchainkit/latest/components/checkout/checkout.mdx
+++ /dev/null
@@ -1,517 +0,0 @@
----
-title: "Checkout"
----
-
-import { Danger } from "/snippets/danger.mdx";
-
-<Warning>
-This component is deprecated. Please consider using [Base Pay](/base-account/guides/accept-payments).
-</Warning>
-
-The `Checkout` component provides a one-click checkout experience for onchain commerce - all for free.
-
-Our all-in-one solution simplifies payment processing for onchain developers, removing complex integrations, high fees, and onboarding friction. Whether you're selling digital goods, services, or in-game items, this tool is for you.
-
-<Frame>
-<img alt="Checkout"
-  src="/images/onchainkit/checkout.gif"
-  height="364"/>
-</Frame>
-
-## Features
-
-- **Plug-and-Play Integration:** Add our `Checkout` button with just a few lines of code. No backend required.
-- **Seamless Onboarding:** Support Passkey wallets to eliminate onboarding drop-offs.
-- **Real-time Merchant Tooling:** Get instant payment tracking, analytics, and reporting.
-- **Dynamic Payment Flows:** Generate charges on the fly, handle variable pricing, and pass in custom metadata.
-
-<Tip>
-To use the `Checkout` component, you'll need to provide a Client API Key in `OnchainKitProvider`. You can get one following our [Getting Started](/onchainkit/getting-started#get-your-client-api-key) steps.
-</Tip>
-
-## Quickstart
-
-### Option 1: Simple Product Checkout
-
-Ideal for fixed-price items. Get started with minimal setup.
-
-<Steps>
-  <Step title="Sign up for a Coinbase Commerce account">
-  Head to [Coinbase Commerce](https://beta.commerce.coinbase.com/) and sign up. This is where you’ll manage transactions, view reports, and configure payments.
-  </Step>
-  <Step title="Create a product and copy the productId">
-  In the Coinbase Commerce dashboard, create a new product and copy the `productId`.
-  </Step>
-  <Step title="Import the component">
-  ```tsx
-  import { Checkout, CheckoutButton, CheckoutStatus } from '@coinbase/onchainkit/checkout';
-
-  <Checkout productId='my-product-id' >
-    <CheckoutButton coinbaseBranded/> // set coinbaseBranded for branding
-    <CheckoutStatus />
-  </Checkout>
-  ```
-  </Step>
-</Steps>
-
-
-### Option 2: Dynamic Charges
-
-For variable pricing, custom metadata, or multi-product checkouts, use backend-generated charges.
-
-<Steps>
-  <Step title="Sign up for a Coinbase Commerce account">
-  Head to [Coinbase Commerce](https://beta.commerce.coinbase.com/) and sign up. This is where you’ll manage transactions, view reports, and configure payments.
-  </Step>
-  <Step title="Create a Coinbase Commerce API Key">
-  In the [Coinbase Commerce dashboard](https://beta.commerce.coinbase.com/settings/security), create a new API Key under `Security` in `Settings`.
-  </Step>
-  <Step title="Set up a backend to create charges dynamically using the Coinbase Commerce API">
-  See [Using chargeHandler](/onchainkit/checkout/checkout#using-chargehandler) for a code example.
-  </Step>
-  <Step title="Pass the chargeID into Checkout via the chargeHandler prop">
-  ```tsx
-  const chargeHandler = async () => {
-    const response = await fetch('/createCharge', { method: 'POST' });
-    const { id } = await response.json();
-    return id; // Return charge ID
-  };
-
-  <Checkout chargeHandler={chargeHandler}>
-    <CheckoutButton />
-  </Checkout>
-  ```
-  </Step>
-</Steps>
-
-That's it! Start selling onchain with just a few lines of code.
-
-## Usage
-
-### Configuring a checkout
-
-#### Using `productId`
-
-You can create products on the Coinbase Commerce Portal and use them in the `Checkout` component through the `productId` prop.
-
-```tsx
-import { Checkout, CheckoutButton } from '@coinbase/onchainkit/checkout';
-
-export default function PayComponents() {
-  return (
-// ---cut-before---
-<Checkout productId='my-product-id'>
-  <CheckoutButton />
-</Checkout>
-// ---cut-after---
-);
-}
-```
-
-{/* <App>
-  <Checkout>
-    <CheckoutButton disabled/>
-  </Checkout>
-</App> */}
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-checkout--disabled&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-
-#### Using `chargeHandler`
-
-Alternatively, you can create charges dynamically using the Coinbase Commerce API [Create Charge](https://docs.cdp.coinbase.com/commerce-onchain/reference/creates-a-charge) endpoint by passing the chargeID into Checkout via the `chargeHandler` prop.
-
-This function must have the signature `() => Promise<string>` and must return a valid chargeId created by the create charge endpoint.
-
-<Tip>
-To create charges, you'll need a Coinbase Commerce [API Key](https://docs.cdp.coinbase.com/commerce-onchain/docs/getting-started).
-</Tip>
-
-
-<Danger>
-**⚠️ Warning**
-
-You should protect your Coinbase Commerce API Key by only creating charges server-side.
-</Danger>
-
-
-<CodeGroup>
-```ts backend.ts
-// This backend endpoint should create a charge and return the response.
-app.post('/createCharge', async (req: Request, res: Response) => {
-  const options = {
-    method: 'POST',
-    headers: {
-      'Content-Type': 'application/json',
-      'Accept': 'application/json',
-      'X-CC-Api-Key': 'your_api_key_here' // Replace this with your Coinbase Commerce API Key
-    },
-    body: JSON.stringify({
-      local_price: { amount: '1', currency: 'USDC' },
-      pricing_type: 'fixed_price',
-      metadata: { some_field: "some_value" } // Optional: Attach metadata like order ID or customer details
-    }),
-  };
-
-  const response = await fetch('https://api.commerce.coinbase.com/charges', options);
-  const data = await response.json();
-
-  res.json(data);
-});
-
-```
-
-```tsx frontend.tsx
-import { Checkout, CheckoutButton } from '@coinbase/onchainkit/checkout';
-
-const chargeHandler = async () => {
-  const response = await fetch('https://your-backend.com/createCharge', { method: 'POST' });
-  const { id } = await response.json();
-  return id; // Return charge ID
-};
-
-<Checkout chargeHandler={chargeHandler}>
-  <CheckoutButton />
-</Checkout>
-```
-</CodeGroup>
-
-Note that `productId` and `chargeHandler` are mutually exclusive and only one can be provided as a prop to Checkout.
-
-### Handling a successful checkout
-
-To handle successful checkouts, use the `onStatus` prop to listen for the `success` callback.
-
-This callback will return a [LifecycleStatusData](/onchainkit/checkout/checkout#advanced-usage) object including the [TransactionReceipt](https://github.com/wevm/viem/blob/main/src/types/transaction.ts#L38) and `chargeId`.
-
-For idempotent actions, like rendering your own success screen, you can simply check that the `statusName` is equal to `success`.
-
-For non-idempotent actions, like order fulfillment, we recommend one of the following approaches to verify a charge has been fully paid.
-
-1. (**Recommended**) Check the status of the `chargeId` using the [Coinbase Commerce API](https://docs.cdp.coinbase.com/commerce-onchain/docs/web3-payments-faq#how-can-i-verify-if-a-charge-has-been-fully-paid).
-2. Set up a [Coinbase Commerce Webhook](https://docs.cdp.coinbase.com/commerce-onchain/docs/webhooks) which will notify you for successful payments.
-
-```tsx
-import { Checkout, CheckoutButton } from '@coinbase/onchainkit/checkout';
-// ---cut-before---
-import type { LifecycleStatus } from '@coinbase/onchainkit/checkout'; // [!code focus]
-
-const statusHandler = async (status: LifecycleStatus) => { // [!code focus]
-  const { statusName, statusData } = status; // [!code focus]
-  switch (statusName) { // [!code focus]
-    case 'success': // [!code focus]
-      // handle success // [!code focus]
-      const { chargeId } = statusData; // [!code focus]
-      // use the charges api to verify the chargeId // [!code focus]
-      const options = { // [!code focus]
-        method: 'GET', // [!code focus]
-        headers: { // [!code focus]
-          'Content-Type': 'application/json', // [!code focus]
-          'Accept': 'application/json', // [!code focus]
-          'X-CC-Api-Key': 'your_api_key_here' // Replace this with your Coinbase Commerce API Key // [!code focus]
-        } // [!code focus]
-      }; // [!code focus]
-      const response = await fetch(`https://api.commerce.coinbase.com/charges/${chargeId}`); // [!code focus]
-  } // [!code focus]
-} // [!code focus]
-
-<Checkout onStatus={statusHandler}>
-  <CheckoutButton />
-</Checkout>
-// ---cut-after---
-```
-
-<Tip>
-To verify charges, you'll need a Coinbase Commerce [API Key](https://docs.cdp.coinbase.com/commerce-onchain/docs/getting-started).
-</Tip>
-
-
-<Danger>
-**⚠️ Warning**
-
-You should protect your Coinbase Commerce API Key by verifying charges server-side. This client-side code is only provided as an example.
-</Danger>
-
-
-### Viewing successful checkouts
-
-You can view successful checkouts on the [Coinbase Commerce Merchant Dashboard](https://beta.commerce.coinbase.com/payments).
-
-<Frame>
-<img alt="Viewing successful checkouts"
-src="/images/onchainkit/commerce-3.png"
-height="364"/>
-</Frame>
-
-## Customization
-
-### Add name and logo
-
-To customize the name and logo of your application rendered in the popup, set the `name` and `logo` values inside [OnchainKitProvider](/onchainkit/config/onchainkit-provider#usage).
-
-```tsx providers.tsx
-import { base } from 'wagmi/chains';
-import { OnchainKitProvider } from '@coinbase/onchainkit';
-
-<OnchainKitProvider
-    chain={base}
-    config={{
-      appearance: {
-        name: 'OnchainKit Playground', // [!code ++]
-        logo: '/images/onchainkit/favicon/48x48.png?v4-19-24', // [!code ++]
-      },
-    }}
-  >
-    {children}
-</OnchainKitProvider>
-```
-
-<Frame>
-<div style={{ display: 'flex', justifyContent: 'center' }}>
-  <img
-    alt="Add name and logo"
-    src="/images/onchainkit/commerce-4.png"
-  />
-</div>
-</Frame>
-
-### Add Coinbase branding
-
-You can add Coinbase branding to the component by using the `coinbaseBranded` prop on `CheckoutButton`.
-
-```tsx
-import { Checkout, CheckoutButton } from '@coinbase/onchainkit/checkout';
-
-export default function PayComponents() {
-  return (
-// ---cut-before---
-<Checkout >
-  <CheckoutButton coinbaseBranded/>
-</Checkout>
-// ---cut-after---
-);
-}
-```
-
-{/* <App>
-  <Checkout>
-    <CheckoutButton coinbaseBranded disabled/>
-  </Checkout>
-</App> */}
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-checkout--branded&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-
-### Disabling the button
-
-You can disable the button using the `disabled` prop on `CheckoutButton`.
-
-```tsx
-
-import { Checkout, CheckoutButton } from '@coinbase/onchainkit/checkout';
-
-export default function PayComponents() {
-  return (
-// ---cut-before---
-<Checkout >
-  <CheckoutButton disabled/>
-</Checkout>
-// ---cut-after---
-);
-}
-```
-
-{/* <App>
-  <Checkout>
-    <CheckoutButton disabled/>
-  </Checkout>
-</App> */}
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-checkout--disabled&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-
-### Customize button
-
-You can customize the button text using the `text` prop on `CheckoutButton`.
-
-```tsx
-
-import { Checkout, CheckoutButton } from '@coinbase/onchainkit/checkout';
-
-export default function PayComponents() {
-  return (
-// ---cut-before---
-<Checkout >
-  <CheckoutButton text='Checkout with USDC'/>
-</Checkout>
-// ---cut-after---
-);
-}
-```
-
-{/* <App>
-  <Checkout>
-    <CheckoutButton text='Checkout with USDC' disabled/>
-  </Checkout>
-</App> */}
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-checkout--with-custom-text&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-
-### Override styles
-
-We recommend style customization by setting a custom [OnchainKit theme](/onchainkit//guides/themes#custom-theme). You can also override individual component styles using `className`.
-
-```tsx
-
-import { Checkout, CheckoutButton } from '@coinbase/onchainkit/checkout';
-
-export default function PayComponents() {
-  return (
-// ---cut-before---
-<Checkout >
-  <CheckoutButton className='bg-[#EA580C]' />
-</Checkout>
-// ---cut-after---
-);
-}
-```
-
-{/* <App>
-  <Checkout>
-    <CheckoutButton className='bg-[#EA580C]' disabled/>
-  </Checkout>
-</App> */}
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-checkout--with-custom-class&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-
-## Advanced Usage
-
-### Listening to the component lifecycle
-
-You can use our Checkout [`LifecycleStatus`](/onchainkit/checkout/types#lifecyclestatus) and the `onStatus` prop to listen to transaction states.
-
-```tsx
-import { Checkout, CheckoutButton } from '@coinbase/onchainkit/checkout';
-// ---cut-before---
-import type { LifecycleStatus } from '@coinbase/onchainkit/checkout'; // [!code focus]
-
-const statusHandler = (status: LifecycleStatus) => { // [!code focus]
-  const { statusName, statusData } = status; // [!code focus]
-  switch (statusName) { // [!code focus]
-    case 'success': // handle success // [!code focus]
-    case 'pending': // handle payment pending // [!code focus]
-    case 'error': // handle error // [!code focus]
-    default: // [!code focus]
-      // handle 'init' state
-  } // [!code focus]
-} // [!code focus]
-
-<Checkout // [!code focus]
-  onStatus={statusHandler} // [!code focus]
->
-  <CheckoutButton />
-</Checkout>
-// ---cut-after---
-```
-
-## Example use cases
-
-- **Demand-based pricing:** Allow users to select seats or ticket types for events, and dynamically calculate charges based on availability and demand.
-- **Product bundles:** Provide users with the option to create custom product bundles, applying discounts or special pricing based on the selected items.
-- **Freelance Services:** Allow clients to specify project details such as hours, deliverables, and deadlines, and generate charges based on these custom inputs.
-
-## Components
-
-The components are designed to work together hierarchically. For each component, ensure the following:
-
-- `<Checkout />` - Sets the `productId` or `chargeHandler` prop.
-- `<CheckoutButton />` - Branding and customization of the payment button.
-- `<CheckoutStatus />` - The status of the payment.
-
-## Props
-
-[`CheckoutProps`](#checkoutprops)
-
-```ts
-type CheckoutProps = {
-  chargeHandler?: () => Promise<string>;
-  children: React.ReactNode;
-  className?: string;
-  isSponsored?: boolean;
-  onStatus?: (status: LifecycleStatus) => void;
-  productId?: string;
-};
-```
-
-[`CheckoutButtonProps`](#checkoutbuttonprops)
-
-```ts
-type CheckoutButtonProps = {
-  className?: string;
-  coinbaseBranded?: boolean;
-  disabled?: boolean;
-  icon?: React.ReactNode;
-  text?: string;
-};
-```
-
-[`CheckoutStatusProps`](#checkoutstatusprops)
-
-```ts
-type CheckoutStatusProps = { className?: string };
-```
-
-[`LifecycleStatus`](#lifecyclestatus)
-
-```ts
-type LifecycleStatus =
-  | {
-      statusName: 'init';
-      statusData: Record<string, never>;
-    }
-  | {
-      statusName: 'error';
-      statusData: TransactionError;
-    }
-  | {
-      statusName: 'fetchingData';
-      statusData: Record<string, never>;
-    }
-  | {
-      statusName: 'ready';
-      statusData: {
-        chargeId: string;
-        contracts: ContractFunctionParameters[];
-      };
-    }
-  | {
-      statusName: 'pending';
-      statusData: Record<string, never>;
-    }
-  | {
-      statusName: 'success';
-      statusData: {
-        transactionReceipts: TransactionReceipt[];
-        chargeId: string;
-        receiptUrl: string;
-      };
-    };
-```
-
diff --git a/docs/onchainkit/latest/components/connected/connected.mdx b/docs/onchainkit/latest/components/connected/connected.mdx
deleted file mode 100644
index d251de587..000000000
--- a/docs/onchainkit/latest/components/connected/connected.mdx
+++ /dev/null
@@ -1,199 +0,0 @@
----
-title: "Connected"
----
-
-The `Connected` component provides conditional rendering based on wallet connection state. It renders children when a wallet is connected, and shows a fallback UI when no wallet is connected.
-
-This component simplifies building wallet-aware user interfaces by handling the common pattern of showing different content for connected vs. disconnected states.
-
-## Usage
-
-### Basic usage
-
-The simplest usage shows children when connected and a `ConnectWallet` button when disconnected:
-
-```tsx
-import { Connected } from '@coinbase/onchainkit/connected';
-
-export default function MyComponent() {
-  return (
-    <Connected>
-      <div>Welcome! Your wallet is connected.</div>
-    </Connected>
-  );
-}
-```
-
-When no wallet is connected, this automatically renders a `ConnectWallet` button.
-
-### Custom fallback
-
-Provide a custom fallback UI for when no wallet is connected:
-
-```tsx
-import { Connected } from '@coinbase/onchainkit/connected';
-
-export default function MyComponent() {
-  return (
-    <Connected
-      fallback={
-        <div className="text-center p-4">
-          <h2>Connect your wallet</h2>
-          <p>Please connect your wallet to continue</p>
-        </div>
-      }
-    >
-      <div>Welcome! Your wallet is connected.</div>
-    </Connected>
-  );
-}
-```
-
-### No fallback
-
-Pass `null` as the fallback to render nothing when disconnected:
-
-```tsx
-import { Connected } from '@coinbase/onchainkit/connected';
-
-export default function MyComponent() {
-  return (
-    <Connected fallback={null}>
-      <div>This only shows when connected</div>
-    </Connected>
-  );
-}
-```
-
-### Connecting state
-
-Show a loading state while the wallet is connecting:
-
-```tsx
-import { Connected } from '@coinbase/onchainkit/connected';
-
-export default function MyComponent() {
-  return (
-    <Connected
-      connecting={
-        <div className="flex items-center gap-2">
-          <div className="animate-spin w-4 h-4 border-2 border-blue-500 rounded-full border-t-transparent" />
-          <span>Connecting wallet...</span>
-        </div>
-      }
-      fallback={
-        <button className="bg-blue-500 text-white px-4 py-2 rounded">
-          Connect Wallet
-        </button>
-      }
-    >
-      <div>Wallet connected successfully!</div>
-    </Connected>
-  );
-}
-```
-
-## Advanced Usage
-
-### Building complex flows
-
-Use `Connected` to create sophisticated user flows that adapt to connection state:
-
-```tsx
-import { Connected } from '@coinbase/onchainkit/connected';
-import { Transaction, TransactionButton } from '@coinbase/onchainkit/transaction';
-
-export default function MintFlow() {
-  return (
-    <div className="space-y-4">
-      <h1>Mint Your NFT</h1>
-
-      <Connected
-        connecting={<div>Preparing wallet...</div>}
-        fallback={
-          <div className="border rounded-lg p-6 text-center">
-            <h2>Connect to get started</h2>
-            <p className="text-gray-600 mb-4">
-              You need to connect your wallet to mint an NFT
-            </p>
-          </div>
-        }
-      >
-        <div className="border rounded-lg p-6">
-          <h2>Ready to mint!</h2>
-          <p className="text-gray-600 mb-4">
-            Your wallet is connected. Click below to mint your NFT.
-          </p>
-
-          <Transaction
-            calls={[
-              {
-                to: '0x...',
-                data: '0x...',
-              },
-            ]}
-          >
-            <TransactionButton>Mint NFT</TransactionButton>
-          </Transaction>
-        </div>
-      </Connected>
-    </div>
-  );
-}
-```
-
-### Conditional navigation
-
-Hide navigation items when wallet is not connected:
-
-```tsx
-import { Connected } from '@coinbase/onchainkit/connected';
-
-export default function Navigation() {
-  return (
-    <nav className="flex items-center justify-between p-4">
-      <div>My App</div>
-
-      <div className="flex items-center gap-4">
-        <Connected fallback={null}>
-          <a href="/dashboard">Dashboard</a>
-          <a href="/profile">Profile</a>
-        </Connected>
-
-        <Connected>
-          <span>Wallet connected</span>
-        </Connected>
-      </div>
-    </nav>
-  );
-}
-```
-
-## Props
-
-```ts
-type ConnectedProps<TFallback extends ReactNode | undefined = undefined> =
-  TFallback extends undefined
-    ? ConnectedBaseProps<TFallback> & ConnectWalletFallbackProps
-    : ConnectedBaseProps<TFallback>;
-
-type ConnectedBaseProps<TFallback extends ReactNode | undefined> = {
-  /**
-   * The content to render when there is a connected account.
-   */
-  children: ReactNode;
-  /**
-   * The content to render when there is no connected account.
-   * If undefined, defaults to rendering the `<ConnectWallet />` button.
-   * Pass `null` to render nothing.
-   */
-  fallback?: TFallback;
-  /**
-   * If defined, the content to render when there is no connected account
-   * and `useAccount().status` is "connecting".
-   */
-  connecting?: ReactNode;
-};
-```
-
-When no `fallback` prop is provided, the component accepts all props that `ConnectWallet` accepts as passthrough props.
diff --git a/docs/onchainkit/latest/components/earn/earn.mdx b/docs/onchainkit/latest/components/earn/earn.mdx
deleted file mode 100644
index 0bc722bb9..000000000
--- a/docs/onchainkit/latest/components/earn/earn.mdx
+++ /dev/null
@@ -1,337 +0,0 @@
----
-title: "Earn"
----
-
-The `Earn` component provides a simple interface for earning interest on your crypto via Morpho vaults on Base.
-
-
-## Quickstart
-
-To use `Earn`, you'll need to provide a `vaultAddress` prop. A vault address can be obtained from Morpho's [Vaults page](https://app.morpho.org/base/earn).
-
-```tsx
-import { Earn } from '@coinbase/onchainkit/earn'; // [!code focus]
-
-<Earn vaultAddress="0x7BfA7C4f149E7415b73bdeDfe609237e29CBF34A" /> // [!code focus]
-```
-
-{/* <EarnMain /> */}
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-earn--main&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="400px"
-/>
-
-## Customization
-
-### Custom components and layouts
-
-`Earn` accepts a `children` prop that can be used to render `Earn` subcomponents or custom components.
-
-For instance, you can render the `EarnDeposit` component by itself within the `Earn` component, along with any other custom components you'd like to render.
-
-```tsx
-import { Earn, EarnDeposit } from '@coinbase/onchainkit/earn';
-
-<Earn vaultAddress="0x7BfA7C4f149E7415b73bdeDfe609237e29CBF34A">
-  <div>Custom header</div>
-  <EarnDeposit />
-  <div>Custom footer</div>
-</Earn>
-```
-
-{/* <EarnDeposit /> */}
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-earn--deposit&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="450px"
-/>
-
-For more granular control, you can also render lower level subcomponents within `EarnDeposit` and `EarnWithdraw`. These subcomponents accept `className` props to customize their styles.
-
-```tsx
-import { Earn,
-        EarnDeposit,
-        EarnDetails,
-        DepositBalance,
-        DepositAmountInput,
-        DepositButton } from '@coinbase/onchainkit/earn';
-
-<Earn vaultAddress="0x7BfA7C4f149E7415b73bdeDfe609237e29CBF34A">
-  <EarnDeposit>
-    <EarnDetails />
-    <DepositBalance />
-    <DepositAmountInput className="border-2 border-green-400" />
-    <DepositButton />
-  </EarnDeposit>
-</Earn>
-```
-
-{/* <RearrangedEarnDeposit /> */}
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-earn--rearranged-deposit&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="400px"
-/>
-
-### Customizing styles
-
-The `Earn` component is best styled via a [OnchainKit theme](/onchainkit/guides/themes#custom-theme). You can also override individual component styles using `className`.
-
-## Advanced Usage
-
-If you'd like to implement your own custom components, you can use `useEarnContext` within an `Earn` component to access context and build your own components.
-
-You can find the full interface for `EarnContextType` on the [Types page](/onchainkit/earn/types#earncontexttype).
-
-Below, we use `useEarnContext` to implement a custom deposit interface by using `useEarnContext` to access the `depositAmount` and `setDepositAmount` context values.
-
-<CodeGroup>
-```tsx index.tsx
-import { Earn, useEarnContext } from '@coinbase/onchainkit/earn';
-import { CustomDepositButtons } from '@/custom-deposit-buttons';
-
-  <Earn vaultAddress="0x7BfA7C4f149E7415b73bdeDfe609237e29CBF34A">
-      <CustomDepositButtons />
-  </Earn>
-
-```
-
-```tsx custom-deposit-buttons.tsx
-import {EarnDetails,
-        EarnDeposit,
-        useEarnContext,
-        DepositButton} from '@coinbase/onchainkit/earn';
-
-const predefinedAmounts = ['0.1', '1', '10'];
-
-function CustomDepositButtons() {
-  const { depositAmount, setDepositAmount } = useEarnContext();
-
-  return (
-    <EarnDeposit>
-      <EarnDetails />
-      <div className="grid grid-cols-3 gap-2">
-        {predefinedAmounts.map((amount) => {
-          const selected = amount === depositAmount;
-          return (
-            <button
-              key={amount}
-              type="button"
-              onClick={() => setDepositAmount(amount)}
-              className={`rounded-md px-4 py-2
-              ${selected ? 'bg-[var(--ock-bg-primary)] text-[var(--ock-text-inverse)]'
-              : 'bg-[var(--ock-bg-secondary)] text-[var(--ock-text-primary)]'}`}
-            >
-              {amount}
-            </button>
-          );
-        })}
-      </div>
-      <DepositButton />
-    </EarnDeposit>
-  );
-}
-```
-</CodeGroup>
-
-{/* <PredefinedInputDeposit /> */}
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-earn--predefined-deposit&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="400px"
-/>
-
-Taking advantage of the data and methods provided by `useEarnContext`, developers can implement fully custom deposit and withdraw interfaces, modifying everything from UI elements to input behavior.
-
-## Examples
-
-### Sponsoring transactions
-
-To sponsor transactions, you can use the `isSponsored` prop.
-
-```tsx
-<Earn vaultAddress="0x7BfA7C4f149E7415b73bdeDfe609237e29CBF34A" isSponsored />
-```
-
-Ensure that your `OnchainKitProvider` has a `paymaster` configured:
-
-```tsx
-<OnchainKitProvider
-  config={{ // [!code focus]
-    paymaster: process.env.PAYMASTER_ENDPOINT, // [!code focus]
-  }} // [!code focus]
->
-```
-
-<Tip>
-If you have a contract allowlist set on Coinbase Developer Platform, you'll need to ensure that the following contract functions are allowed:
-
-- `deposit` on the Morpho vault
-- `redeem` on the Morpho vault
-- `approve` on the token being deposited
-</Tip>
-
-
-## Components
-
-The `Earn` component includes the following subcomponents:
-
-- `<Earn />` - A fully built Withdraw and Deposit component. Also includes a `children` prop to render custom components and provides `useEarnContext` to access the context values.
-- `<EarnProvider />` - A headless provider that provides the `useEarnContext` hook to the `Earn` component.
-- `<EarnDeposit />` - A fully built deposit card.
-- `<EarnWithdraw />` - A fully built withdraw card.
-- `<EarnDetails />` - A component that displays the details of the vault.
-- `<DepositAmountInput />` - A component that handles the deposit amount input.
-- `<DepositBalance />` - A component that displays the balance underlying asset in the user's wallet.
-- `<DepositButton />` - A component that triggers the deposit transaction.
-- `<WithdrawAmountInput />` - A component that handles the withdraw amount input.
-- `<WithdrawBalance />` - A component that displays how much the user can withdraw from a vault.
-- `<WithdrawButton />` - A component that triggers the withdraw transaction.
-- `<YieldDetails />` - A component that displays the yield details of the vault.
-- `<VaultDetails />` - A component that displays the vault details.
-
-## Hooks
-
-- [`useEarnContext`](/onchainkit/hooks/use-earn-context) - A hook that provides the context values of the `Earn` component.
-- [`useBuildDepositToMorphoTx`](/onchainkit/hooks/use-build-deposit-to-morpho-tx) - A hook that builds a deposit transaction to Morpho.
-- [`useBuildWithdrawFromMorphoTx`](/onchainkit/hooks/use-build-withdraw-from-morpho-tx) - A hook that builds a withdraw transaction from Morpho.
-- [`useMorphoVault`](/onchainkit/hooks/use-morpho-vault) - A hook that provides the details of a Morpho vault.
-
-## Props
-
-[`EarnProps`](#earnprops)
-
-```ts
-type EarnProps = {
-  children?: React.ReactNode;
-  className?: string;
-  vaultAddress: Address;
-  isSponsored?: boolean;
-  /** An optional callback function that handles errors within the provider. */
-  onError?: (error: TransactionError) => void;
-  /** An optional callback function that exposes the component lifecycle state */
-  onStatus?: (lifecycleStatus: LifecycleStatus) => void;
-  /** An optional callback function that exposes the transaction receipt */
-  onSuccess?: (transactionReceipt?: TransactionReceipt) => void;
-};
-```
-
-[`EarnProviderProps`](#earnproviderprops)
-
-```ts
-type EarnProviderProps = {
-  children: React.ReactNode;
-  vaultAddress: Address;
-  isSponsored?: boolean;
-  /** An optional callback function that handles errors within the provider. */
-  onError?: (error: TransactionError) => void;
-  /** An optional callback function that exposes the component lifecycle state */
-  onStatus?: (lifecycleStatus: LifecycleStatus) => void;
-  /** An optional callback function that exposes the transaction receipt */
-  onSuccess?: (transactionReceipt?: TransactionReceipt) => void;
-};
-```
-
-[`EarnContextType`](#earncontexttype)
-
-```ts
-type EarnContextType = {
-  /** Warns users if vault address is invalid */
-  error: Error | null;
-  recipientAddress?: Address;
-  /** Balance of the underlying asset in the user's wallet, converted to the asset's decimals */
-  walletBalance?: string;
-  /** Status of the wallet balance fetch */
-  walletBalanceStatus: 'pending' | 'success' | 'error';
-  refetchWalletBalance: () => void;
-  vaultAddress: Address;
-  /** The token that is being deposited or withdrawn (the underlying asset of the vault) */
-  vaultToken: Token | undefined;
-  vaultName: string | undefined;
-  /** Total deposits in the vault */
-  deposits: string | undefined;
-  /** Total liquidity (available to borrow) in the vault */
-  liquidity: string | undefined;
-  /** Total APY of the vault, including rewards */
-  apy: number | undefined;
-  nativeApy: UseMorphoVaultReturnType['nativeApy'];
-  vaultFee: UseMorphoVaultReturnType['vaultFee'];
-  /** Rewards earned by the user in the vault */
-  rewards: UseMorphoVaultReturnType['rewards'];
-  /** The amount of underlying asset that has been deposited in the vault by the connected user */
-  depositedBalance?: string;
-  /** Whether the deposited balance is being fetched */
-  depositedBalanceStatus: 'pending' | 'success' | 'error';
-  refetchDepositedBalance: () => void;
-  /** Interest earned by the user in the vault */
-  interestEarned?: string;
-  /** Amount that the user has typed into the deposit amount input */
-  depositAmount: string;
-  setDepositAmount: (amount: string) => void;
-  depositAmountError: string | null;
-  depositCalls: Call[];
-  /** Amount that the user has typed into the withdraw amount input */
-  withdrawAmount: string;
-  setWithdrawAmount: (amount: string) => void;
-  withdrawAmountError: string | null;
-  withdrawCalls: Call[];
-  lifecycleStatus: LifecycleStatus;
-  updateLifecycleStatus: (
-    status: LifecycleStatusUpdate<LifecycleStatus>,
-  ) => void;
-};
-```
-
-[`LifecycleStatus`](#lifecyclestatus)
-
-```ts
-type LifecycleStatus =
-  | {
-      statusName: 'init';
-      statusData: null;
-    }
-  | {
-      statusName: 'amountChange';
-      statusData: {
-        amount: string;
-        token: Token;
-      };
-    }
-  | Extract<
-      TransactionLifecycleStatus,
-      {
-        statusName:
-          | 'transactionPending'
-          | 'transactionLegacyExecuted'
-          | 'success'
-          | 'error';
-      }
-    >;
-```
-
-Additional component props:
-
-```ts
-// Input components
-type DepositAmountInputProps = { className?: string; };
-type WithdrawAmountInputProps = { className?: string; };
-
-// Balance components  
-type DepositBalanceProps = { className?: string; };
-type WithdrawBalanceProps = { className?: string; };
-
-// Container components
-type EarnDepositProps = { children?: React.ReactNode; className?: string; };
-type EarnWithdrawProps = { children?: React.ReactNode; className?: string; };
-
-// Action components
-type DepositButtonProps = { className?: string; };
-type WithdrawButtonProps = { className?: string; };
-type EarnDetailsProps = { className?: string; };
-```
-
diff --git a/docs/onchainkit/latest/components/fund/fund-button.mdx b/docs/onchainkit/latest/components/fund/fund-button.mdx
deleted file mode 100644
index 4b03c0da2..000000000
--- a/docs/onchainkit/latest/components/fund/fund-button.mdx
+++ /dev/null
@@ -1,226 +0,0 @@
----
-title: <FundButton />
-sidebarTitle: <FundButton />
-description: The `<FundButton />` component provides a way for users to fund their wallet without leaving your app.
----
-
-# FundButton
-
-The `<FundButton />` component provides a way for users to fund their wallet without leaving your app. It automatically
-detects the user's wallet type (EOA vs Smart Wallet) and directs them to the appropriate funding URL.
-
-If your user connects a Coinbase Smart Wallet, it provides an easy way to access the Coinbase Smart Wallet
-[Fund](https://keys.coinbase.com/fund) flow. Users will be able to buy and receive crypto, or use their Coinbase
-balances onchain with [Magic Spend](https://www.smartwallet.dev/guides/magic-spend).
-
-If your user connects any other EOA wallet, it provides an easy way to access [Coinbase Onramp](https://docs.cdp.coinbase.com/onramp/docs/welcome/)
-where your users will also be able to buy crypto using a fiat payment method, or transfer existing crypto from their
-Coinbase account.
-
-## Walkthrough
-
-<Steps>
-  <Step title="Get your Project ID">
-    1. Get your Project ID from the [Coinbase Developer Platform Dashboard](https://portal.cdp.coinbase.com/).
-
-    <Frame>
-      <img alt="OnchainKit copy Project Id" src="https://mintcdn.com/base-a060aa97/-q4fo0uzIfxlH3Wn/images/onchainkit/copy-project-id.png?fit=max&auto=format&n=-q4fo0uzIfxlH3Wn&q=85&s=a252ce9520dc3909df614eaa3739a09d" data-og-width="1247" width="1247" data-og-height="466" height="466" data-path="images/onchainkit/copy-project-id.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/base-a060aa97/-q4fo0uzIfxlH3Wn/images/onchainkit/copy-project-id.png?w=280&fit=max&auto=format&n=-q4fo0uzIfxlH3Wn&q=85&s=f5bed02ce1fa668ee0915e149fd208e2 280w, https://mintcdn.com/base-a060aa97/-q4fo0uzIfxlH3Wn/images/onchainkit/copy-project-id.png?w=560&fit=max&auto=format&n=-q4fo0uzIfxlH3Wn&q=85&s=3353683c600c3d6406473bd9d96b6c3e 560w, https://mintcdn.com/base-a060aa97/-q4fo0uzIfxlH3Wn/images/onchainkit/copy-project-id.png?w=840&fit=max&auto=format&n=-q4fo0uzIfxlH3Wn&q=85&s=fc1ea92d8d5ea02b932ed38b3c5f7933 840w, https://mintcdn.com/base-a060aa97/-q4fo0uzIfxlH3Wn/images/onchainkit/copy-project-id.png?w=1100&fit=max&auto=format&n=-q4fo0uzIfxlH3Wn&q=85&s=4f1b3d6cdb5aecce2bfdef9c679286c1 1100w, https://mintcdn.com/base-a060aa97/-q4fo0uzIfxlH3Wn/images/onchainkit/copy-project-id.png?w=1650&fit=max&auto=format&n=-q4fo0uzIfxlH3Wn&q=85&s=aab84604e4c4ea446cac4d5c93daa659 1650w, https://mintcdn.com/base-a060aa97/-q4fo0uzIfxlH3Wn/images/onchainkit/copy-project-id.png?w=2500&fit=max&auto=format&n=-q4fo0uzIfxlH3Wn&q=85&s=8a9febaf3ca315cb4ffed4be7de2e2f3 2500w" />
-    </Frame>
-
-    2. Add your Project ID to your `.env` file.
-
-    ```tsx .env theme={null}
-    NEXT_PUBLIC_ONCHAINKIT_API_KEY=YOUR_PUBLIC_API_KEY
-    NEXT_PUBLIC_CDP_PROJECT_ID=YOUR_CDP_PROJECT_ID // [!code ++]
-    ```
-
-  </Step>
-
-<Step title="Add Project ID to OnchainKitProvider">
-  ```tsx theme={null}
-  <OnchainKitProvider
-    apiKey={process.env.NEXT_PUBLIC_ONCHAINKIT_API_KEY}
-    projectId={process.env.NEXT_PUBLIC_CDP_PROJECT_ID} // [!code ++]
-    chain={base}
-  >
-    {props.children}
-  </OnchainKitProvider>
-  ```
-</Step>
-
-<Step title="Get a session token">
-  [Getting session
-  token](https://docs.cdp.coinbase.com/onramp-&-offramp/session-token-authentication)
-</Step>
-
-  <Step title="Drop in the <FundButton /> component">
-    ```tsx theme={null}
-    import { FundButton } from '@coinbase/onchainkit/fund';
-
-    const sessionToken = "YOUR_SESSION_TOKEN";
-
-    // can use EITHER sessionToken or fundingUrl
-    <FundButton sessionToken={sessionToken} />
-    ```
-
-    {/* <App>
-      <FundWrapper>
-        {({ address }) => {
-          if (address) {
-            return (
-              <FundButton sessionToken={sessionToken} />
-            )
-          }
-          return <>
-            <Wallet>
-              <ConnectWallet>
-                <Avatar className="h-6 w-6" />
-                <Name />
-              </ConnectWallet>
-            </Wallet>
-          </>;
-        }}
-      </FundWrapper>
-    </App> */}
-
-  </Step>
-</Steps>
-
-## Customizing the funding experience
-
-You can customize the Coinbase Onramp experience by bringing your own Onramp URL and passing it to the `<FundButton />`
-component. We provide the [`getOnrampBuyUrl`](/onchainkit/fund/get-onramp-buy-url) utility to help you generate a Coinbase Onramp
-URL tailored to your use case.
-
-```tsx theme={null}
-import { FundButton, getOnrampBuyUrl } from "@coinbase/onchainkit/fund";
-import { useAccount } from "wagmi";
-
-const projectId = "YOUR_CDP_PROJECT_ID";
-const { address } = useAccount();
-
-const onrampBuyUrl = getOnrampBuyUrl({
-  sessionToken: "YOUR_SESSION_TOKEN",
-  presetFiatAmount: 20,
-  fiatCurrency: "USD",
-});
-
-<FundButton fundingUrl={onrampBuyUrl} />;
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-fund-button--with-funding-url&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-
-You can choose to have the funding URL open in a popup or a new tab using the `openIn` prop.
-
-```tsx theme={null}
-<FundButton openIn={"tab"} sessionToken={sessionToken} />
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-fund-button--open-in-tab&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-
-## Customizing the fund button
-
-You can override the text on the fund button using the `text` prop, and hide the icon with the `hideIcon` prop.
-
-```tsx theme={null}
-<FundButton text={"Onramp"} hideIcon={true} sessionToken={sessionToken} />
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-fund-button--custom-text-and-hide-icon&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-
-You can hide the text with the `hideText` prop.
-
-```tsx theme={null}
-<FundButton hideText={true} sessionToken={sessionToken} />
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-fund-button--hide-text&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-
-See [`FundButtonReact`](/onchainkit/fund/types#fundbuttonreact) for the full list of customization options.
-
-## Props
-
-[`FundButtonProps`](#fundbuttonprops)
-
-```ts theme={null}
-export type FundButtonProps = FundButtonBaseProps &
-  FundButtonSourceProps &
-  FundButtonRenderProps;
-
-type FundButtonBaseProps = {
-  /* An optional CSS class name for styling the button component */
-  className?: string;
-  /* A optional prop to disable the fund button */
-  disabled?: boolean;
-  /* The state of the button component */
-  state?: FundButtonState;
-  /* Whether to open the funding flow in a tab or a popup window */
-  openIn?: "popup" | "tab";
-  /**
-   * Size of the popup window if `openIn` is set to `popup`
-   * Note: popupSize will be ignored when using a Coinbase Onramp URL (i.e. https://pay.coinbase.com/*) as it requires
-   * a fixed popup size.
-   */
-  popupSize?: "sm" | "md" | "lg";
-  /* Where to open the target if `openIn` is set to tab */
-  target?: string;
-  /* The currency code of the fiat amount provided in the presetFiatAmount param e.g. USD, CAD, EUR. */
-  fiatCurrency?: string;
-  /* A callback function that will be called when the popup window is closed */
-  onPopupClose?: () => void;
-  /* A callback function that will be called when the button is clicked */
-  onClick?: () => void;
-};
-
-// Require exactly one funding source for FundButton (not both)
-type FundButtonSourceProps =
-  | { fundingUrl: string; sessionToken?: string }
-  | { sessionToken: string; fundingUrl?: string };
-
-type FundButtonRenderProps =
-  | {
-      render?: (props: FundButtonRenderParams) => React.ReactNode;
-      /* An optional React node to be displayed in the button component */
-      children?: never;
-    }
-  | {
-      render?: never;
-      /* An optional React node to be displayed in the button component */
-      children?: ReactNode;
-    };
-
-export type FundButtonRenderParams = {
-  /* The state of the button component, only relevant when using FundCardSubmitButton */
-  status: FundButtonState;
-  /* A callback function that will be called when the button is clicked */
-  onClick: (e: React.MouseEvent) => void;
-  /* Whether the button is disabled */
-  isDisabled: boolean;
-};
-```
-
-<Note>
-  **Note:** `FundButton` requires either `sessionToken` or `fundingUrl` to be
-  provided. If neither is provided, the component will throw an error before
-  compiling.
-</Note>
-
-## Related Components
-
-- [`<FundCard />`](/onchainkit/fund/fund-card)
diff --git a/docs/onchainkit/latest/components/fund/fund-card.mdx b/docs/onchainkit/latest/components/fund/fund-card.mdx
deleted file mode 100644
index 98a21b39e..000000000
--- a/docs/onchainkit/latest/components/fund/fund-card.mdx
+++ /dev/null
@@ -1,298 +0,0 @@
----
-title: <FundCard />
-sidebarTitle: <FundCard />
-description: The `<FundCard />` component provides a complete fiat onramp experience with amount input, currency switching, and payment method selection.
----
-
-<Frame>
-  <img
-    alt="FundCard"
-    src="https://mintcdn.com/base-a060aa97/-q4fo0uzIfxlH3Wn/images/onchainkit/fund-card.gif?s=bc5009881dd7bfa9554cb714f8c948fe"
-    height="364"
-    data-og-width="576"
-    data-og-height="360"
-    data-path="images/onchainkit/fund-card.gif"
-    data-optimize="true"
-    data-opv="3"
-  />
-</Frame>
-
-The `<FundCard />` component provides a complete fiat onramp experience within your app. It includes:
-
-- Amount input with fiat/crypto switching
-- Payment method selection (Coinbase, Apple Pay, Debit Card)
-  <Note>
-    The Apple Pay and Debit Card onramp options are only available for Coinbase
-    supported assets.
-  </Note>
-- Automatic exchange rate updates
-- Smart handling of payment method restrictions (based on country and subdivision)
-
-<Info>
-**Session Token Required:** This utility requires a session token generated on your backend server using your CDP API keys. The session token encapsulates user addresses, supported assets, and client IP.
-
-**Note:** Restricting assets and addresses are done during session token creation on your backend.
-
-See [Session Token Authentication](https://docs.cdp.coinbase.com/onramp-&-offramp/session-token-authentication) for implementation details.
-
-</Info>
-<Tip>
-  To use the `FundCard` component, you'll need to provide a Client API Key in
-  `OnchainKitProvider`. You can get one following our [Getting
-  Started](/onchainkit/getting-started#get-your-client-api-key) steps.
-
-This component requires a `projectId` to be set in the `OnchainKitProvider`.
-You can find your `projectId` on [Coinbase Developer
-Platform](https://portal.cdp.coinbase.com/products/onchainkit).
-
-</Tip>
-
-## Walkthrough
-
-<Steps>
-  <Step title="Get your Project ID">
-  1. Get your Project ID from the [Coinbase Developer Platform Dashboard](https://portal.cdp.coinbase.com/).
-
-<Frame>
-  <img
-    alt="OnchainKit copy Project Id"
-    src="/images/onchainkit/copy-project-id.png"
-  />
-</Frame>
-
-2. Add your Project ID to your `.env` file.
-
-```tsx .env
-NEXT_PUBLIC_ONCHAINKIT_API_KEY = YOUR_PUBLIC_API_KEY;
-NEXT_PUBLIC_CDP_PROJECT_ID = YOUR_CDP_PROJECT_ID; // [!code ++]
-```
-
-  </Step>
-  <Step title="Add Project ID to OnchainKitProvider">
-  ```tsx
-  <OnchainKitProvider
-    apiKey={process.env.NEXT_PUBLIC_ONCHAINKIT_API_KEY} 
-    projectId={process.env.NEXT_PUBLIC_CDP_PROJECT_ID} // [!code ++]
-    chain={base}
-  >
-    {props.children}
-  </OnchainKitProvider>
-  ```
-  </Step>
-
-<Step title="Get a session token">
-  [Getting session
-  token](https://docs.cdp.coinbase.com/onramp-&-offramp/session-token-authentication)
-</Step>
-
-  <Step title="Drop in the <FundCard /> component">
-  ```tsx
-  import { FundCard } from '@coinbase/onchainkit/fund';
-
-const sessionToken = "YOUR_SESSION_TOKEN";
-
-  <FundCard
-    sessionToken={sessionToken}
-    assetSymbol="ETH"
-    country="US"
-    currency="USD"
-  />
-```
-</Step>
-</Steps>
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-fund-card--default&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="370px"
-/>
-
-## Customization
-
-### Custom Header and Button Text
-
-You can customize the header and button text:
-
-```tsx theme={null}
-<FundCard
-  sessionToken={sessionToken}
-  assetSymbol="ETH"
-  country="US"
-  currency="USD"
-  headerText="Purchase Ethereum"
-  buttonText="Purchase"
-/>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-fund-card--with-custom-text&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="370px"
-/>
-
-### Custom Currency
-
-You can specify which fiat currency to use:
-
-```tsx theme={null}
-<FundCard
-  sessionToken={sessionToken}
-  assetSymbol="ETH"
-  country="GB"
-  currency="GBP"
-/>
-```
-
-### Preset Amount Inputs
-
-You can specify preset amount buttons:
-
-```tsx theme={null}
-const presetAmountInputs = ["10", "20", "50"] as const;
-
-<FundCard
-  sessionToken={sessionToken}
-  assetSymbol="ETH"
-  country="US"
-  currency="USD"
-  presetAmountInputs={presetAmountInputs}
-/>;
-```
-
-<Note>
-  **Note: 3 preset amount inputs are required in order to show the preset amount
-  buttons.**
-</Note>
-
-### Custom Content
-
-You can provide custom children to completely customize the card content while keeping the fund button functionality:
-
-```tsx theme={null}
-<FundCard
-  sessionToken={sessionToken}
-  assetSymbol="ETH"
-  country="US"
-  currency="USD"
->
-  <div className="space-y-4">
-    <h2>Custom Header</h2>
-    <input type="number" placeholder="Enter amount" />
-    <select>
-      <option>Payment Method 1</option>
-      <option>Payment Method 2</option>
-    </select>
-  </div>
-</FundCard>
-```
-
-You can also reuse the existing children from the default implementation and add your own custom content.
-
-```tsx theme={null}
-import {
-  FundCardHeader,
-  FundCardAmountInput,
-  FundCardAmountInputTypeSwitch,
-  FundCardPresetAmountInputList,
-  FundCardPaymentMethodDropdown,
-  FundCardSubmitButton,
-} from "@coinbase/onchainkit/fund";
-
-<FundCard
-  sessionToken={sessionToken}
-  assetSymbol="ETH"
-  country="US"
-  currency="USD"
->
-  <h2>Custom Header instead of the default "FundCardHeader" </h2>
-  <FundCardAmountInput />
-  <FundCardAmountInputTypeSwitch />
-  <FundCardPresetAmountInputList />
-  <div>Any custom content</div>
-  <FundCardPaymentMethodDropdown />
-  <FundCardSubmitButton />
-  <div>Any custom content</div>
-</FundCard>;
-```
-
-<Note>
-  **Note:** If you are using the custom components then you are going to need to
-  access the state of the `FundCard` component. You can do this by using the
-  `useFundContext` hook.
-</Note>
-
-```tsx theme={null}
-const {
-  asset,
-  currency,
-  selectedPaymentMethod,
-  setSelectedPaymentMethod,
-  fundAmountFiat,
-  setFundAmountFiat,
-  fundAmountCrypto,
-  setFundAmountCrypto,
-  selectedInputType,
-  setSelectedInputType,
-  exchangeRate,
-  setExchangeRate,
-  exchangeRateLoading,
-  setExchangeRateLoading,
-  submitButtonState,
-  setSubmitButtonState,
-  paymentMethods,
-  setPaymentMethods,
-  isPaymentMethodsLoading,
-  setIsPaymentMethodsLoading,
-  headerText,
-  buttonText,
-  country,
-  subdivision,
-  lifecycleStatus,
-  updateLifecycleStatus,
-  presetAmountInputs,
-  sessionToken,
-} = useFundContext();
-```
-
-## Props
-
-[`FundCardProps`](#fundcardprops)
-
-```ts theme={null}
-type FundCardProps = {
-  children?: ReactNode;
-  /** Required session token for authentication */
-  sessionToken: string;
-  assetSymbol: string;
-  placeholder?: string | React.ReactNode;
-  headerText?: string;
-  buttonText?: string;
-  country: string;
-  subdivision?: string;
-  currency?: string;
-  className?: string;
-  presetAmountInputs?: PresetAmountInputs;
-} & LifecycleEvents;
-```
-
-### FundCardSubmitButtonProps
-
-```ts theme={null}
-type FundCardSubmitButtonProps =
-  | {
-      render?: (props: {
-        state: "default" | "success" | "error" | "loading";
-        onClick: () => void;
-        disabled: boolean;
-      }) => React.ReactNode; // Custom render function for complete control of submit button rendering
-      children?: never;
-    }
-  | {
-      render?: never;
-      children?: ReactNode;
-    };
-```
-
-## Related Components
-
-- [`<FundButton />`](/onchainkit/fund/fund-button)
diff --git a/docs/onchainkit/latest/components/identity/address.mdx b/docs/onchainkit/latest/components/identity/address.mdx
deleted file mode 100644
index 56301886e..000000000
--- a/docs/onchainkit/latest/components/identity/address.mdx
+++ /dev/null
@@ -1,78 +0,0 @@
----
-title: "Address"
----
-
-The `Address` component is used to render a shortened user account address.
-
-## Usage
-
-Sliced account address:
-
-```tsx
-import { Address } from '@coinbase/onchainkit/identity';
-<Address address="0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1" /> // [!code focus]
-```
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-address--default-identity&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Address address="0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1" />
-</App> */}
-
-### Display full address
-
-Set `isSliced` to false, to display the full address:
-
-```tsx
-import { Address } from '@coinbase/onchainkit/identity';
-<Address address="0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1" isSliced={false} /> // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-address--full-address&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Address address="0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1" isSliced={false}/>
-</App> */}
-
-### Override styles
-
-You can override component styles using `className`.
-
-```tsx
-import { Address } from '@coinbase/onchainkit/identity';
-<Address
-  className="bg-emerald-400 px-2 py-1 rounded" // [!code focus]
-  address="0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1"
-/>
-```
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-address--override-styles&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Address className="bg-emerald-400 px-2 py-1 rounded" address="0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1"/>
-</App> */}
-
-## Props
-
-[`AddressProps`](#addressprops)
-
-```ts
-type AddressProps = {
-  /** The Ethereum address to render. */
-  address?: Address | null;
-  /** Optional className override for top span element. */
-  className?: string;
-  /** Determines if the displayed address should be sliced. (defaults: true) */
-  isSliced?: boolean;
-  /** Defaults to true. Optional boolean to disable copy address on click functionality. */
-  hasCopyAddressOnClick?: boolean;
-};
-```
-
diff --git a/docs/onchainkit/latest/components/identity/avatar.mdx b/docs/onchainkit/latest/components/identity/avatar.mdx
deleted file mode 100644
index 2dafc82f4..000000000
--- a/docs/onchainkit/latest/components/identity/avatar.mdx
+++ /dev/null
@@ -1,160 +0,0 @@
----
-title: "Avatar"
----
-
-The `Avatar` component is used to display ENS or [Basenames](https://www.base.org/names) avatar associated with Ethereum addresses.
-When an avatar is not available, it defaults to blue color avatar.
-
-## Usage
-
-Address with an ENS avatar:
-```tsx
-import { Avatar } from '@coinbase/onchainkit/identity';
-<Avatar address="0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9" /> // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-avatar--default-identity&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Avatar address="0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9" />
-</App> */}
-
-Address without an ENS or Basenames avatar defaults to a plain avatar:
-
-```tsx
-import { Avatar } from '@coinbase/onchainkit/identity';
-<Avatar address="0x1234567890abcdef1234567890abcdef12345678" /> // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-avatar--full-address&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Avatar address="0x1234567890abcdef1234567890abcdef12345678" />
-</App> */}
-
-Address with a Basename avatar:
-
-```tsx
-import { Avatar } from '@coinbase/onchainkit/identity';
-import { base } from 'viem/chains'; // [!code focus]
-
-<Avatar address="0x4bEf0221d6F7Dd0C969fe46a4e9b339a84F52FDF" chain={base} /> // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-avatar--full-address&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Avatar address="0x4bEf0221d6F7Dd0C969fe46a4e9b339a84F52FDF" chain={base}/>
-</App> */}
-
-Override styles via `className` prop:
-
-```tsx
-import { Avatar } from '@coinbase/onchainkit/identity';
-<Avatar // [!code focus]
-  className="bg-white rounded-full" // [!code focus]
-  address="0x1234567890abcdef1234567890abcdef12345678"
-/> // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-avatar--override-styles&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-
-{/* <App>
-  <Avatar className="bg-white rounded-full" address="0x1234567890abcdef1234567890abcdef12345678" />
-</App> */}
-
-Use `defaultComponent` prop to change the default avatar when ENS avatar is not found.
-Use `loadingComponent` prop to change the loading placeholder:
-```tsx
-import { Avatar } from '@coinbase/onchainkit/identity';
-<Avatar
-  address="0x1234567890abcdef1234567890abcdef12345678"
-  loadingComponent={(
-    <div className="h-8 w-8">
-      <svg width="100%" height="100%" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-        <polygon points="6,1 14,1 19,6 19,14 14,19 6,19 1,14 1,6" fill="yellow" stroke="yellow" stroke-width="1"/>
-      </svg>
-    </div>
-  )}
-  defaultComponent={(
-    <div className="h-8 w-8">
-      <svg width="100%" height="100%" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-        <polygon points="6,1 14,1 19,6 19,14 14,19 6,19 1,14 1,6" fill="green" stroke="green" stroke-width="1"/>
-      </svg>
-    </div>
-  )}
-/>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-avatar--default-loading-components&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Avatar
-    address="0x1234567890abcdef1234567890abcdef12345678"
-    loadingComponent={(
-      <div className="h-8 w-8">
-        <svg width="100%" height="100%" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-          <polygon points="6,1 14,1 19,6 19,14 14,19 6,19 1,14 1,6" fill="yellow" stroke="yellow" stroke-width="1"/>
-        </svg>
-      </div>
-    )}
-    defaultComponent={(
-      <div className="h-8 w-8">
-        <svg width="100%" height="100%" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-          <polygon points="6,1 14,1 19,6 19,14 14,19 6,19 1,14 1,6" fill="green" stroke="green" stroke-width="1"/>
-        </svg>
-      </div>
-    )}
-  />
-</App> */}
-
-Show attestation on ENV avatar with [`Badge`](/onchainkit/identity/badge) component.
-Use [`OnchainKitProvider`](/onchainkit/config/onchainkit-provider) or [`Identity`](/onchainkit/identity/identity) component with the `schemaId` prop.
-```tsx
-import { Avatar, Badge, Identity } from '@coinbase/onchainkit/identity';
-<Identity
-  schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
-  address="0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9"
->
-  <Avatar >
-    <Badge />
-  </Avatar>
-</Identity>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-avatar--with-badge&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Identity
-    schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
-    address="0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9"
-    className="bg-transparent"
-  >
-    <Avatar >
-      <Badge />
-    </Avatar>
-  </Identity>
-</App> */}
-
-## Props
-[`AvatarReact`](/onchainkit/identity/types#AvatarReact)
-
diff --git a/docs/onchainkit/latest/components/identity/badge.mdx b/docs/onchainkit/latest/components/identity/badge.mdx
deleted file mode 100644
index 70c46d9bf..000000000
--- a/docs/onchainkit/latest/components/identity/badge.mdx
+++ /dev/null
@@ -1,173 +0,0 @@
----
-title: "Badge"
----
-
-Use `Badge` component along with [`Avatar`](/onchainkit/identity/avatar) or [`Name`](/onchainkit/identity/name) components to display user attestations attached to their account
-
-## Usage
-
-Badge with default colors:
-
-<CodeGroup>
-```tsx tsx
-import { Badge } from '@coinbase/onchainkit/identity';
-<Badge className="badge" /> // [!code focus]
-```
-
-```css css
-.badge {
-  background: #4F46E5;
-  path {
-    fill: #F9FAFB;
-  }
-}
-```
-</CodeGroup>
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-badge--default-identity&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Badge className="badge" />
-</App> */}
-
-Badge with custom colors:
-
-```tsx
-import { Badge } from '@coinbase/onchainkit/identity';
-<Badge className="bg-blue-400 border-white"/> // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-badge--custom-color&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-
-## Badge with Tooltip
-
-You can enable a tooltip for the attestation badge to provide context about what the badge represents:
-
-```tsx
-import { Badge } from '@coinbase/onchainkit/identity';
-
-<Badge 
-  tooltip={true} // [!code focus]
-  className="badge"
-/>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-badge--tooltip&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Badge tooltip={true} className="badge" />
-</App> */}
-
-With custom tooltip text:
-
-```tsx
-import { Badge } from '@coinbase/onchainkit/identity';
-
-<Badge 
-  tooltip="Coinbase Verified Account" // [!code focus]
-  className="badge"
-/>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-badge--custom-tooltip&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Badge tooltip="Coinbase Verified Account" className="badge" />
-</App> */}
-
-## Props
-
-[`BadgeReact`](/onchainkit/identity/types#badgereact)
-
-| Prop | Type | Description |
-|------|------|-------------|
-| `className` | `string` | Optional className override for top span element |
-| `tooltip` | `boolean \| string` | Controls whether the badge shows a tooltip on hover. When `true`, displays the attestation name. When a string is provided, shows that custom text instead. Defaults to `false` |
-
-## Badge on `<Name />` and `<Avatar />`
-
-Badge with [`<Name />`](/onchainkit/identity/name), best used when [`<Name />`](/onchainkit/identity/name) are displayed alongside [`<Avatar />`](/onchainkit/identity/avatar) components.
-
-In both examples we use the Coinbase [Verified Account](https://base.easscan.org/schema/view/0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9) schema ID to show the Coinbase verified badge on the Name and Avatar components.
-
-```tsx
-import { base } from 'viem/chains';
-import { Badge, Name, Identity } from '@coinbase/onchainkit/identity';
-
-const address = '0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9';
-const COINBASE_VERIFIED_ACCOUNT_SCHEMA_ID =
-  '0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9';
-
-<Identity
-  className="bg-transparent"
-  schemaId={COINBASE_VERIFIED_ACCOUNT_SCHEMA_ID}
-  address={address}
->
-  <Name address={address}>
-    <Badge tooltip={true} /> {/* With tooltip that shows attestation name */}
-  </Name>
-</Identity>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-badge--badge-on-name&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Identity
-    className="bg-transparent"
-    schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
-  >
-    <Name address="0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9">
-      <Badge tooltip={true} />
-    </Name>
-  </Identity>
-</App> */}
-
-Badge with [`<Avatar />`](/onchainkit/identity/avatar), best used when [`<Avatar />`](/onchainkit/identity/avatar) is not paired with any labels.
-
-```tsx
-import { base } from 'viem/chains';
-import { Avatar, Badge, Identity } from '@coinbase/onchainkit/identity';
-
-const address = '0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9';
-const COINBASE_VERIFIED_ACCOUNT_SCHEMA_ID =
-  '0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9';
-
-<Identity
-  className="bg-transparent"
-  schemaId={COINBASE_VERIFIED_ACCOUNT_SCHEMA_ID}
->
-  <Avatar address={address}>
-    <Badge tooltip="Verified by Coinbase" /> {/* With custom tooltip text */}
-  </Avatar>
-</Identity>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-badge--badge-on-avatar&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Identity schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9" className="bg-transparent">
-    <Avatar address="0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9">
-      <Badge tooltip="Verified by Coinbase" />
-    </Avatar>
-  </Identity>
-</App> */}
-
diff --git a/docs/onchainkit/latest/components/identity/identity-card.mdx b/docs/onchainkit/latest/components/identity/identity-card.mdx
deleted file mode 100644
index e00dcd3c4..000000000
--- a/docs/onchainkit/latest/components/identity/identity-card.mdx
+++ /dev/null
@@ -1,171 +0,0 @@
----
-title: "IdentityCard"
----
-
-The `IdentityCard` component provides a comprehensive way to display user identity information, including ENS names, avatars, and chain-specific name resolution.
-
-## Features
-- **Name Resolution:** Resolves both Basenames and ENS names automatically
-- **Avatar Support:** Displays ENS and chain-specific avatars
-- **Flexible Display:** Customizable layout and styling options
-- **Chain-Aware:** Works across different EVM chains that support name resolution
-- **Tooltip Support:** Displays attestation information on badge hover
-
-## Usage
-
-### Basic Usage
-
-```tsx
-// @errors: 2305
-import { IdentityCard } from '@coinbase/onchainkit/identity'; // [!code focus]
-import { base } from 'viem/chains';
-
-<IdentityCard // [!code focus] 
-  address="0x4bEf0221d6F7Dd0C969fe46a4e9b339a84F52FDF" // [!code focus]
-  chain={base} // [!code focus]
-  schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
-/> // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-card--default-identity&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-
-
-### Badge Tooltip
-
-You can enable a tooltip for the attestation badge to provide context about what the badge represents:
-
-```tsx
-import { IdentityCard } from '@coinbase/onchainkit/identity';
-import { base } from 'viem/chains';
-
-<IdentityCard 
-  address="0x4bEf0221d6F7Dd0C969fe46a4e9b339a84F52FDF"
-  chain={base}
-  schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
-  badgeTooltip={true} // [!code focus]
-/>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-card--badge-tooltip&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <IdentityCard 
-    schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
-    address="0x4bEf0221d6F7Dd0C969fe46a4e9b339a84F52FDF"
-    chain={base}
-    className="max-w-[300px]"
-    badgeTooltip={true}
-  />
-</App> */}
-
-You can also provide custom tooltip text:
-
-```tsx
-import { IdentityCard } from '@coinbase/onchainkit/identity';
-import { base } from 'viem/chains';
-
-<IdentityCard 
-  address="0x4bEf0221d6F7Dd0C969fe46a4e9b339a84F52FDF"
-  chain={base}
-  schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
-  badgeTooltip="Coinbase Verified" // [!code focus]
-/>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-card--badge-tooltip-custom&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <IdentityCard 
-    schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
-    address="0x4bEf0221d6F7Dd0C969fe46a4e9b339a84F52FDF"
-    chain={base}
-    className="max-w-[300px]"
-    badgeTooltip="Coinbase Verified"
-  />
-</App> */}
-
-## Customization
-
-You can override styles using `className` or by setting a custom [OnchainKit theme](/onchainkit/guides/themes#custom-theme). You can also set the `mainnet` chain for ENS name resolution:
-
-```tsx
-import { IdentityCard } from '@coinbase/onchainkit/identity';
-import { mainnet } from 'viem/chains'; // [!code focus]
-
-<OnchainKitProvider
-  config={{
-    appearance: {
-      mode: 'auto',
-      theme: 'cyberpunk', // [!code focus]
-    },
-  }}
->
-</OnchainKitProvider>
-
-<IdentityCard 
-  address="0x123..."
-  chain={mainnet} // [!code focus]
-  schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
-/>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-card--customization&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <IdentityCard 
-    schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
-    address="0x4bEf0221d6F7Dd0C969fe46a4e9b339a84F52FDF"
-    chain={mainnet}
-    className="cyberpunk max-w-[300px]"
-  />
-</App> */}
-
-## Props
-
-[`IdentityCardReact`](/onchainkit/identity/types#identitycardreact)
-
-| Prop | Type | Description |
-|------|------|-------------|
-| `address` | `string` | The wallet address to display identity for |
-| `chain` | `Chain` | The chain to resolve the identity on |
-| `className` | `string` | Additional CSS classes to apply |
-| `schemaId` | `Address \| null` | The schema ID for attestation |
-| `badgeTooltip` | `boolean \| string` | When `true`, displays the attestation name in tooltip. When a string is provided, shows that custom text instead. Defaults to `false` |
-
-## Error Handling
-
-The component handles various error states gracefully:
-
-- Invalid addresses display a shortened address format
-- Missing ENS names fallback to shortened addresses
-- Failed avatar fetches show a default avatar
-- Network errors maintain a degraded but functional display
-
-## Best Practices
-
-1. Always provide a valid chain object from viem/chains
-2. Handle loading states in parent components when address might be undefined
-3. Implement proper error boundaries in parent components
-4. Consider mobile responsiveness when styling
-5. Use `badgeTooltip` to provide context about what the verification badge represents
-
-## Related Components
-
-- [`<Avatar>`](/onchainkit/identity/avatar) - Displays user avatars
-- [`<Name>`](/onchainkit/identity/name) - Displays resolved names
-- [`<Identity>`](/onchainkit/identity/identity) - Simplified identity display
-
-
diff --git a/docs/onchainkit/latest/components/identity/identity.mdx b/docs/onchainkit/latest/components/identity/identity.mdx
deleted file mode 100644
index 73c0bec62..000000000
--- a/docs/onchainkit/latest/components/identity/identity.mdx
+++ /dev/null
@@ -1,233 +0,0 @@
----
-title: "Identity"
----
-
-`Identity` is a React context provider and arranges identity components.
-
-## Usage
-
-Show user avatar, name with attestation and address:
-
-```tsx
-import { Avatar, Identity, Name, Badge, Address } from '@coinbase/onchainkit/identity';
-
-<Identity
-  address="0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9"
-  schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
->
-  <Avatar />
-  <Name>
-    <Badge />
-  </Name>
-  <Address />
-</Identity>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-identity--default-identity&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Identity
-    address="0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9"
-    schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
-  >
-    <Avatar />
-    <Name>
-      <Badge />
-    </Name>
-    <Address />
-  </Identity>
-</App> */}
-
-### Badge with Tooltip
-
-You can enable a tooltip for the attestation badge to provide context about what the badge represents:
-
-```tsx
-import { Avatar, Identity, Name, Badge, Address } from '@coinbase/onchainkit/identity';
-
-<Identity
-  address="0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9"
-  schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
->
-  <Avatar />
-  <Name> 
-    <Badge 
-      tooltip={true} // [!code focus]
-    />
-  </Name>
-  <Address />
-</Identity>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-identity--badge-tooltip&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Identity
-    address="0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9"
-    schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
-  >
-    <Avatar />
-    <Name>
-      <Badge tooltip={true} />
-    </Name>
-    <Address />
-  </Identity>
-</App> */}
-
-You can also provide custom tooltip text:
-```tsx
-// @errors: 2304 2552
-import { Avatar, Identity, Name, Badge, Address } from '@coinbase/onchainkit/identity';
-
-<Identity
-  address="0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9"
-  schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
->
-  <Avatar />
-  <Name>
-    <Badge 
-      tooltip="Coinbase Verified Account" // [!code focus]
-    />
-  </Name>
-  <Address />
-</Identity>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-identity--badge-custom-tooltip&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Identity
-    address="0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9"
-    schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
-  >
-    <Avatar />
-    <Name>
-      <Badge tooltip="Coinbase Verified Account" />
-    </Name>
-    <Address />
-  </Identity>
-</App> */}
-
-Modify any styles with `className` prop.
-
-```tsx
-// @errors: 2304 2552 2657
-import { Avatar, Identity, Name, Badge, Address } from '@coinbase/onchainkit/identity';
-
-<Identity
-  address="0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9"
-  schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
->
-  <Avatar>
-    <Badge
-      className="bg-error" // [!code focus]
-    />
-  </Avatar>
-  <Name
-    className="text-orange-600" // [!code focus]
-  />
-  <Address
-    className="text-zinc-500 font-bold" // [!code focus]
-  />
-</Identity>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-identity--class-name-prop&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-
-{/* <App>
-  <Identity
-    address="0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9"
-    schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
-  >
-    <Avatar>
-      <Badge className="bg-error" />
-    </Avatar>
-    <Name className="text-orange-600" />
-    <Address className="text-zinc-500 font-bold"/>
-  </Identity>
-</App> */}
-
-Choose which identity components to render:
-
-```tsx
-import { Avatar, Identity, Name, Badge, Address } from '@coinbase/onchainkit/identity';
-// ---cut-start---
-<div>
-// ---cut-end---
-
-<Identity address="0x838..." schemaId="0xf8b...">
-  <Avatar />
-  <Name>
-    <Badge />
-  </Name>
-</Identity>
-
-<Identity address="0x838..." schemaId="0xf8b...">
-  <Name>
-    <Badge />
-  </Name>
-  <Address />
-</Identity>
-// ---cut-after---
-</div>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-identity--choose-components&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Identity
-    address="0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9"
-    schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
-  >
-    <Avatar />
-    <Name>
-      <Badge />
-    </Name>
-  </Identity>
-  <Identity
-    address="0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9"
-    schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
-    className="mt-2"
-  >
-    <Name>
-      <Badge />
-    </Name>
-    <Address />
-  </Identity>
-</App> */}
-
-## Props
-
-[`IdentityProps`](#identityprops)
-
-```ts
-type IdentityProps = {
-  /** The Ethereum address to fetch the avatar and name for. */
-  address?: Address;
-  /** Optional chain for domain resolution */
-  chain?: Chain;
-  /** Child components */
-  children: ReactNode;
-  /** Optional className override for top div element. */
-  className?: string;
-  /** The Ethereum address of the schema to use for EAS attestation. */
-  schemaId?: Address | null;
-};
-```
-
diff --git a/docs/onchainkit/latest/components/identity/name.mdx b/docs/onchainkit/latest/components/identity/name.mdx
deleted file mode 100644
index 66b50d7cb..000000000
--- a/docs/onchainkit/latest/components/identity/name.mdx
+++ /dev/null
@@ -1,109 +0,0 @@
----
-title: "Name"
----
-
-The `Name` component is used to display ENS or [Basenames](https://www.base.org/names) associated with Ethereum addresses.
-
-## Usage
-
-Address with an ENS:
-
-```tsx
-import { Name } from '@coinbase/onchainkit/identity';
-
-const address = '0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1';
-<Name address={address} /> // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-name--default-identity&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Name address="0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1"/>
-</App> */}
-
-Address with a Basename:
-
-```tsx
-import { Name } from '@coinbase/onchainkit/identity';
-import { base } from 'viem/chains'; // [!code focus]
-
-const address = '0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1';
-<Name address={address} chain={base} /> // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-name--with-basename&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Name address="0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1" chain={base}/>
-</App> */}
-
-### Override styles
-
-You can override component styles using `className`.
-
-```tsx
-import { Name } from '@coinbase/onchainkit/identity';
-
-const address = '0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1';
-<Name
-  address={address}
-  className="bg-emerald-400 px-2 py-1 rounded"// [!code focus]
-/>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-name--override-styles&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Name className="bg-emerald-400 px-2 py-1 rounded" address="0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1" />
-</App> */}
-
-### Add attestation badge
-
-Show attestation on ENV name with [`Badge`](/onchainkit/identity/badge) component.
-
-Use [`OnchainKitProvider`](/onchainkit/config/onchainkit-provider) or [`Identity`](/onchainkit/identity/identity) component with the `schemaId` prop.
-
-```tsx
-import { Badge, Name, Identity } from '@coinbase/onchainkit/identity';
-
-const address = '0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9';
-<Identity
-  address={address}
-  schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
->
-  <Name>
-    <Badge />
-  </Name>
-</Identity>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-name--add-badge&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Identity
-    schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
-    address="0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9"
-    className="bg-transparent"
-  >
-    <Name>
-      <Badge />
-    </Name>
-  </Identity>
-</App> */}
-
-## Props
-
-[`NameReact`](/onchainkit/identity/types#namereact)
-
diff --git a/docs/onchainkit/latest/components/identity/socials.mdx b/docs/onchainkit/latest/components/identity/socials.mdx
deleted file mode 100644
index e3193a2d3..000000000
--- a/docs/onchainkit/latest/components/identity/socials.mdx
+++ /dev/null
@@ -1,164 +0,0 @@
----
-title: "Socials"
----
-
-The `Socials` component displays social media links associated with Basenames and ENS names.
-It automatically fetches and renders social links stored in text records.
-
-## Features
-- **Name Resolution:** Resolves both Basenames and ENS names to fetch associated social links
-- **Multiple Platform Support:** Supports Twitter, GitHub, Discord, and other major platforms
-- **Customizable Display:** Flexible styling options to match your app's design
-- **Chain-Aware:** Works across different EVM chains that support ENS
-
-## Usage
-
-### Basic Usage
-
-```tsx
-// @errors: 2305
-import {
-  Address,
-  Avatar,
-  Badge,
-  Identity,
-  Name,
-  Socials, // [!code focus]
-} from '@coinbase/onchainkit/identity';
-import { base } from 'viem/chains';
-
-<Identity
-  address="0x4bEf0221d6F7Dd0C969fe46a4e9b339a84F52FDF"
-  schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
-  chain={base}
->
-  <Avatar />
-  <Name>
-    <Badge />
-  </Name>
-  <Address />
-  <Socials />
-</Identity>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-socials--default-identity&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <Identity
-    address="0x4bEf0221d6F7Dd0C969fe46a4e9b339a84F52FDF"
-    schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
-    chain={base}
-  >
-    <Avatar />
-    <Name>
-      <Badge />
-    </Name>
-    <Address />
-    <Socials />
-  </Identity>
-</App> */}
-
-### Standalone Usage
-
-You can also use the `Socials` component independently by providing an address:
-
-```tsx
-// @errors: 2305
-import { Socials } from '@coinbase/onchainkit/identity';
-import { base } from 'viem/chains';
-
-export default function StandaloneSocials() {
-  return (
-    <Socials // [!code focus]
-      address="0x4bEf0221d6F7Dd0C969fe46a4e9b339a84F52FDF" // [!code focus]
-      chain={base} // [!code focus]
-    /> // [!code focus]
-  );
-}
-```
-{/* <App>
-  <Socials
-    address="0x4bEf0221d6F7Dd0C969fe46a4e9b339a84F52FDF"
-    chain={base}
-  />
-</App> */}
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-socials--standalone&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-
-### Custom Chain
-
-Specify a different chain for ENS resolution:
-
-```tsx
-// @errors: 2305
-import {
-  Address,
-  Avatar,
-  Badge,
-  Identity,
-  Name,
-  Socials, // [!code focus]
-} from '@coinbase/onchainkit/identity';
-import { mainnet } from 'viem/chains'; // [!code focus]
-
-<Identity
-  address="0x4bEf0221d6F7Dd0C969fe46a4e9b339a84F52FDF"
-  schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
-  chain={mainnet}
->
-  <Avatar />
-  <Name>
-    <Badge />
-  </Name>
-  <Address />
-  <Socials />
-</Identity>
-```
-
-{/* <App>
-  <Identity
-    address="0x4bEf0221d6F7Dd0C969fe46a4e9b339a84F52FDF"
-    schemaId="0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9"
-    chain={mainnet}
-  >
-    <Avatar />
-    <Name>
-      <Badge />
-    </Name>
-    <Address />
-    <Socials />
-  </Identity>
-</App> */}
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-identity-socials--custom-chain&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-
-## Props
-
-The `Socials` component accepts the following props:
-
-| Prop | Type | Description |
-|------|------|-------------|
-| `address` | `Address \| null` | The Ethereum address to resolve social links for |
-| `ensName` | `string` | Optional ENS name to resolve social links for |
-| `chain` | `Chain` | The chain to use for ENS resolution |
-| `className` | `string` | Custom CSS classes to apply to the component |
-
-## Error Handling
-
-The component handles various edge cases:
-
-- Returns `null` if no social links are found
-- Shows empty state while loading
-- Gracefully handles ENS resolution errors
-- Validates social links before display
-
diff --git a/docs/onchainkit/latest/components/minikit/hooks/useAddFrame.mdx b/docs/onchainkit/latest/components/minikit/hooks/useAddFrame.mdx
deleted file mode 100644
index bde82d3f3..000000000
--- a/docs/onchainkit/latest/components/minikit/hooks/useAddFrame.mdx
+++ /dev/null
@@ -1,224 +0,0 @@
----
-title: useAddFrame 
-description: Allow users to save your Mini App to their collection 
----
-
-Defined in [@coinbase/onchainkit](https://github.com/coinbase/onchainkit)
-
-
-<Info>
-Enables users to save your Mini App to their personal collection for quick access. Returns notification credentials when successful, enabling future push notifications to re-engage the user.
-</Info>
-
-## Returns
-
-<ResponseField name="addFrame" type="() => Promise<AddFrameResult | null>">
-Function that triggers the add frame flow. Returns a promise that resolves when the user completes the action.
-
-<Expandable title="AddFrameResult properties">
-<ResponseField name="url" type="string">
-The URL that was saved to the user's collection. This should match your Mini App's manifest URL.
-</ResponseField>
-
-<ResponseField name="token" type="string">
-Notification token for this user and Mini App combination. Save this to your database to send push notifications later.
-</ResponseField>
-</Expandable>
-</ResponseField>
-
-<RequestExample>
-```tsx components/SaveButton.tsx
-import { useAddFrame } from '@coinbase/onchainkit/minikit';
-import { useState } from 'react';
-
-export default function SaveButton() {
-  const addFrame = useAddFrame();
-  const [isAdding, setIsAdding] = useState(false);
-
-  const handleAddFrame = async () => {
-    setIsAdding(true);
-    try {
-      const result = await addFrame();
-      if (result) {
-        console.log('Frame saved:', result.url);
-        console.log('Notification token:', result.token);
-        
-        // Save to your database for future notifications
-        await saveNotificationToken(result.token, result.url);
-        
-        alert('Mini App saved successfully! 🎉');
-      } else {
-        console.log('User cancelled or frame already saved');
-      }
-    } catch (error) {
-      console.error('Failed to save frame:', error);
-    } finally {
-      setIsAdding(false);
-    }
-  };
-
-  return (
-    <button 
-      onClick={handleAddFrame}
-      disabled={isAdding}
-    >
-      {isAdding ? 'Saving...' : 'Save Mini App'}
-    </button>
-  );
-}
-
-async function saveNotificationToken(token: string, url: string) {
-  await fetch('/api/notification-tokens', {
-    method: 'POST',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify({ token, url })
-  });
-}
-```
-
-```tsx components/SmartSaveButton.tsx
-import { useAddFrame, useMiniKit } from '@coinbase/onchainkit/minikit';
-
-export default function SmartSaveButton() {
-  const addFrame = useAddFrame();
-  const { context } = useMiniKit();
-  
-  // Don't show save button if already saved
-  if (context.client.added) {
-    return <div>✅ Already saved to your collection</div>;
-  }
-
-  const handleSave = async () => {
-    const result = await addFrame();
-    if (result) {
-      // Save with user context for analytics
-      await fetch('/api/analytics', {
-        method: 'POST',
-        body: JSON.stringify({
-          event: 'frame_saved',
-          userFid: context.user.fid,
-          url: result.url,
-          token: result.token
-        })
-      });
-    }
-  };
-
-  return (
-    <button onClick={handleSave}>
-      Save to Collection
-    </button>
-  );
-}
-```
-
-```tsx components/GameCompletion.tsx
-import { useAddFrame } from '@coinbase/onchainkit/minikit';
-import { useEffect, useState } from 'react';
-
-export default function GameCompletion() {
-  const addFrame = useAddFrame();
-  const [showSavePrompt, setShowSavePrompt] = useState(false);
-  
-  // Show save prompt after user achieves something
-  const handleGameWin = () => {
-    setShowSavePrompt(true);
-  };
-
-  const handleSave = async () => {
-    const result = await addFrame();
-    if (result) {
-      // User saved after achievement - high engagement signal
-      analytics.track('post_achievement_save', {
-        achievement: 'game_completed',
-        token: result.token
-      });
-    }
-    setShowSavePrompt(false);
-  };
-
-  return (
-    <div>
-      {showSavePrompt && (
-        <div className="save-prompt">
-          <h3>🎉 Congratulations!</h3>
-          <p>Save this game to play again anytime</p>
-          <button onClick={handleSave}>Save Game</button>
-          <button onClick={() => setShowSavePrompt(false)}>
-            Maybe Later
-          </button>
-        </div>
-      )}
-    </div>
-  );
-}
-```
-</RequestExample>
-
-## Usage Patterns
-
-### Database Storage
-Always save the notification token to your database for future use:
-
-```typescript pages/api/notification-tokens.ts
-// Example API route for storing tokens
-// pages/api/notification-tokens.ts
-export default async function handler(req, res) {
-  if (req.method === 'POST') {
-    const { token, url, userFid } = req.body;
-    
-    await db.notificationTokens.create({
-      data: {
-        token,
-        url,
-        userFid,
-        createdAt: new Date()
-      }
-    });
-    
-    res.status(200).json({ success: true });
-  }
-}
-```
-
-### Strategic Timing
-Prompt users to save at high-value moments:
-
-- ✅ **After achievements**: Completing a game, reaching a milestone
-- ✅ **After successful transactions**: Minting an NFT, making a purchase  
-- ✅ **During onboarding**: After showing app value
-- ❌ **Immediately on load**: Before demonstrating value
-- ❌ **Multiple times**: Respect user's previous decision
-
-### Error Handling
-Handle various outcomes gracefully:
-
-```tsx
-const handleAddFrame = async () => {
-  try {
-    const result = await addFrame();
-    
-    if (result === null) {
-      // User cancelled or already saved
-      console.log('No action taken');
-    } else {
-      // Successfully saved
-      console.log('Saved with token:', result.token);
-    }
-  } catch (error) {
-    // Network error or other issue
-    console.error('Save failed:', error);
-    showErrorMessage('Failed to save. Please try again.');
-  }
-};
-```
-
-<Warning>
-The notification token is unique per user and Mini App combination. Store it securely in your database and never expose it in client-side code. Tokens are required for sending push notifications when that feature becomes available.
-</Warning>
-
-<Info>
-Users can only save each Mini App once. Subsequent calls to `addFrame()` for the same user and app will return `null`. Use `context.client.added` from `useMiniKit` to check if the user has already saved your app.
-</Info>
-
-
diff --git a/docs/onchainkit/latest/components/minikit/hooks/useAuthenticate.mdx b/docs/onchainkit/latest/components/minikit/hooks/useAuthenticate.mdx
deleted file mode 100644
index 9b6469491..000000000
--- a/docs/onchainkit/latest/components/minikit/hooks/useAuthenticate.mdx
+++ /dev/null
@@ -1,144 +0,0 @@
----
-title: useAuthenticate
-description: Cryptographically authenticate users with Sign In with Farcaster
----
-
-Defined in [@coinbase/onchainkit](https://github.com/coinbase/onchainkit)
-
-<Info>
-Provides cryptographically secure user authentication using Sign In with Farcaster (SIWF). Returns verified user identity and signature for secure operations.
-</Info>
-
-## Returns
-
-<ResponseField name="user" type="AuthenticatedUser | null">
-Authenticated user object with verified identity, or null if not authenticated.
-
-<Expandable title="AuthenticatedUser properties">
-<ResponseField name="fid" type="string">
-Verified Farcaster ID of the authenticated user.
-</ResponseField>
-
-<ResponseField name="signature" type="string">
-Cryptographic signature proving user identity.
-</ResponseField>
-
-<ResponseField name="message" type="string">
-The signed message used for authentication.
-</ResponseField>
-</Expandable>
-</ResponseField>
-
-<ResponseField name="authenticate" type="() => Promise<AuthenticatedUser | null>">
-Function to trigger the authentication flow. Returns verified user data on success.
-</ResponseField>
-
-<RequestExample>
-```tsx components/AuthButton.tsx
-import { useAuthenticate } from '@coinbase/onchainkit/minikit';
-import { useState } from 'react';
-
-export default function AuthButton() {
-  const { user, authenticate } = useAuthenticate();
-  const [isAuthenticating, setIsAuthenticating] = useState(false);
-
-  const handleAuth = async () => {
-    setIsAuthenticating(true);
-    try {
-      const authenticatedUser = await authenticate();
-      if (authenticatedUser) {
-        console.log('Authenticated user:', authenticatedUser.fid);
-        // Save to your backend
-        await saveUserSession(authenticatedUser);
-      }
-    } catch (error) {
-      console.error('Authentication failed:', error);
-    } finally {
-      setIsAuthenticating(false);
-    }
-  };
-
-  if (user) {
-    return (
-      <div>
-        <p>✅ Authenticated as FID: {user.fid}</p>
-        <button onClick={() => window.location.reload()}>
-          Sign Out
-        </button>
-      </div>
-    );
-  }
-
-  return (
-    <button 
-      onClick={handleAuth}
-      disabled={isAuthenticating}
-    >
-      {isAuthenticating ? 'Authenticating...' : 'Sign In with Farcaster'}
-    </button>
-  );
-}
-```
-
-```tsx components/ProtectedFeature.tsx  
-import { useAuthenticate } from '@coinbase/onchainkit/minikit';
-
-export default function ProtectedFeature() {
-  const { user, authenticate } = useAuthenticate();
-
-  if (!user) {
-    return (
-      <div className="auth-required">
-        <h3>Authentication Required</h3>
-        <p>Please sign in to access this feature</p>
-        <button onClick={authenticate}>
-          Sign In with Farcaster
-        </button>
-      </div>
-    );
-  }
-
-  return (
-    <div className="protected-content">
-      <h3>Welcome, {user.fid}!</h3>
-      <p>This is a protected feature only available to authenticated users.</p>
-    </div>
-  );
-}
-```
-</RequestExample>
-
-
-### Context vs Authentication
-Use the right tool for the job:
-
-```tsx components/SecurityExample.tsx
-import { useAuthenticate, useMiniKit } from '@coinbase/onchainkit/minikit';
-
-export default function SecurityExample() {
-  const { user } = useAuthenticate(); // For security
-  const { context } = useMiniKit();   // For UX 
-
-  return (
-    <div>
-      {/* Safe: UX personalization with context */}
-      {context.user.fid && (
-        <p>Hi there, user {context.user.fid}!</p>
-      )}
-      
-      {/* Safe: Security with authentication */}
-      {user && (
-        <SecureUserDashboard verifiedFid={user.fid} />
-      )}
-    </div>
-  );
-}
-```
-
-
-
-<Info>
-`useAuthenticate` provides cryptographic proof of user identity. Always verify signatures server-side for security-critical operations. Use `useMiniKit` context only for UX hints and analytics.
-</Info>
-
-
diff --git a/docs/onchainkit/latest/components/minikit/hooks/useClose.mdx b/docs/onchainkit/latest/components/minikit/hooks/useClose.mdx
deleted file mode 100644
index f55b1cc1c..000000000
--- a/docs/onchainkit/latest/components/minikit/hooks/useClose.mdx
+++ /dev/null
@@ -1,194 +0,0 @@
----
-title: useClose
-description: Programmatically close the Mini App frame
----
-
-Defined in [@coinbase/onchainkit](https://github.com/coinbase/onchainkit)
-
-<Info>
-Allows Mini Apps to close themselves programmatically. Useful for completion flows, cancellation actions, or after successful operations.
-</Info>
-
-## Returns
-
-<ResponseField name="close" type="() => void">
-Function that closes the Mini App frame and returns the user to the host application.
-</ResponseField>
-
-<RequestExample>
-```tsx components/CloseButton.tsx
-import { useClose } from '@coinbase/onchainkit/minikit';
-
-export default function CloseButton() {
-  const close = useClose();
-
-  return (
-    <button onClick={close} className="close-btn">
-      ✕ Close
-    </button>
-  );
-}
-```
-
-```tsx components/PurchaseFlow.tsx
-import { useClose } from '@coinbase/onchainkit/minikit';
-import { useState } from 'react';
-
-export default function PurchaseFlow() {
-  const close = useClose();
-  const [isComplete, setIsComplete] = useState(false);
-
-  const handlePurchase = async () => {
-    try {
-      await processPurchase();
-      setIsComplete(true);
-      
-      // Auto-close after successful purchase
-      setTimeout(() => {
-        close();
-      }, 2000);
-    } catch (error) {
-      console.error('Purchase failed:', error);
-    }
-  };
-
-  if (isComplete) {
-    return (
-      <div className="success-screen">
-        <h2>✅ Purchase Complete!</h2>
-        <p>Closing in 2 seconds...</p>
-        <button onClick={close}>Close Now</button>
-      </div>
-    );
-  }
-
-  return (
-    <div className="purchase-flow">
-      <button onClick={handlePurchase}>Complete Purchase</button>
-      <button onClick={close}>Cancel</button>
-    </div>
-  );
-}
-```
-
-```tsx components/ConfirmClose.tsx
-import { useClose } from '@coinbase/onchainkit/minikit';
-import { useState } from 'react';
-
-export default function ConfirmClose() {
-  const close = useClose();
-  const [showConfirm, setShowConfirm] = useState(false);
-
-  const handleCloseRequest = () => {
-    setShowConfirm(true);
-  };
-
-  const confirmClose = () => {
-    // Save any pending data
-    savePendingChanges();
-    close();
-  };
-
-  if (showConfirm) {
-    return (
-      <div className="confirm-dialog">
-        <h3>Close Mini App?</h3>
-        <p>Any unsaved changes will be lost.</p>
-        <div className="actions">
-          <button onClick={confirmClose}>Yes, Close</button>
-          <button onClick={() => setShowConfirm(false)}>Cancel</button>
-        </div>
-      </div>
-    );
-  }
-
-  return (
-    <div className="app-content">
-      <button onClick={handleCloseRequest}>Exit</button>
-      {/* Your app content */}
-    </div>
-  );
-}
-```
-</RequestExample>
-
-## Usage Patterns
-
-### Completion Flows
-Close automatically after successful operations:
-
-```tsx components/CompletionFlow.tsx
-const handleGameComplete = async () => {
-  await saveScore(finalScore);
-  
-  // Show completion screen briefly
-  setShowCompletion(true);
-  
-  // Auto-close after celebration
-  setTimeout(close, 3000);
-};
-```
-
-### Navigation Replacement
-Use close instead of navigation for simple flows:
-
-```tsx components/NavigationReplacement.tsx
-// Instead of navigating back, close the frame
-const handleCancel = () => {
-  if (hasUnsavedChanges) {
-    confirmAndClose();
-  } else {
-    close();
-  }
-};
-```
-
-### Error Recovery
-Provide escape routes for error states:
-
-```tsx components/ErrorScreen.tsx
-if (hasUnrecoverableError) {
-  return (
-    <div className="error-screen">
-      <h2>Something went wrong</h2>
-      <p>Please try again later</p>
-      <button onClick={close}>Close</button>
-    </div>
-  );
-}
-```
-
-## Best Practices
-
-### User Experience
-- **Confirm important actions**: Ask before closing if user has unsaved work
-- **Provide feedback**: Show completion states before auto-closing
-- **Quick escape**: Always provide a way to close, especially in error states
-
-### Technical Considerations
-- **Save state**: Persist important data before closing
-- **Clean up**: Cancel ongoing requests or timers
-- **Analytics**: Track close events for UX insights
-
-```tsx components/HandleClose.tsx
-const handleClose = () => {
-  // Clean up
-  cancelPendingRequests();
-  clearIntervals();
-  
-  // Track analytics
-  analytics.track('mini_app_closed', {
-    session_duration: Date.now() - sessionStart,
-    completion_state: currentState
-  });
-  
-  // Close
-  close();
-};
-```
-
-<Info>
-`useClose` provides a clean exit for Mini Apps. Use it thoughtfully to create polished user experiences that feel native to the host application flow.
-</Info>
-
-
diff --git a/docs/onchainkit/latest/components/minikit/hooks/useComposeCast.mdx b/docs/onchainkit/latest/components/minikit/hooks/useComposeCast.mdx
deleted file mode 100644
index 4f75203e0..000000000
--- a/docs/onchainkit/latest/components/minikit/hooks/useComposeCast.mdx
+++ /dev/null
@@ -1,261 +0,0 @@
----
-title: useComposeCast
-description: Open the cast composer with prefilled content
----
-
-Defined in [@coinbase/onchainkit](https://github.com/coinbase/onchainkit)
-
-<Info>
-Opens the native cast composer with prefilled text and embeds. Essential for viral growth and social sharing within Mini Apps.
-</Info>
-
-## Returns
-
-<ResponseField name="composeCast" type="(params: ComposeCastParams) => void">
-Function that opens the cast composer with specified content.
-
-<Expandable title="ComposeCastParams properties">
-<ParamField body="text" type="string" required>
-The text content to prefill in the composer. Keep concise and engaging.
-</ParamField>
-
-<ParamField body="embeds" type="string[]">
-Array of URLs to embed in the cast. Usually includes your Mini App URL for sharing.
-</ParamField>
-</Expandable>
-</ResponseField>
-
-<RequestExample>
-```tsx Basic Text Sharing
-import { useComposeCast } from '@coinbase/onchainkit/minikit';
-
-export default function ShareButton() {
-  const { composeCast } = useComposeCast();
-
-  const handleShare = () => {
-    composeCast({
-      text: 'Just completed the daily puzzle! 🧩'
-    });
-  };
-
-  return (
-    <button onClick={handleShare}>
-      Share Achievement
-    </button>
-  );
-}
-```
-
-```tsx Share with App Embed
-import { useComposeCast } from '@coinbase/onchainkit/minikit';
-
-export default function ShareAppButton() {
-  const { composeCast } = useComposeCast();
-
-  const handleShareApp = () => {
-    composeCast({
-      text: 'Check out this amazing Mini App!',
-      embeds: [window.location.href]
-    });
-  };
-
-  return (
-    <button onClick={handleShareApp}>
-      Share Mini App
-    </button>
-  );
-}
-```
-
-```tsx Strategic Achievement Sharing
-import { useComposeCast } from '@coinbase/onchainkit/minikit';
-
-export default function GameComplete({ score, level }) {
-  const { composeCast } = useComposeCast();
-
-  const shareAchievement = () => {
-    composeCast({
-      text: `🎉 Just hit level ${level} with ${score} points!`,
-      embeds: [
-        window.location.href,
-        'https://yourgame.com/achievements/' + achievementId
-      ]
-    });
-  };
-
-  const shareGameInvite = () => {
-    composeCast({
-      text: 'Want to challenge me? Try to beat my high score! 🏆',
-      embeds: [window.location.href]
-    });
-  };
-
-  return (
-    <div className="achievement-share">
-      <h2>Congratulations! 🎉</h2>
-      <p>Level {level} completed with {score} points</p>
-      
-      <div className="share-options">
-        <button onClick={shareAchievement}>
-          Share Achievement
-        </button>
-        <button onClick={shareGameInvite}>
-          Challenge Friends
-        </button>
-      </div>
-    </div>
-  );
-}
-```
-
-```tsx Dynamic Content Sharing
-import { useComposeCast } from '@coinbase/onchainkit/minikit';
-import { useState } from 'react';
-
-export default function CustomShareDialog() {
-  const { composeCast } = useComposeCast();
-  const [shareText, setShareText] = useState('');
-
-  const handleCustomShare = () => {
-    if (!shareText.trim()) return;
-    
-    composeCast({
-      text: shareText,
-      embeds: [window.location.href]
-    });
-    
-    // Clear after sharing
-    setShareText('');
-  };
-
-  return (
-    <div className="share-dialog">
-      <textarea 
-        value={shareText}
-        onChange={(e) => setShareText(e.target.value)}
-        placeholder="What would you like to share?"
-        maxLength={280}
-      />
-      
-      <div className="share-actions">
-        <span>{280 - shareText.length} characters remaining</span>
-        <button 
-          onClick={handleCustomShare}
-          disabled={!shareText.trim()}
-        >
-          Share Cast
-        </button>
-      </div>
-    </div>
-  );
-}
-```
-</RequestExample>
-
-## Strategic Sharing Patterns
-
-### Achievement Moments
-Share at moments of user accomplishment:
-
-```tsx examples/AchievementMoments.tsx
-// After quiz completion
-composeCast({
-  text: "I'm a Ravenclaw! 🦅 What house are you?",
-  embeds: [quizUrl]
-});
-
-// After NFT mint
-composeCast({
-  text: "Just minted my first collectible! 🎨",
-  embeds: [mintUrl, nftImageUrl]
-});
-
-// After game milestone
-composeCast({
-  text: "Finally beat level 50! This game is addictive 🎮",
-  embeds: [gameUrl]
-});
-```
-
-### Viral Growth Mechanics
-Design shares that encourage interaction:
-
-```tsx examples/ViralGrowthMechanics.tsx
-// Challenge pattern
-composeCast({
-  text: "Beat my time of 2:34 if you can! ⏱️",
-  embeds: [challengeUrl]
-});
-
-// Social proof pattern  
-composeCast({
-  text: "Join 50,000+ players already playing!",
-  embeds: [gameUrl]
-});
-
-// FOMO pattern
-composeCast({
-  text: "Limited edition drop ends in 2 hours! 🔥",
-  embeds: [dropUrl]
-});
-```
-
-### Content Personalization
-Customize shares based on user activity:
-
-```tsx examples/ContentPersonalization.tsx
-import { useMiniKit, useComposeCast } from '@coinbase/onchainkit/minikit';
-
-export default function PersonalizedShare() {
-  const { context } = useMiniKit();
-  const { composeCast } = useComposeCast();
-  
-  const sharePersonalized = (achievement) => {
-    const isNewUser = !context.client.added;
-    
-    const text = isNewUser 
-      ? `Just discovered this amazing ${achievement.category} app!`
-      : `Another ${achievement.type} completed! ${achievement.streak} day streak 🔥`;
-      
-    composeCast({
-      text,
-      embeds: [window.location.href]
-    });
-  };
-
-  return (
-    <button onClick={() => sharePersonalized(userAchievement)}>
-      Share Progress
-    </button>
-  );
-}
-```
-
-## Best Practices
-
-### Text Content
-- **Keep it concise**: Farcaster has character limits
-- **Include emotional context**: Use emojis and excitement
-- **Add clear value**: Explain why others should care
-- **Include call-to-action**: "Try it yourself", "Beat my score"
-
-### Embed Strategy
-- **Always include your app URL** for discoverability
-- **Add relevant media**: Images, videos, other content
-- **Test embed rendering**: Ensure metadata displays correctly
-
-### Timing Optimization
-- **Post-achievement**: When users feel accomplished
-- **Social moments**: When friends are likely online  
-- **Value demonstration**: After showing app benefits
-- **Avoid interruption**: Don't break user flow
-
-<Warning>
-The composer opens in a native overlay or new window depending on the client. Users can modify the text before posting, so don't rely on exact text for tracking. Use URL parameters or unique embeds for attribution tracking.
-</Warning>
-
-<Info>
-`useComposeCast` is one of the most powerful hooks for viral growth. Strategic implementation of sharing at the right moments can significantly increase your Mini App's reach and user acquisition.
-</Info>
-
-
diff --git a/docs/onchainkit/latest/components/minikit/hooks/useMiniKit.mdx b/docs/onchainkit/latest/components/minikit/hooks/useMiniKit.mdx
deleted file mode 100644
index 62e94e420..000000000
--- a/docs/onchainkit/latest/components/minikit/hooks/useMiniKit.mdx
+++ /dev/null
@@ -1,171 +0,0 @@
----
-title: useMiniKit
-description: Access frame context and control readiness state
----
-
-Defined in [@coinbase/onchainkit](https://github.com/coinbase/onchainkit)
-
-<Info>
-Primary hook for accessing MiniKit frame context and managing frame readiness. This hook provides essential Mini App state and user context information.
-</Info>
-
-## Returns
-
-<ResponseField name="context" type="MiniKitContext">
-Frame context information provided by the host application.
-
-<Expandable title="MiniKitContext properties">
-<ResponseField name="user" type="object">
-User information from the host application.
-
-<Expandable title="User properties">
-<ResponseField name="fid" type="string">
-Farcaster ID of the current user. Can be spoofed - use for analytics only.
-</ResponseField>
-</Expandable>
-</ResponseField>
-
-<ResponseField name="client" type="object">
-Information about the host client application.
-
-<Expandable title="Client properties">
-<ResponseField name="added" type="boolean">
-Whether the user has saved this Mini App to their collection.
-</ResponseField>
-
-<ResponseField name="clientFid" type="string">
-Farcaster ID of the host client. Base App: "309857".
-</ResponseField>
-</Expandable>
-</ResponseField>
-
-<ResponseField name="location" type="string">
-Where the Mini App was launched from (e.g., "cast", "launcher", "notification").
-</ResponseField>
-</Expandable>
-</ResponseField>
-
-<ResponseField name="isFrameReady" type="boolean">
-Whether the frame has signaled readiness to the host application.
-</ResponseField>
-
-<ResponseField name="setFrameReady" type="() => void">
-Function to signal frame readiness to the host application. Call this once your Mini App has finished loading.
-</ResponseField>
-
-<RequestExample>
-```tsx app/App.tsx
-'use client';
-
-import { useMiniKit } from '@coinbase/onchainkit/minikit';
-import { useEffect } from 'react';
-
-export default function MyMiniApp() {
-  const { context, isFrameReady, setFrameReady } = useMiniKit();
-
-  useEffect(() => {
-    if (!isFrameReady) {
-      setFrameReady();
-    }
-  }, [setFrameReady, isFrameReady]);
-
-  return (
-    <div>
-      <h1>Welcome, User {context.user.fid}!</h1>
-      <p>Launched from: {context.location}</p>
-      {context.client.added && (
-        <p>✅ You've saved this app!</p>
-      )}
-    </div>
-  );
-}
-```
-
-```tsx components/ClientSpecificFeatures.tsx
-import { useMiniKit } from '@coinbase/onchainkit/minikit';
-
-export default function ClientSpecificFeatures() {
-  const { context } = useMiniKit();
-  
-  const isBaseApp = context.client.clientFid === '309857';
-  const isFarcaster = context.client.clientFid === '1';
-
-  return (
-    <div>
-      {isBaseApp && (
-        <div>Base App specific features</div>
-      )}
-      {isFarcaster && (
-        <div>Farcaster specific features</div>
-      )}
-    </div>
-  );
-}
-```
-
-```tsx components/AnalyticsTracker.tsx
-import { useMiniKit } from '@coinbase/onchainkit/minikit';
-import { useEffect } from 'react';
-
-export default function AnalyticsTracker() {
-  const { context } = useMiniKit();
-
-  useEffect(() => {
-    // ✅ Safe: Use context for analytics
-    analytics.track('mini_app_opened', {
-      userFid: context.user.fid,
-      client: context.client.clientFid,
-      launchLocation: context.location,
-      hasAddedApp: context.client.added
-    });
-  }, [context]);
-
-  return <div>App content...</div>;
-}
-```
-</RequestExample>
-
-## Usage Notes
-
-### Frame Readiness
-Always call `setFrameReady()` once your Mini App has finished initial loading:
-
-```tsx components/FrameReady.tsx
-useEffect(() => {
-  if (!isFrameReady) {
-    setFrameReady();
-  }
-}, [setFrameReady, isFrameReady]);
-```
-
-### Context Data Security
-
-<Warning>
-Context data can be spoofed by malicious actors. Never use context data for authentication or security-critical operations. Use `useAuthenticate` for verified user identity.
-</Warning>
-
-```tsx
-// ❌ Don't use for authentication
-const isAuthenticated = !!context.user.fid; // Can be spoofed!
-
-// ✅ Use for analytics and UX hints only
-const userHint = context.user.fid; // For analytics tracking
-```
-
-### Client Detection
-Use client detection to provide platform-specific experiences:
-
-```tsx components/ClientDetection.tsx
-const isBaseApp = context.client.clientFid === '309857';
-const isFarcaster = context.client.clientFid === '1';
-
-if (isBaseApp) {
-  // Enable Base App specific features
-}
-```
-
-<Info>
-The `useMiniKit` hook must be used within a component that's wrapped by `MiniKitProvider`. This hook provides the foundation for all Mini App functionality and should be one of the first hooks you use in your application.
-</Info>
-
-
diff --git a/docs/onchainkit/latest/components/minikit/hooks/useNotification.mdx b/docs/onchainkit/latest/components/minikit/hooks/useNotification.mdx
deleted file mode 100644
index 7ed612314..000000000
--- a/docs/onchainkit/latest/components/minikit/hooks/useNotification.mdx
+++ /dev/null
@@ -1,409 +0,0 @@
----
-title: useNotification 
-description: Send notifications via a backend proxy to users who saved your Mini App 
----
-
-Defined in [@coinbase/onchainkit](https://github.com/coinbase/onchainkit)
-
-<Warning>
-This hook is now deprecated. Please follow the [Notifications Guide](/mini-apps/core-concepts/notifications) for implementation.
-</Warning>
-
-
-<Info>
-Allows Mini Apps to send push notifications to users who have saved your app. Notifications require a backend proxy route to handle the actual delivery and enforce rate limiting.
-</Info>
-
-## Parameters
-
-<ParamField body="options" type="NotificationOptions" required>
-Configuration object for the notification to send.
-
-<Expandable title="NotificationOptions properties">
-<ParamField body="title" type="string" required>
-The notification title (maximum 100 characters).
-</ParamField>
-
-<ParamField body="body" type="string" required>
-The notification message body (maximum 500 characters).
-</ParamField>
-
-<ParamField body="targetFid" type="string" optional>
-Specific user FID to send notification to. If not provided, sends to all users who saved your Mini App.
-</ParamField>
-
-<ParamField body="actionUrl" type="string" optional>
-URL to open when notification is tapped. Defaults to your Mini App URL.
-</ParamField>
-</Expandable>
-</ParamField>
-
-## Required Backend Setup
-
-Notifications require a backend proxy route to handle delivery and rate limiting:
-
-<RequestExample>
-```typescript app/api/minikit/notifications/route.ts
-// /api/minikit/notifications
-import { NextRequest, NextResponse } from 'next/server';
-
-const FARCASTER_API_URL = 'https://api.farcaster.xyz';
-const MAX_NOTIFICATIONS_PER_HOUR = 10;
-
-interface NotificationRequest {
-  title: string;
-  body: string;
-  targetFid?: string;
-  actionUrl?: string;
-}
-
-export async function POST(request: NextRequest) {
-  try {
-    const { title, body, targetFid, actionUrl }: NotificationRequest = await request.json();
-    
-    // Validate request
-    if (!title || !body) {
-      return NextResponse.json(
-        { error: 'Title and body are required' },
-        { status: 400 }
-      );
-    }
-    
-    if (title.length > 100 || body.length > 500) {
-      return NextResponse.json(
-        { error: 'Title or body too long' },
-        { status: 400 }
-      );
-    }
-    
-    // Check rate limits (implement your own rate limiting logic)
-    const isRateLimited = await checkRateLimit(request);
-    if (isRateLimited) {
-      return NextResponse.json(
-        { error: 'Rate limit exceeded' },
-        { status: 429 }
-      );
-    }
-    
-    // Forward to Farcaster notification API
-    const response = await fetch(`${FARCASTER_API_URL}/notifications`, {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-        'Authorization': `Bearer ${process.env.FARCASTER_API_KEY}`,
-      },
-      body: JSON.stringify({
-        title,
-        body,
-        targetFid,
-        actionUrl: actionUrl || process.env.MINI_APP_URL,
-        appId: process.env.MINI_APP_ID,
-      }),
-    });
-    
-    if (!response.ok) {
-      throw new Error(`Notification API error: ${response.status}`);
-    }
-    
-    const result = await response.json();
-    return NextResponse.json(result);
-    
-  } catch (error) {
-    console.error('Notification error:', error);
-    return NextResponse.json(
-      { error: 'Failed to send notification' },
-      { status: 500 }
-    );
-  }
-}
-
-async function checkRateLimit(request: NextRequest): Promise<boolean> {
-  // Implement your rate limiting logic here
-  // Consider using Redis or a database to track notification counts
-  // Return true if rate limit is exceeded
-  return false;
-}
-```
-
-```python server.py
-from fastapi import FastAPI, HTTPException, BackgroundTasks
-from pydantic import BaseModel
-import httpx
-import os
-from typing import Optional
-
-app = FastAPI()
-
-class NotificationRequest(BaseModel):
-    title: str
-    body: str
-    targetFid: Optional[str] = None
-    actionUrl: Optional[str] = None
-
-FARCASTER_API_URL = "https://api.farcaster.xyz"
-MAX_NOTIFICATIONS_PER_HOUR = 10
-
-@app.post("/api/minikit/notifications")
-async def send_notification(
-    notification: NotificationRequest,
-    background_tasks: BackgroundTasks
-):
-    # Validate input
-    if len(notification.title) > 100:
-        raise HTTPException(status_code=400, detail="Title too long")
-    
-    if len(notification.body) > 500:
-        raise HTTPException(status_code=400, detail="Body too long")
-    
-    # Check rate limits
-    if await is_rate_limited():
-        raise HTTPException(status_code=429, detail="Rate limit exceeded")
-    
-    # Prepare payload
-    payload = {
-        "title": notification.title,
-        "body": notification.body,
-        "targetFid": notification.targetFid,
-        "actionUrl": notification.actionUrl or os.getenv("MINI_APP_URL"),
-        "appId": os.getenv("MINI_APP_ID"),
-    }
-    
-    # Send to Farcaster API
-    async with httpx.AsyncClient() as client:
-        response = await client.post(
-            f"{FARCASTER_API_URL}/notifications",
-            json=payload,
-            headers={
-                "Authorization": f"Bearer {os.getenv('FARCASTER_API_KEY')}",
-                "Content-Type": "application/json",
-            }
-        )
-        
-        if response.status_code != 200:
-            raise HTTPException(
-                status_code=500, 
-                detail="Failed to send notification"
-            )
-        
-        return response.json()
-
-async def is_rate_limited() -> bool:
-    # Implement rate limiting logic
-    return False
-```
-</RequestExample>
-
-## Frontend Usage
-
-<RequestExample>
-```tsx components/GameCompletion.tsx
-import { useNotification } from '@coinbase/onchainkit/minikit';
-import { useState } from 'react';
-
-export default function GameCompletion({ playerStats }) {
-  const [isNotifying, setIsNotifying] = useState(false);
-  const sendNotification = useNotification();
-
-  const notifyAchievement = async () => {
-    setIsNotifying(true);
-    
-    try {
-      await sendNotification({
-        title: "🎮 New Achievement Unlocked!",
-        body: `You just beat ${playerStats.level} with a score of ${playerStats.score}! Can your friends do better?`,
-        actionUrl: `${window.location.origin}/challenge/${playerStats.gameId}`
-      });
-      
-      console.log('Achievement notification sent!');
-    } catch (error) {
-      console.error('Failed to send notification:', error);
-    } finally {
-      setIsNotifying(false);
-    }
-  };
-
-  return (
-    <div className="game-completion">
-      <h2>🏆 Level Complete!</h2>
-      <p>Score: {playerStats.score}</p>
-      
-      <button 
-        onClick={notifyAchievement}
-        disabled={isNotifying}
-        className="notify-btn"
-      >
-        {isNotifying ? 'Sending...' : 'Share Achievement'}
-      </button>
-    </div>
-  );
-}
-```
-
-```tsx components/TournamentScheduler.tsx
-import { useNotification } from '@coinbase/onchainkit/minikit';
-import { useEffect, useState } from 'react';
-
-export default function TournamentScheduler({ tournament }) {
-  const sendNotification = useNotification();
-  const [reminderSet, setReminderSet] = useState(false);
-
-  const scheduleReminder = async () => {
-    try {
-      await sendNotification({
-        title: "🏆 Tournament Starting Soon!",
-        body: `${tournament.name} begins in 15 minutes. Join now to compete for prizes!`,
-        actionUrl: `${window.location.origin}/tournament/${tournament.id}`
-      });
-      
-      setReminderSet(true);
-    } catch (error) {
-      console.error('Failed to schedule reminder:', error);
-    }
-  };
-
-  return (
-    <div className="tournament-card">
-      <h3>{tournament.name}</h3>
-      <p>Starts: {tournament.startTime}</p>
-      <p>Prize Pool: {tournament.prizePool}</p>
-      
-      <button 
-        onClick={scheduleReminder}
-        disabled={reminderSet}
-        className="reminder-btn"
-      >
-        {reminderSet ? '✅ Reminder Set' : '🔔 Remind Me'}
-      </button>
-    </div>
-  );
-}
-```
-
-```tsx components/SocialUpdates.tsx
-import { useNotification, useMiniKit } from '@coinbase/onchainkit/minikit';
-
-export default function SocialUpdates({ userFid }) {
-  const { context } = useMiniKit();
-  const sendNotification = useNotification();
-
-  const notifyFriends = async (updateType, details) => {
-    try {
-      await sendNotification({
-        title: getNotificationTitle(updateType),
-        body: getNotificationBody(updateType, details),
-        // Don't specify targetFid to notify all saved users
-      });
-    } catch (error) {
-      console.error('Failed to send social update:', error);
-    }
-  };
-
-  const getNotificationTitle = (type) => {
-    switch (type) {
-      case 'high_score':
-        return '🎯 New High Score!';
-      case 'level_up':
-        return '⬆️ Level Up!';
-      case 'challenge':
-        return '⚡ New Challenge!';
-      default:
-        return '📢 Mini App Update';
-    }
-  };
-
-  const getNotificationBody = (type, details) => {
-    switch (type) {
-      case 'high_score':
-        return `Someone just scored ${details.score} points! Can you beat it?`;
-      case 'level_up':
-        return `A player reached level ${details.level}! Join the competition.`;
-      case 'challenge':
-        return `New daily challenge available with ${details.reward} rewards!`;
-      default:
-        return 'Check out the latest updates in the Mini App!';
-    }
-  };
-
-  return (
-    <div className="social-updates">
-      <button onClick={() => notifyFriends('high_score', { score: 9999 })}>
-        Share High Score
-      </button>
-      <button onClick={() => notifyFriends('challenge', { reward: '100 coins' })}>
-        Announce Challenge
-      </button>
-    </div>
-  );
-}
-```
-</RequestExample>
-
-## Rate Limiting Guidelines
-
-### Recommended Limits
-- **Per user**: Maximum 10 notifications per hour
-- **Per app**: Maximum 1000 notifications per hour
-- **Burst protection**: Maximum 3 notifications per minute
-
-### Implementation Strategy
-```typescript lib/rate-limit.ts
-// Redis-based rate limiting example
-import Redis from 'ioredis';
-
-const redis = new Redis(process.env.REDIS_URL);
-
-async function checkRateLimit(appId: string, userFid?: string): Promise<boolean> {
-  const now = Date.now();
-  const hourKey = `notifications:${appId}:${Math.floor(now / 3600000)}`;
-  
-  // Check app-wide limits
-  const appCount = await redis.incr(hourKey);
-  await redis.expire(hourKey, 3600);
-  
-  if (appCount > 1000) {
-    return true; // Rate limited
-  }
-  
-  // Check per-user limits if targeting specific user
-  if (userFid) {
-    const userKey = `notifications:${appId}:user:${userFid}:${Math.floor(now / 3600000)}`;
-    const userCount = await redis.incr(userKey);
-    await redis.expire(userKey, 3600);
-    
-    if (userCount > 10) {
-      return true; // Rate limited
-    }
-  }
-  
-  return false; // Not rate limited
-}
-```
-
-## Best Practices
-
-### Content Guidelines
-- **Be relevant**: Only send notifications related to user activity or time-sensitive events
-- **Personalize**: Use user-specific information when available
-- **Clear value**: Ensure each notification provides clear value to the recipient
-- **Timing**: Send notifications at appropriate times (avoid late night/early morning)
-
-### Technical Considerations
-- **Error handling**: Always handle notification failures gracefully
-- **Retry logic**: Implement exponential backoff for failed deliveries
-- **Analytics**: Track notification delivery rates and user engagement
-- **Privacy**: Respect user notification preferences and provide opt-out mechanisms
-
-### User Experience
-- **Frequency control**: Allow users to control notification frequency
-- **Category filters**: Let users choose types of notifications they want
-- **Action relevance**: Ensure notification action URLs are contextually relevant
-
-<Warning>
-Excessive or irrelevant notifications may lead to users removing your Mini App. Always prioritize user experience over engagement metrics.
-</Warning>
-
-<Info>
-When implemented thoughtfully, notifications can significantly increase user engagement and retention for your Mini App. Focus on providing genuine value with each notification sent.
-</Info>
-
-
diff --git a/docs/onchainkit/latest/components/minikit/hooks/useOpenUrl.mdx b/docs/onchainkit/latest/components/minikit/hooks/useOpenUrl.mdx
deleted file mode 100644
index 8db07ce11..000000000
--- a/docs/onchainkit/latest/components/minikit/hooks/useOpenUrl.mdx
+++ /dev/null
@@ -1,77 +0,0 @@
----
-title: useOpenUrl
-description: Open URLs within or outside the frame context
----
-
-Defined in [@coinbase/onchainkit](https://github.com/coinbase/onchainkit)
-
-<Info>
-Opens URLs in the appropriate context - either within the Mini App environment or in external browsers. Handles cross-client compatibility automatically.
-</Info>
-
-## Returns
-
-<ResponseField name="openUrl" type="(url: string) => void">
-Function that opens the specified URL. Behavior depends on the URL type and client capabilities.
-
-<ParamField body="url" type="string" required>
-The URL to open. Can be http/https links, deep links, or other URI schemes.
-</ParamField>
-</ResponseField>
-
-<RequestExample>
-```tsx components/ExternalLinks.tsx
-import { useOpenUrl } from '@coinbase/onchainkit/minikit';
-
-export default function ExternalLinks() {
-  const openUrl = useOpenUrl();
-
-  return (
-    <div className="external-links">
-      <button onClick={() => openUrl('https://base.org')}>
-        Visit Base.org
-      </button>
-      <button onClick={() => openUrl('https://twitter.com/base')}>
-        Follow on Twitter
-      </button>
-      <button onClick={() => openUrl('https://discord.gg/basechain')}>
-        Join Discord
-      </button>
-    </div>
-  );
-}
-```
-
-```tsx components/SmartLink.tsx
-import { useOpenUrl } from '@coinbase/onchainkit/minikit';
-
-export default function SmartLink({ href, children, className }) {
-  const openUrl = useOpenUrl();
-
-  const handleClick = (e) => {
-    e.preventDefault();
-    openUrl(href);
-  };
-
-  return (
-    <a 
-      href={href} 
-      onClick={handleClick}
-      className={className}
-    >
-      {children} ↗
-    </a>
-  );
-}
-```
-</RequestExample>
-
-<Warning>
-URLs opened with `useOpenUrl` may open in different contexts depending on the client. Don't rely on specific opening behavior for critical functionality.
-</Warning>
-
-<Info>
-`useOpenUrl` automatically handles cross-client compatibility and provides the best user experience for external navigation.
-</Info>
-
-
diff --git a/docs/onchainkit/latest/components/minikit/hooks/usePrimaryButton.mdx b/docs/onchainkit/latest/components/minikit/hooks/usePrimaryButton.mdx
deleted file mode 100644
index c99896f26..000000000
--- a/docs/onchainkit/latest/components/minikit/hooks/usePrimaryButton.mdx
+++ /dev/null
@@ -1,242 +0,0 @@
----
-title: usePrimaryButton
-description: Configure and handle the persistent primary button
----
-
-Defined in [@coinbase/onchainkit](https://github.com/coinbase/onchainkit)
-
-<Info>
-Configures a persistent primary button that appears at the bottom of the Mini App frame. Perfect for global actions that should always be accessible.
-</Info>
-
-## Parameters
-
-<ParamField body="options" type="SetPrimaryButtonOptions" required>
-Configuration object for the primary button appearance and behavior.
-
-<Expandable title="SetPrimaryButtonOptions properties">
-<ParamField body="text" type="string" required>
-The text to display on the primary button.
-</ParamField>
-</Expandable>
-</ParamField>
-
-<ParamField body="callback" type="() => void" required>
-Function to execute when the primary button is clicked.
-</ParamField>
-
-<RequestExample>
-```tsx components/GameComponent.tsx
-import { usePrimaryButton } from '@coinbase/onchainkit/minikit';
-import { useState } from 'react';
-
-enum GameState {
-  RUNNING = 'running',
-  PAUSED = 'paused',
-  STOPPED = 'stopped'
-}
-
-export default function GameComponent() {
-  const [gameState, setGameState] = useState(GameState.STOPPED);
-
-  // Configure primary button based on game state
-  usePrimaryButton(
-    { 
-      text: gameState === GameState.RUNNING ? 'PAUSE GAME' : 'START GAME' 
-    },
-    () => {
-      setGameState(
-        gameState === GameState.RUNNING 
-          ? GameState.PAUSED 
-          : GameState.RUNNING
-      );
-    }
-  );
-
-  return (
-    <div className="game-container">
-      <h2>Game Status: {gameState}</h2>
-      {/* Game content */}
-    </div>
-  );
-}
-```
-
-```tsx components/FormComponent.tsx
-import { usePrimaryButton } from '@coinbase/onchainkit/minikit';
-import { useState } from 'react';
-
-export default function FormComponent() {
-  const [formData, setFormData] = useState({ name: '', email: '' });
-  const [isValid, setIsValid] = useState(false);
-
-  // Dynamic button text and action based on form state
-  usePrimaryButton(
-    { 
-      text: isValid ? 'Submit Form' : 'Complete Form First' 
-    },
-    () => {
-      if (isValid) {
-        handleSubmit();
-      } else {
-        // Focus first empty field
-        focusFirstEmptyField();
-      }
-    }
-  );
-
-  const handleSubmit = async () => {
-    await fetch('/api/submit', {
-      method: 'POST',
-      body: JSON.stringify(formData)
-    });
-  };
-
-  return (
-    <form>
-      <input 
-        value={formData.name}
-        onChange={(e) => {
-          setFormData({ ...formData, name: e.target.value });
-          setIsValid(e.target.value && formData.email);
-        }}
-        placeholder="Name"
-      />
-      <input 
-        value={formData.email}
-        onChange={(e) => {
-          setFormData({ ...formData, email: e.target.value });
-          setIsValid(formData.name && e.target.value);
-        }}
-        placeholder="Email"
-      />
-    </form>
-  );
-}
-```
-
-```tsx components/CheckoutComponent.tsx
-import { usePrimaryButton } from '@coinbase/onchainkit/minikit';
-import { useState } from 'react';
-
-export default function CheckoutComponent() {
-  const [step, setStep] = useState('cart'); // cart, shipping, payment, complete
-
-  const getButtonConfig = () => {
-    switch (step) {
-      case 'cart':
-        return { text: 'Proceed to Shipping', action: () => setStep('shipping') };
-      case 'shipping':
-        return { text: 'Proceed to Payment', action: () => setStep('payment') };
-      case 'payment':
-        return { text: 'Complete Purchase', action: () => processPurchase() };
-      case 'complete':
-        return { text: 'Continue Shopping', action: () => setStep('cart') };
-      default:
-        return { text: 'Next', action: () => {} };
-    }
-  };
-
-  const config = getButtonConfig();
-
-  usePrimaryButton(
-    { text: config.text },
-    config.action
-  );
-
-  const processPurchase = async () => {
-    // Handle purchase logic
-    setStep('complete');
-  };
-
-  return (
-    <div className="checkout-flow">
-      <h2>Step: {step}</h2>
-      {/* Step-specific content */}
-    </div>
-  );
-}
-```
-</RequestExample>
-
-## Usage Patterns
-
-### Global State Management
-The primary button is perfect for actions that affect the entire app:
-
-```tsx components/GlobalStateExamples.tsx
-// Game controls
-usePrimaryButton(
-  { text: isPlaying ? 'Pause' : 'Play' },
-  toggleGameState
-);
-
-// Modal controls  
-usePrimaryButton(
-  { text: 'Close' },
-  closeModal
-);
-```
-
-### Form Submission
-Use for primary form actions:
-
-```tsx components/FormSubmit.tsx
-usePrimaryButton(
-  { text: isValid ? 'Submit' : 'Complete Required Fields' },
-  handleFormSubmission
-);
-```
-
-### Multi-Step Flows
-Navigate through complex workflows:
-
-```tsx components/MultiStepFlow.tsx
-usePrimaryButton(
-  { text: getStepButtonText(currentStep) },
-  () => advanceToNextStep()
-);
-```
-
-## Best Practices
-
-### Button Text Guidelines
-- **Keep it action-oriented**: "Start Game", "Submit Order", "Continue"
-- **Be specific**: "Save Changes" vs generic "Submit"
-- **Indicate state**: "Pause Game" when playing, "Resume Game" when paused
-- **Stay concise**: Aim for 1-3 words when possible
-
-### Layout Considerations
-- The primary button appears at the bottom of the frame
-- **Don't duplicate actions**: Avoid having the same action as an in-content button
-- **Consider mobile**: Button is optimized for thumb accessibility
-- **Test across clients**: Button appearance may vary between Farcaster clients
-
-### Performance Tips
-- **Memoize callbacks**: Use `useCallback` for complex button handlers
-- **Avoid frequent changes**: Don't update button text on every render
-- **Batch state updates**: Update button config and app state together
-
-```tsx components/HandlePrimaryAction.tsx
-import { useCallback } from 'react';
-
-const handlePrimaryAction = useCallback(() => {
-  // Expensive operation
-  performComplexAction();
-}, [dependencies]);
-
-usePrimaryButton(
-  { text: 'Process Data' },
-  handlePrimaryAction
-);
-```
-
-<Warning>
-The primary button is persistent across your entire Mini App session. Only use `usePrimaryButton` once per component tree to avoid conflicts.
-</Warning>
-
-<Info>
-The primary button provides a native, accessible way to surface your most important action. It's especially effective for games, forms, and multi-step workflows where users need consistent access to the next action.
-</Info>
-
-
diff --git a/docs/onchainkit/latest/components/minikit/hooks/useViewCast.mdx b/docs/onchainkit/latest/components/minikit/hooks/useViewCast.mdx
deleted file mode 100644
index 443ce2fbf..000000000
--- a/docs/onchainkit/latest/components/minikit/hooks/useViewCast.mdx
+++ /dev/null
@@ -1,312 +0,0 @@
----
-title: useViewCast
-description: View a cast by its hash from your Mini App
----
-
-Defined in [@coinbase/onchainkit](https://github.com/coinbase/onchainkit)
-
-<Info>
-Opens a specific Farcaster cast within the host application using the cast's unique hash identifier.
-</Info>
-
-## Parameters
-
-<ParamField body="hash" type="string" required>
-The unique hash identifier of the cast to view. This is the cryptographic hash that uniquely identifies a cast on the Farcaster network.
-</ParamField>
-
-## Returns
-
-<ResponseField name="viewCast" type="() => void">
-Function that opens the specified cast when called.
-</ResponseField>
-
-<RequestExample>
-```tsx components/CastReference.tsx
-import { useViewCast } from '@coinbase/onchainkit/minikit';
-
-export default function CastReference({ castHash, castAuthor }) {
-  const viewCast = useViewCast(castHash);
-
-  return (
-    <div className="cast-reference">
-      <p>Referenced cast by {castAuthor}</p>
-      <button onClick={viewCast}>
-        View Original Cast
-      </button>
-    </div>
-  );
-}
-```
-
-```tsx components/GameAchievement.tsx
-import { useViewCast, useComposeCast } from '@coinbase/onchainkit/minikit';
-import { useState } from 'react';
-
-export default function GameAchievement({ achievement }) {
-  const [sharedCastHash, setSharedCastHash] = useState(null);
-  
-  const composeCast = useComposeCast();
-  const viewSharedCast = useViewCast(sharedCastHash);
-
-  const shareAchievement = () => {
-    composeCast({
-      text: `🎮 Just unlocked "${achievement.name}" in this Mini App! Can you beat my score?`,
-      embeds: [window.location.href]
-    });
-    
-    // Store cast hash when user shares (this would come from your backend)
-    // setSharedCastHash(returnedCastHash);
-  };
-
-  return (
-    <div className="achievement-card">
-      <h3>🏆 {achievement.name}</h3>
-      <p>{achievement.description}</p>
-      
-      <div className="actions">
-        <button onClick={shareAchievement}>
-          Share Achievement
-        </button>
-        
-        {sharedCastHash && (
-          <button onClick={viewSharedCast}>
-            View My Share
-          </button>
-        )}
-      </div>
-    </div>
-  );
-}
-```
-
-```tsx components/ThreadNavigation.tsx
-import { useViewCast } from '@coinbase/onchainkit/minikit';
-
-export default function ThreadNavigation({ parentCastHash, replyCastHashes }) {
-  const viewParentCast = useViewCast(parentCastHash);
-
-  return (
-    <div className="thread-navigation">
-      <div className="parent-cast">
-        <h4>Original Discussion</h4>
-        <button onClick={viewParentCast}>
-          View Parent Cast
-        </button>
-      </div>
-      
-      <div className="replies">
-        <h4>Replies in Thread</h4>
-        {replyCastHashes.map((hash, index) => (
-          <ReplyItem key={hash} castHash={hash} replyNumber={index + 1} />
-        ))}
-      </div>
-    </div>
-  );
-}
-
-function ReplyItem({ castHash, replyNumber }) {
-  const viewCast = useViewCast(castHash);
-  
-  return (
-    <button onClick={viewCast} className="reply-item">
-      Reply #{replyNumber}
-    </button>
-  );
-}
-```
-
-```tsx Community Highlights
-import { useViewCast } from '@coinbase/onchainkit/minikit';
-
-export default function CommunityHighlights({ featuredCasts }) {
-  return (
-    <div className="community-highlights">
-      <h2>Community Highlights</h2>
-      <div className="featured-casts">
-        {featuredCasts.map(cast => (
-          <FeaturedCast key={cast.hash} cast={cast} />
-        ))}
-      </div>
-    </div>
-  );
-}
-
-function FeaturedCast({ cast }) {
-  const viewCast = useViewCast(cast.hash);
-  
-  return (
-    <div className="featured-cast-card">
-      <div className="cast-preview">
-        <h4>{cast.author}</h4>
-        <p>{cast.preview}</p>
-        <span className="engagement">{cast.likes} likes · {cast.recasts} recasts</span>
-      </div>
-      
-      <button onClick={viewCast} className="view-cast-btn">
-        View Full Cast
-      </button>
-    </div>
-  );
-}
-```
-</RequestExample>
-
-## Usage Patterns
-
-### Content Attribution
-Reference original casts that inspired your Mini App content:
-
-```tsx components/AttributionFooter.tsx
-const AttributionFooter = ({ originalCastHash, authorName }) => {
-  const viewOriginalCast = useViewCast(originalCastHash);
-  
-  return (
-    <footer className="content-attribution">
-      <span>Inspired by cast from {authorName}</span>
-      <button onClick={viewOriginalCast}>
-        View Original
-      </button>
-    </footer>
-  );
-};
-```
-
-### Discussion Threading
-Navigate cast conversations and replies:
-
-```tsx components/DiscussionThread.tsx
-const DiscussionThread = ({ threadCasts }) => {
-  return (
-    <div className="discussion-thread">
-      {threadCasts.map((cast, index) => (
-        <ThreadItem 
-          key={cast.hash}
-          cast={cast}
-          isRoot={index === 0}
-        />
-      ))}
-    </div>
-  );
-};
-
-const ThreadItem = ({ cast, isRoot }) => {
-  const viewCast = useViewCast(cast.hash);
-  
-  return (
-    <div className={`thread-item ${isRoot ? 'root' : 'reply'}`}>
-      <span>{cast.author}: {cast.preview}</span>
-      <button onClick={viewCast}>View</button>
-    </div>
-  );
-};
-```
-
-### Social Proof
-Showcase community engagement with your Mini App:
-
-```tsx components/SocialProof.tsx
-const SocialProof = ({ testimonialCasts }) => {
-  return (
-    <section className="social-proof">
-      <h3>What Users Are Saying</h3>
-      {testimonialCasts.map(cast => (
-        <TestimonialCard key={cast.hash} cast={cast} />
-      ))}
-    </section>
-  );
-};
-
-const TestimonialCard = ({ cast }) => {
-  const viewCast = useViewCast(cast.hash);
-  
-  return (
-    <div className="testimonial" onClick={viewCast}>
-      <blockquote>"{cast.text}"</blockquote>
-      <cite>— {cast.author}</cite>
-    </div>
-  );
-};
-```
-
-## Best Practices
-
-### Hash Validation
-Always validate cast hashes before using them:
-
-```tsx components/SafeCastViewer.tsx
-const validateCastHash = (hash) => {
-  // Cast hashes are typically 40-character hexadecimal strings
-  return /^0x[a-fA-F0-9]{40}$/.test(hash);
-};
-
-const SafeCastViewer = ({ castHash }) => {
-  const viewCast = useViewCast(castHash);
-  
-  const handleViewCast = () => {
-    if (validateCastHash(castHash)) {
-      viewCast();
-    } else {
-      console.error('Invalid cast hash:', castHash);
-    }
-  };
-  
-  return (
-    <button onClick={handleViewCast}>
-      View Cast
-    </button>
-  );
-};
-```
-
-### Performance Optimization
-Cache cast metadata to avoid repeated lookups:
-
-```tsx components/CastLibrary.tsx
-import { useMemo } from 'react';
-
-const CastLibrary = ({ castHashes }) => {
-  const sortedCasts = useMemo(() => {
-    return castHashes.sort((a, b) => {
-      // Sort by timestamp or other criteria
-      return a.timestamp - b.timestamp;
-    });
-  }, [castHashes]);
-  
-  return (
-    <div className="cast-library">
-      {sortedCasts.map(cast => (
-        <CastItem key={cast.hash} castHash={cast.hash} />
-      ))}
-    </div>
-  );
-};
-```
-
-### User Experience
-Provide context about the cast before opening:
-
-```tsx components/ContextualCastLink.tsx
-const ContextualCastLink = ({ castHash, context }) => {
-  const viewCast = useViewCast(castHash);
-  
-  return (
-    <div className="contextual-cast-link">
-      <p className="context">{context}</p>
-      <button onClick={viewCast} className="cast-link">
-        View Related Cast →
-      </button>
-    </div>
-  );
-};
-```
-
-<Warning>
-Cast hashes must be valid Farcaster cast identifiers. Invalid hashes may cause errors or unexpected behavior in the host application.
-</Warning>
-
-<Info>
-Viewing casts provides a seamless way to reference Farcaster content from your Mini App. Use this for community highlights, content attribution, and threading discussions related to your app.
-</Info>
-
-
diff --git a/docs/onchainkit/latest/components/minikit/hooks/useViewProfile.mdx b/docs/onchainkit/latest/components/minikit/hooks/useViewProfile.mdx
deleted file mode 100644
index 1d2b1adfc..000000000
--- a/docs/onchainkit/latest/components/minikit/hooks/useViewProfile.mdx
+++ /dev/null
@@ -1,251 +0,0 @@
----
-title: useViewProfile
-description: Navigate to Farcaster profiles from your Mini App
----
-
-Defined in [@coinbase/onchainkit](https://github.com/coinbase/onchainkit)
-
-<Info>
-Opens Farcaster user profiles within the host application. Defaults to the current user's profile if no FID is specified.
-</Info>
-
-## Parameters
-
-<ParamField body="fid" type="string" optional>
-The Farcaster ID of the profile to view. If not provided, defaults to the current user's FID from the MiniKit context.
-</ParamField>
-
-## Returns
-
-<ResponseField name="viewProfile" type="() => void">
-Function that opens the specified Farcaster profile when called.
-</ResponseField>
-
-<RequestExample>
-```tsx components/ProfileButton.tsx
-import { useViewProfile } from '@coinbase/onchainkit/minikit';
-
-export default function ProfileButton() {
-  const viewProfile = useViewProfile(); // Uses current user's FID
-
-  return (
-    <button onClick={viewProfile}>
-      View My Profile
-    </button>
-  );
-}
-```
-
-```tsx components/UserCard.tsx
-import { useViewProfile } from '@coinbase/onchainkit/minikit';
-
-export default function UserCard({ userFid, userName }) {
-  const viewProfile = useViewProfile(userFid);
-
-  return (
-    <div className="user-card">
-      <h3>{userName}</h3>
-      <button onClick={viewProfile}>
-        View Profile
-      </button>
-    </div>
-  );
-}
-```
-
-```tsx components/Leaderboard.tsx
-import { useViewProfile } from '@coinbase/onchainkit/minikit';
-
-export default function Leaderboard({ players }) {
-  return (
-    <div className="leaderboard">
-      <h2>Top Players</h2>
-      {players.map((player, index) => (
-        <PlayerRow 
-          key={player.fid}
-          player={player}
-          rank={index + 1}
-        />
-      ))}
-    </div>
-  );
-}
-
-function PlayerRow({ player, rank }) {
-  const viewProfile = useViewProfile(player.fid);
-
-  return (
-    <div className="player-row">
-      <span className="rank">#{rank}</span>
-      <span className="name">{player.name}</span>
-      <span className="score">{player.score}</span>
-      <button 
-        onClick={viewProfile}
-        className="profile-btn"
-      >
-        View Profile
-      </button>
-    </div>
-  );
-}
-```
-
-```tsx components/SocialActions.tsx
-import { useViewProfile, useMiniKit } from '@coinbase/onchainkit/minikit';
-
-export default function SocialActions() {
-  const { context } = useMiniKit();
-  const viewMyProfile = useViewProfile(); // Current user
-  const viewHostProfile = useViewProfile(context.client.clientFid); // Host app profile
-
-  return (
-    <div className="social-actions">
-      <button onClick={viewMyProfile}>
-        My Profile
-      </button>
-      
-      <button onClick={viewHostProfile}>
-        View {context.client.clientFid === '309857' ? 'Base App' : 'Host'} Profile
-      </button>
-    </div>
-  );
-}
-```
-</RequestExample>
-
-## Usage Patterns
-
-### User Discovery
-Enable users to explore profiles of other participants:
-
-```tsx components/ProfileList.tsx
-const ProfileList = ({ users }) => {
-  return (
-    <div className="user-list">
-      {users.map(user => (
-        <UserProfileCard 
-          key={user.fid}
-          fid={user.fid}
-          name={user.name}
-        />
-      ))}
-    </div>
-  );
-};
-
-const UserProfileCard = ({ fid, name }) => {
-  const viewProfile = useViewProfile(fid);
-  
-  return (
-    <div onClick={viewProfile} className="profile-card">
-      <h4>{name}</h4>
-      <span>FID: {fid}</span>
-    </div>
-  );
-};
-```
-
-### Social Gaming
-Connect players in multiplayer experiences:
-
-```tsx components/GameLobby.tsx
-const GameLobby = ({ players }) => {
-  return (
-    <div className="game-lobby">
-      <h3>Players in Game</h3>
-      {players.map(player => (
-        <PlayerChip key={player.fid} player={player} />
-      ))}
-    </div>
-  );
-};
-
-const PlayerChip = ({ player }) => {
-  const viewProfile = useViewProfile(player.fid);
-  
-  return (
-    <div className="player-chip" onClick={viewProfile}>
-      {player.username}
-    </div>
-  );
-};
-```
-
-### Creator Attribution
-Link to content creators and collaborators:
-
-```tsx components/ContentAttribution.tsx
-const ContentAttribution = ({ creator }) => {
-  const viewCreatorProfile = useViewProfile(creator.fid);
-  
-  return (
-    <div className="attribution">
-      <span>Created by</span>
-      <button 
-        onClick={viewCreatorProfile}
-        className="creator-link"
-      >
-        {creator.name}
-      </button>
-    </div>
-  );
-};
-```
-
-## Best Practices
-
-### User Experience
-- **Clear call-to-action**: Use descriptive button text like "View Profile" or user names
-- **Visual feedback**: Indicate clickable profile elements with appropriate styling
-- **Context awareness**: Show relevant profile actions based on the user's relationship
-
-### Performance Optimization
-- **Memoize profile handlers**: Use the same hook instance for the same FID
-- **Batch profile data**: Load profile information efficiently when displaying multiple users
-
-```tsx components/ProfileActions.tsx
-import { useMemo } from 'react';
-
-const ProfileActions = ({ userFid }) => {
-  const viewProfile = useViewProfile(userFid);
-  
-  // Memoize to avoid recreating the handler
-  const handleProfileView = useMemo(() => viewProfile, [viewProfile]);
-  
-  return (
-    <button onClick={handleProfileView}>
-      View Profile
-    </button>
-  );
-};
-```
-
-### Accessibility
-- **Keyboard navigation**: Ensure profile links are keyboard accessible
-- **Screen reader support**: Use semantic HTML and ARIA labels
-- **Focus management**: Handle focus appropriately when returning from profile views
-
-```tsx components/AccessibleProfileLink.tsx
-const AccessibleProfileLink = ({ fid, userName }) => {
-  const viewProfile = useViewProfile(fid);
-  
-  return (
-    <button 
-      onClick={viewProfile}
-      aria-label={`View ${userName}'s Farcaster profile`}
-    >
-      {userName}
-    </button>
-  );
-};
-```
-
-<Info>
-Profile viewing behavior may vary between Farcaster clients. In Base App, profiles open within the app context. In other clients, the experience may differ based on their implementation.
-</Info>
-
-<Warning>
-Always validate FIDs before passing them to `useViewProfile`. Invalid FIDs may cause errors or unexpected behavior in the host application.
-</Warning>
-
-
diff --git a/docs/onchainkit/latest/components/minikit/overview.mdx b/docs/onchainkit/latest/components/minikit/overview.mdx
deleted file mode 100644
index e1f7a308a..000000000
--- a/docs/onchainkit/latest/components/minikit/overview.mdx
+++ /dev/null
@@ -1,94 +0,0 @@
----
-title: Overview
-description: The best way to build Mini Apps on Base.
----
-
-MiniKit is the official SDK for building Mini Apps that work seamlessly across Base App and other Farcaster clients. It provides React hooks, context management, and wallet integration that eliminates the complexity of building social-native applications.
-
-## Why MiniKit?
-
-<CardGroup cols={2}>
-<Card title="Seamless Integration" icon="link">
-Part of OnchainKit allowing for complete onchain app development with shared providers and configuration.
-</Card>
-
-<Card title="Social-Native" icon="users">
-Built specifically for Farcaster's frame-based architecture with native social features.
-</Card>
-
-<Card title="Wallet Abstraction" icon="wallet">
-Simplified wallet connections and transaction flows with automatic provider detection.
-</Card>
-
-<Card title="Cross-Client" icon="mobile">
-Works across Base App, Farcaster, and other clients with consistent behavior.
-</Card>
-</CardGroup>
-
-## Architecture
-
-MiniKit consists of three main components:
-
-### `<OnchainKitProvider miniKit={{ enabled: true }}>`
-React context provider that configures:
-- Wagmi and react-query setup
-- Chain and API key configuration
-- Theme and appearance settings
-- Farcaster connector integration
-
-### Hooks
-React hooks for frame interactions:
-- **Frame Management**: `useMiniKit`, `useAddFrame`, `useClose`
-- **Navigation**: `useOpenUrl`, `useViewProfile`, `useViewCast`
-- **Social**: `useComposeCast`, `useNotification`
-- **Authentication**: `useAuthenticate`
-- **UI**: `usePrimaryButton`
-
-### CLI Tools
-Command-line utilities for:
-- Project scaffolding with `npx create-onchain --mini`
-- Manifest generation with `npx create-onchain --manifest`
-- Development workflow automation
-
-## Getting Started
-
-<CardGroup cols={2}>
-<Card title="New Project" icon="plus" href="/mini-apps/quickstart/new-apps/install">
-Create a new Mini App from scratch using the CLI scaffolding tool.
-</Card>
-
-<Card title="Existing App" icon="code" href="/mini-apps/quickstart/existing-apps/install">
-Add MiniKit to your existing Next.js application.
-</Card>
-</CardGroup>
-
-## Key Concepts
-
-### Frame Lifecycle
-Mini Apps run within Farcaster frames and must signal readiness:
-1. **Initialize** MiniKitProvider in your app root
-2. **Signal readiness** with `setFrameReady()` in your main component
-3. **Handle interactions** through MiniKit hooks
-
-### Context vs Authentication
-- **Context data** (`useMiniKit().context`) provides user info but can be spoofed
-- **Authentication** (`useAuthenticate()`) provides cryptographically verified user identity
-- Always use authentication for security-critical operations
-
-### Cross-Client Compatibility
-MiniKit automatically detects the client environment and adapts:
-- **Base App**: Native wallet integration, enhanced features
-- **Farcaster**: Standard Farcaster protocol compliance
-- **Other clients**: Graceful fallbacks and compatibility modes
-
-## Technical Reference
-
-<CardGroup cols={2}>
-<Card title="Provider & Initialization" icon="settings" href="/onchainkit/latest/components/minikit/provider-and-initialization">
-Configure MiniKitProvider and initialize frame context.
-</Card>
-
-<Card title="Hooks Reference" icon="code" href="/onchainkit/latest/components/minikit/hooks/useMiniKit">
-Complete reference for all MiniKit React hooks.
-</Card>
-</CardGroup>
\ No newline at end of file
diff --git a/docs/onchainkit/latest/components/minikit/provider-and-initialization.mdx b/docs/onchainkit/latest/components/minikit/provider-and-initialization.mdx
deleted file mode 100644
index 6c3906224..000000000
--- a/docs/onchainkit/latest/components/minikit/provider-and-initialization.mdx
+++ /dev/null
@@ -1,111 +0,0 @@
----
-title: Provider & Initialization
-description: Configure OnchainKitProvider and initialize frame context
----
-
-## OnchainKitProvider Setup
-
-The OnchainKitProvider wraps your app and provides MiniKit context to all child components. It configures wagmi, react-query, and the Farcaster connector automatically.
-
-```tsx app/providers.tsx
-import { OnchainKitProvider } from '@coinbase/onchainkit';
-import { ReactNode } from 'react';
-import { base } from 'wagmi/chains';
-
-export function Providers({ children }: { children: ReactNode }) {
-  return (
-    <OnchainKitProvider
-      apiKey={process.env.NEXT_PUBLIC_ONCHAINKIT_API_KEY}
-      chain={base}
-      config={{
-        appearance: {
-          mode: 'auto',
-          theme: 'default',
-          name: process.env.NEXT_PUBLIC_ONCHAINKIT_PROJECT_NAME,
-          logo: process.env.NEXT_PUBLIC_ICON_URL,
-        },
-      }}
-      miniKit={{
-        enabled: true
-      }}
-    >
-      {children}
-    </OnchainKitProvider>
-  );
-}
-```
-
-<Tip>
-The provider configures wagmi and react-query and uses the Farcaster connector when available.
-</Tip>
-
-## Provider Configuration
-
-### Required Props
-
-| Prop | Type | Description |
-|------|------|-------------|
-| `apiKey` | string | Your OnchainKit API key from Coinbase Developer Platform |
-| `chain` | Chain | The blockchain network (typically `base`) |
-
-### Optional Configuration
-
-| Property | Type | Description |
-|----------|------|-------------|
-| `config.appearance.mode` | 'auto' \| 'light' \| 'dark' | Theme mode for UI components |
-| `config.appearance.theme` | string | Theme name for styling |
-| `config.appearance.name` | string | App name displayed in UI |
-| `config.appearance.logo` | string | Logo URL for branding |
-
-## Frame Initialization
-
-Initialize MiniKit in your main component to signal frame readiness:
-
-```tsx app/App.tsx
-'use client';
-
-import { useMiniKit } from '@coinbase/onchainkit/minikit';
-import { useEffect } from 'react';
-
-export default function App() {
-  const { setFrameReady, isFrameReady } = useMiniKit();
-
-  useEffect(() => {
-    if (!isFrameReady) {
-      setFrameReady();
-    }
-  }, [setFrameReady, isFrameReady]);
-
-  return (
-    <div>
-      {/* Your app content */}
-    </div>
-  );
-}
-```
-
-## useMiniKit Hook
-
-The `useMiniKit` hook provides access to frame state and user context:
-
-```tsx any-component.tsx
-const { 
-  setFrameReady, 
-  isFrameReady, 
-  context 
-} = useMiniKit();
-```
-
-### Context Properties
-
-| Property | Type | Description |
-|----------|------|-------------|
-| `context.user.fid` | string | Farcaster ID of the current user |
-| `context.client.added` | boolean | Whether user has saved the Mini App |
-| `context.location` | string | Where the Mini App was launched from |
-
-<Warning>
-Context data can be spoofed and should not be used for authentication. Use `useAuthenticate` for secure user verification.
-</Warning>
-
-
diff --git a/docs/onchainkit/latest/components/mint/nft-card.mdx b/docs/onchainkit/latest/components/mint/nft-card.mdx
deleted file mode 100644
index 8721e1fe6..000000000
--- a/docs/onchainkit/latest/components/mint/nft-card.mdx
+++ /dev/null
@@ -1,325 +0,0 @@
----
-title: "NFTCard"
----
-
-The `NFTCard` component provides an easy way to view any NFT.  Just enter the NFT contract address and token Id and include the child components you want to render.
-
-<Frame>
-<img alt="Checkout"
-  src="/images/onchainkit/NFTCard.gif"
-  height="364"
-/>
-</Frame>
-
-<Note>
-To use the `NFTCard` component, you'll need to provide an API Key in `OnchainKitProvider`. You can get one following our [Getting Started](/onchainkit/getting-started#get-your-public-api-key) steps.
-</Note>
-
-### Starting a new project
-
-If you're starting a new project, we recommend using `create onchain` to scaffold your project.
-
-```bash
-npm create onchain@latest
-```
-
-### Adding to an existing project
-
-If you're adding `NFTCard` to an existing project, simply install OnchainKit.
-
-<CodeGroup>
-```bash npm
-npm install @coinbase/onchainkit
-```
-
-```bash yarn
-yarn add @coinbase/onchainkit
-```
-
-```bash pnpm
-pnpm add @coinbase/onchainkit
-```
-
-```bash bun
-bun add @coinbase/onchainkit
-```
-</CodeGroup>
-
-Wrap the `<OnchainKitProvider />` around your app, following the steps in [Getting Started](/onchainkit/getting-started#add-providers).
-
-## Quickstart
-
-The `NFTCardDefault` component is a simplified version of the `NFTCard` component, designed to streamline the integration process for developers.  Instead of manually defining each subcomponent, developers can use this shorthand version which renders our suggested implementation of the component and includes `NFTTitle`, `NFTMedia`, `NFTOwner`, `NFTLastSoldPrice` and `NFTNetwork`.
-
-```tsx
-import { NFTCardDefault } from '@coinbase/onchainkit/nft'; // [!code focus]
-
-<NFTCardDefault // [!code focus]
-  contractAddress='0xb4703a3a73aec16e764cbd210b0fde9efdab8941'  // [!code focus]
-  tokenId='1' // [!code focus]
-/>  // [!code focus]
-```
-
-If you'd like more customization you can follow the steps below to customize which subcomponents are rendered.
-
-<Steps>
-  <Step title="Add the NFTCard">
-
-  ```tsx
-  import { NFTCard } from '@coinbase/onchainkit/nft'; // [!code focus]
-
-  <NFTCard // [!code focus]
-    contractAddress='0xb4703a3a73aec16e764cbd210b0fde9efdab8941'  // [!code focus]
-    tokenId='1' // [!code focus]
-  >
-  </NFTCard>
-  ```
-  </Step>
-  <Step title="Add the NFTCard components">
-  ```tsx
-  import { NFTCard } from '@coinbase/onchainkit/nft';
-  import {
-    NFTLastSoldPrice, // [!code ++]
-    NFTMedia, // [!code ++]
-    NFTNetwork, // [!code ++]
-    NFTOwner, // [!code ++]
-    NFTTitle, // [!code ++]
-  } from '@coinbase/onchainkit/nft/view'; // [!code ++]
-
-  <NFTCard
-    contractAddress='0xb4703a3a73aec16e764cbd210b0fde9efdab8941'
-    tokenId='1'
-  >
-    <NFTMedia />
-    <NFTTitle />
-    <NFTOwner />
-    <NFTLastSoldPrice />
-    <NFTNetwork />
-  </NFTCard>
-  ```
-
-  <iframe
-    src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-nft-card--card-main&viewMode=story&dark=true&hero=true"
-    width="100%"
-    height="670px"
-  />
-  {/* <ViewCardMain /> */}
-
-  </Step>
-</Steps>
-
-That's it! You've now created an NFT card.
-
-## Customization
-
-### Add the NFTCard subcomponents in any order
-
-If you prefer to have the title above the media, you can easily change the order of the subcomponents and they will render in the new order.
-
-```tsx
-import { NFTCard } from '@coinbase/onchainkit/nft';
-import {
-  NFTMedia,
-  NFTTitle,
-} from '@coinbase/onchainkit/nft/view';
-// ---cut-before---
-<NFTCard
-  contractAddress='0xb4703a3a73aec16e764cbd210b0fde9efdab8941'
-  tokenId='1'
->
-  <NFTTitle />
-  <NFTMedia />
-  <NFTTitle />
-</NFTCard>
-// ---cut-after---
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-nft-card--card-title-above&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="580px"
-/>
-{/* <ViewCardTitleAbove /> */}
-
-### Customize the `<NFTMedia />` aspect ratio
-
-By default, we display all media scaled to fit the card.  If you would prefer to show the media at its original aspect ratio you can set `square={false}` on the `<NFTMedia />` component.
-
-```tsx
-import { NFTCard } from '@coinbase/onchainkit/nft';
-import {
-  NFTMedia,
-} from '@coinbase/onchainkit/nft/view';
-// ---cut-before---
-<NFTCard
-  contractAddress='0xb4703a3a73aec16e764cbd210b0fde9efdab8941'
-  tokenId='1'
->
-  <NFTMedia square={false} />
-</NFTCard>
-// ---cut-after---
-```
-
-<Tabs>
-  <Tab title="Scaled to fit (default)">
-    <iframe
-      src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-nft-card--card-scaled&viewMode=story&dark=true&hero=true"
-      width="100%"
-      height="580px"
-    />
-  </Tab>
-  <Tab title="Original Aspect Ratio">
-    <iframe
-      src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-nft-card--card-not-scaled&viewMode=story&dark=true&hero=true"
-      width="100%"
-      height="580px"
-    />
-  </Tab>
-</Tabs>
-{/* | Scaled to fit (default) | Original Aspect Ratio |
-|-----------------|------------|
-| <ViewCardScaled square={true} /> | <ViewCardScaled square={false} /> | */}
-
-### Override styles
-
-We recommend style customization by setting a custom [OnchainKit theme](/onchainkit/guides/themes#custom-theme). You can also override individual component styles using `className`.
-
-```tsx
-import { NFTCard } from '@coinbase/onchainkit/nft';
-import {
-  NFTMedia,
-  NFTTitle,
-} from '@coinbase/onchainkit/nft/view';
-export default function NFTComponent() {
-  return (
-// ---cut-before---
-<NFTCard
-  contractAddress='0xb4703a3a73aec16e764cbd210b0fde9efdab8941'
-  tokenId='1'
->
-  <NFTMedia/>
-  <NFTTitle className='text-[#EA580C]'/>
-</NFTCard>
-// ---cut-after---
-);
-}
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-nft-card--card-override-styles&viewMode=story&dark=true&hero=true"
-  width="100%"
-      height="580px"
-/>
-{/* <ViewCardOverrideStyles /> */}
-
-## Advanced Usage
-
-### Bring your own data
-
-The default `NFTCard` implementation uses Coinbase Developer Platform to provide the data and requires an API key.  If you would like to use your own data, you can use the `useNFTData` prop to pass in a hook which fetches the NFT data from a source of your choice.  As long as this hook returns an object with the same shape as the [`NFTData`](/onchainkit/mint/types#nftdata) type, the NFTCard will render.
-
-```tsx
-import { NFTCard } from '@coinbase/onchainkit/nft';
-import {
-  NFTMedia,
-  NFTTitle,
-} from '@coinbase/onchainkit/nft/view';
-// ---cut-before---
-
-function useNFTData() {  // [!code focus]
-  return {  // [!code focus]
-    title: 'My NFT',  // [!code focus]
-    imageUrl: 'https://example.com/image.png',  // [!code focus]
-  }  // [!code focus]
-}  // [!code focus]
-
-export default function NFTComponent() {
-  return (
-    <NFTCard
-      contractAddress='0xb4703a3a73aec16e764cbd210b0fde9efdab8941'
-      tokenId='1'
-      useNFTData={useNFTData}  // [!code focus]
-    >
-      <NFTMedia/>
-      <NFTTitle />
-    </NFTCard>
-  );
-}
-```
-
-### Listening to the component lifecycle
-
-You can use our NFT [`LifecycleStatus`](/onchainkit/mint/types#lifecyclestatus) and the `onStatus` prop to listen to transaction states.
-
-NFTCard has 4 lifecycle states:
-* `init` - The component is initialized
-* `error` - The component has encountered an error
-* `mediaLoading` - The media is loading
-* `success` - The media has been loaded
-
-```tsx
-import { NFTCard } from '@coinbase/onchainkit/nft';
-import { NFTMedia } from '@coinbase/onchainkit/nft/view';
-// ---cut-before---
-import type { LifecycleStatus } from '@coinbase/onchainkit/nft'; // [!code focus]
-
-const statusHandler = (status: LifecycleStatus) => { // [!code focus]
-  const { statusName, statusData } = status; // [!code focus]
-  switch (statusName) { // [!code focus]
-    case 'success': // [!code focus]
-      // handle success
-    case 'error': // [!code focus]
-      // handle error
-    default: // [!code focus]
-      // handle 'init' state
-  } // [!code focus]
-} // [!code focus]
-
-<NFTCard  // [!code focus]
-  onStatus={statusHandler}  // [!code focus]
-  contractAddress='0xb4703a3a73aec16e764cbd210b0fde9efdab8941'
-  tokenId='1'
->
-  <NFTMedia />
-</NFTCard>
-// ---cut-after---
-```
-
-## Example use cases
-- **Display your favorite NFT:** Create your own gallery showcasing your favorite NFTs
-- **Display a minted in game avatar:** Allow your users to mint and then view a minted avatar
-
-## Components
-
-The `NFTCard` component can be customized with the following components:
-
-- `<NFTMedia square={boolean}/>` - The media for the NFT, this includes support for images, videos and audio NFTs.
-- `<NFTTitle />` - The title of the NFT.
-- `<NFTOwner />` - Displays the Owners Avatar, name or address and badge (if applicable).
-- `<NFTLastSoldPrice />` - The last sold price of the NFT in native currency and USD.
-- `<NFTNetwork />` - The network the NFT is on, currently only BASE NFTs are supported.
-
-## Props
-
-[`NFTCardProps`](#nftcardprops)
-
-```ts
-type NFTCardProps = {
-  children?: React.ReactNode;
-  /** Optional className override for top div element. */
-  className?: string;
-  /** Contract address of the NFT */
-  contractAddress: Hex;
-  /** Required Token ID of the NFT */
-  tokenId: string;
-  /** Optional hook to override the default useNftData hook */
-  useNFTData?: UseNFTData;
-  /** An optional callback function that handles errors within the provider. */
-  onError?: (error: NFTError) => void;
-  /** An optional callback function that exposes the component lifecycle state */
-  onStatus?: (lifecycleStatus: LifecycleStatus) => void;
-  /** An optional callback function that exposes the transaction receipt */
-  onSuccess?: (transactionReceipt?: TransactionReceipt) => void;
-};
-```
-
diff --git a/docs/onchainkit/latest/components/mint/nft-mint-card.mdx b/docs/onchainkit/latest/components/mint/nft-mint-card.mdx
deleted file mode 100644
index 2d4f5c593..000000000
--- a/docs/onchainkit/latest/components/mint/nft-mint-card.mdx
+++ /dev/null
@@ -1,342 +0,0 @@
----
-title: "NFTMintCard"
----
-
-The `NFTMintCard` component provides an easy way to mint an NFT. Just enter the NFT contract address and token Id (for ERC1155 contracts) and include the subcomponents you want to render.
-
-<Frame>
-<img alt="Checkout"
-  src="/images/onchainkit/NFTMintCard.gif"
-  height="364"
-/>
-</Frame>
-
-<Note>
-To use the `NFTMintCard` component, you'll need to provide an API Key in `OnchainKitProvider`. You can get one following our [Getting Started](/onchainkit/getting-started#get-your-public-api-key) steps.
-</Note>
-
-### Starting a new project
-
-If you're starting a new project, we recommend using `create onchain` to scaffold your project.
-
-```bash
-npm create onchain@latest
-```
-
-### Adding to an existing project
-
-If you're adding `NFTMintCard` to an existing project, simply install OnchainKit.
-
-<CodeGroup>
-```bash npm
-npm install @coinbase/onchainkit
-```
-
-```bash yarn
-yarn add @coinbase/onchainkit
-```
-
-```bash pnpm
-pnpm add @coinbase/onchainkit
-```
-
-```bash bun
-bun add @coinbase/onchainkit
-```
-
-</CodeGroup>
-
-Wrap the `<OnchainKitProvider />` around your app, following the steps in [Getting Started](/onchainkit/getting-started#add-providers).
-
-## Quickstart
-
-The `NFTMintCardDefault` component is a simplified version of the `NFTMintCard` component, designed to streamline the integration process for developers. Instead of manually defining each subcomponent, developers can use this shorthand version which renders our suggested implementation of the component and includes `NFTCreator`, `NFTMedia`, `NFTCollectionTitle`, `NFTQuantitySelector`, `NFTAssetCost` and `NFTMintButton`.
-
-```tsx
-import { NFTMintCardDefault } from '@coinbase/onchainkit/nft'; // [!code focus]
-
-<NFTMintCardDefault  // [!code focus]
-  contractAddress='0xb4703a3a73aec16e764cbd210b0fde9efdab8941'  // [!code focus]
-/>  // [!code focus]
-```
-
-If you'd like more customization you can follow the steps below to customize which subcomponents are rendered.
-
-<Steps>
-  <Step title="Add the NFTMintCard">
-  ```tsx
-  import { NFTMintCard } from '@coinbase/onchainkit/nft'; // [!code focus]
-
-  <NFTMintCard  // [!code focus]
-    contractAddress='0xb4703a3a73aec16e764cbd210b0fde9efdab8941'  // [!code focus]
-  >
-  </NFTMintCard>
-  ```
-  </Step>
-  <Step title="Add the NFTMintCard components">
-
-```tsx
-import { NFTMintCard } from '@coinbase/onchainkit/nft';
-import { NFTMedia } from '@coinbase/onchainkit/nft/view'; // [!code ++]
-import {
-  NFTCreator, // [!code ++]
-  NFTCollectionTitle, // [!code ++]
-  NFTQuantitySelector, // [!code ++]
-  NFTAssetCost, // [!code ++]
-  NFTMintButton, // [!code ++]
-} from '@coinbase/onchainkit/nft/mint'; // [!code ++]
-
-<NFTMintCard
-  contractAddress='0xed2f34043387783b2727ff2799a46ce3ae1a34d2'
-  tokenId='2'
->
-  <NFTCreator />
-  <NFTMedia />
-  <NFTCollectionTitle />
-  <NFTQuantitySelector />
-  <NFTAssetCost />
-  <NFTMintButton />
-</NFTMintCard>
-```
-
-  <iframe
-    src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-nft-mintcard--card-main&viewMode=story&dark=true&hero=true"
-    width="100%"
-    height="760px"
-  />
-  {/* <MintCardMain /> */}
-  </Step>
-</Steps>
-
-That's it! You've now created an NFT mint card.
-
-## Not sure what to mint?
-
-You can create your own NFT to mint at [Coinbase Wallets create a Mint flow](https://wallet.coinbase.com/home/create). Just follow the instructions to create your NFT and then copy the contract address out of the url into an NFTMintCard.
-
-## Customization
-
-### Add the NFTMintCard components in any order
-
-If you prefer to have the collection title above the media, you can easily change the order of the subcomponents and they will render in the new order.
-
-```tsx
-import { NFTMintCard } from '@coinbase/onchainkit/nft';
-import { NFTMedia } from '@coinbase/onchainkit/nft/view';
-import { NFTCollectionTitle } from '@coinbase/onchainkit/nft/mint';
-// ---cut-before---
-<NFTMintCard
-  contractAddress='0xb4703a3a73aec16e764cbd210b0fde9efdab8941'
->
-  <NFTCollectionTitle />
-  <NFTMedia />
-  <NFTCollectionTitle />
-</NFTMintCard>
-// ---cut-after---
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-nft-mintcard--card-title-above&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="580px"
-/>
-{/* <MintCardTitleAbove /> */}
-
-### Customize the `<NFTMedia />` aspect ratio
-
-By default, we display all media scaled to fit the card. If you would prefer to show the media at its original aspect ratio you can set `square={false}` on the `<NFTMedia />` component.
-
-```tsx
-import { NFTMintCard } from '@coinbase/onchainkit/nft';
-import {
-  NFTMedia,
-} from '@coinbase/onchainkit/nft/view';
-// ---cut-before---
-<NFTMintCard
-  contractAddress='0x877f0f3fef81c28a8c40fe060b17d254003377ad'
->
-  <NFTMedia square={false} />
-</NFTMintCard>
-// ---cut-after---
-```
-
-<Tabs>
-  <Tab title="Scaled to fit (default) ">
-    <iframe
-      src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-nft-mintcard--card-scaled&viewMode=story&dark=true&hero=true"
-      width="100%"
-      height="580px"
-    />
-  </Tab>
-  <Tab title="Original Aspect Ratio">
-    <iframe
-      src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-nft-mintcard--card-not-scaled&viewMode=story&dark=true&hero=true"
-      width="100%"
-      height="580px"
-    />
-  </Tab>
-</Tabs>
-{/* | Scaled to fit (default)         | Original Aspect Ratio            |
-| ------------------------------- | -------------------------------- |
-| <MintCardScaled square={true}/> | <MintCardScaled square={false}/> | */}
-
-### Override styles
-
-We recommend style customization by setting a custom [OnchainKit theme](/onchainkit/guides/themes#custom-theme). You can also override individual component styles using `className`.
-
-```tsx
-import { NFTMintCard } from '@coinbase/onchainkit/nft';
-import {
-  NFTMedia,
-} from '@coinbase/onchainkit/nft/view';
-import { NFTCollectionTitle } from '@coinbase/onchainkit/nft/mint';
-export default function NFTComponent() {
-  return (
-// ---cut-before---
-<NFTMintCard
-  contractAddress='0xb4703a3a73aec16e764cbd210b0fde9efdab8941'
->
-  <NFTMedia/>
-  <NFTCollectionTitle className='text-[#EA580C]'/>
-</NFTMintCard>
-// ---cut-after---
-);
-}
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-nft-mintcard--card-override-styles&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="580px"
-/>
-{/* <MintCardOverrideStyles/> */}
-
-## Compatibility
-
-The mint component uses a custom buildMintTransaction implementation which supports Coinbase mints as well as [`these supported platforms on reservoir`](https://docs.reservoir.tools/docs/minting#platform-support). If your contract is not supported, please follow the [`bring your own data instructions`](#bring-your-own-data) below.
-
-## Advanced Usage
-
-### Bring your own data
-
-The default `NFTMintCard` implementation uses Coinbase Developer Platform to provide the data and requires an API key. You can use the `useNFTData` prop to pass in a hook which fetches the NFT data from a source of your choice. As long as this hook returns an object with the same shape as the [`NFTData`](/onchainkit/mint/types#nftdata) type, the NFTMintCard will render.
-
-You can also use a custom `buildMintTransaction` function to create your own Mint transaction.
-
-```tsx
-import { NFTMintCard } from '@coinbase/onchainkit/nft';
-import { NFTMedia } from '@coinbase/onchainkit/nft/view';
-import { NFTCollectionTitle, NFTMintButton } from '@coinbase/onchainkit/nft/mint';
-// ---cut-before---
-
-function useNFTData() {  // [!code focus]
-  return {  // [!code focus]
-    title: 'My NFT',  // [!code focus]
-    imageUrl: 'https://example.com/image.png',  // [!code focus]
-  }  // [!code focus]
-}  // [!code focus]
-
-async function buildMintTransaction() {  // [!code focus]
-  const response = await fetch('https://api.minttransaction.com');  // [!code focus]
-  return await response.json();  // [!code focus]
-}  // [!code focus]
-
-export default function NFTComponent() {
-  return (
-    <NFTMintCard
-      contractAddress='0xb4703a3a73aec16e764cbd210b0fde9efdab8941'
-      useNFTData={useNFTData}  // [!code focus]
-      buildMintTransaction={buildMintTransaction}  // [!code focus]
-    >
-      <NFTMedia/>
-      <NFTCollectionTitle />
-      <NFTMintButton disabled={true}/>
-    </NFTMintCard>
-  );
-}
-```
-
-### Listening to the component lifecycle
-
-You can use our NFT [`LifecycleStatus`](/onchainkit/mint/types#lifecyclestatus) and the `onStatus` prop to listen to transaction states.
-
-NFTMintCard has 6 lifecycle states:
-
-- `init` - The component is initialized
-- `error` - The component has encountered an error
-- `mediaLoading` - The media is loading
-- `mediaLoaded` - The media has been loaded
-- `transactionPending` - The mint transaction is pending
-- `transactionLegacyExecuted` - The mint transaction has been executed
-- `success` - The mint transaction has been successful
-
-```tsx
-import { NFTMintCard } from '@coinbase/onchainkit/nft';
-import { NFTMedia } from '@coinbase/onchainkit/nft/view';
-// ---cut-before---
-import type { LifecycleStatus } from '@coinbase/onchainkit/nft'; // [!code focus]
-
-const statusHandler = (status: LifecycleStatus) => { // [!code focus]
-  const { statusName, statusData } = status; // [!code focus]
-  switch (statusName) { // [!code focus]
-    case 'success': // [!code focus]
-      // handle success
-    case 'error': // [!code focus]
-      // handle error
-    default: // [!code focus]
-      // handle 'init' state
-  } // [!code focus]
-} // [!code focus]
-
-<NFTMintCard  // [!code focus]
-  onStatus={statusHandler}  // [!code focus]
-  contractAddress='0xb4703a3a73aec16e764cbd210b0fde9efdab8941'
->
-  <NFTMedia />
-</NFTMintCard>
-// ---cut-after---
-```
-
-## Example use cases
-
-- **Create a gallery of your mintable NFTs:** Create a gallery of NFTs you created for users to mint
-- **Minted in game avatar:** Allow your users to mint and then view a minted avatar
-
-## Components
-
-The `NFTMintCard` component can be customized with the following components:
-
-- `<NFTCreator />` - The creator of the NFT.
-- `<NFTMedia square={boolean}/>` - The media for the NFT, this includes support for images, videos and audio NFTs.
-- `<NFTCollectionTitle />` - The title of the NFT collection.
-- `<NFTQuantitySelector />` - The quantity selector for the NFT.
-- `<NFTAssetCost />` - The cost of the NFT in native currency and USD.
-- `<NFTMintButton />` - The mint button for the NFT.
-
-## Props
-
-[`NFTMintCardProps`](#nftmintcardprops)
-
-```ts
-type NFTMintCardProps = {
-  children?: ReactNode;
-  /** Optional className override for top div element. */
-  className?: string;
-  /** Contract address of the NFT */
-  contractAddress: Hex;
-  /** Token ID of the NFT only required for ERC1155 */
-  tokenId?: string;
-  /** Optional boolean to determine if the mint is sponsored by paymaster */
-  isSponsored?: boolean;
-  /** Optional hook to override the default useNFTData hook */
-  useNFTData?: UseNFTData;
-  /** Optional function to override the default function that builds the mint transaction */
-  buildMintTransaction?: BuildMintTransaction;
-  /** An optional callback function that handles errors within the provider. */
-  onError?: (error: NFTError) => void;
-  /** An optional callback function that exposes the component lifecycle state */
-  onStatus?: (lifecycleStatus: LifecycleStatus) => void;
-  /** mint will pass transactionReceipt */
-  onSuccess?: (transactionReceipt?: TransactionReceipt) => void;
-};
-```
diff --git a/docs/onchainkit/latest/components/signature/signature.mdx b/docs/onchainkit/latest/components/signature/signature.mdx
deleted file mode 100644
index ca1641bb3..000000000
--- a/docs/onchainkit/latest/components/signature/signature.mdx
+++ /dev/null
@@ -1,419 +0,0 @@
----
-title: "Signature"
----
-
-The `<Signature />` components provide a wrapper around the useSignTypedData and useSignMessage wagmi hooks.
-These hooks handle EIP712 signatures and personal_sign messages, falling back to eth_sign.
-
-
-## Quick start
-
-You can use the `Signature` component with the default implementation without passing any subcomponents or pass any subcomponents to fully customize the UI.
-
-### Default implementation for EIP712 signatures
-
-<CodeGroup>
-```tsx Signature.tsx
-import { Signature } from '@coinbase/onchainkit/signature';
-import { domain, types, message } from './data';
-// ---cut-start---
-import { encodeAbiParameters } from 'viem';
-import { base } from 'viem/chains';
-
-export const domain = {
-  name: 'EAS Attestation',
-  version: '1.0.0',
-  chainId: base.id,
-  verifyingContract: '0x4200000000000000000000000000000000000021',
-};
-
-export const types = {
-  Attest: [
-    { name: 'schema', type: 'bytes32' },
-    { name: 'recipient', type: 'address' },
-    { name: 'time', type: 'uint64' },
-    { name: 'revocable', type: 'bool' },
-    { name: 'refUID', type: 'bytes32' },
-    { name: 'data', type: 'bytes' },
-    { name: 'value', type: 'uint256' },
-  ],
-};
-
-export const message = {
-  schema: '0xf58b8b212ef75ee8cd7e8d803c37c03e0519890502d5e99ee2412aae1456cafe',
-  recipient: '0x1230000000000000000000000000000000000000000',
-  time: BigInt(0),
-  revocable: false,
-  refUID: '0x0000000000000000000000000000000000000000000000000000000000000000',
-  data: encodeAbiParameters([{ type: 'string' }], ['test attestation']),
-  value: BigInt(0),
-};
-// ---cut-end---
-<Signature
-  domain={domain}
-  types={types}
-  primaryType="Attest"
-  message={message}
-  label="Sign EIP712"
-  onSuccess={(signature: string) => console.log(signature)}
-/>
-```
-
-```tsx data
-import { encodeAbiParameters } from 'viem';
-import { base } from 'viem/chains';
-
-export const domain = {
-  name: 'EAS Attestation',
-  version: '1.0.0',
-  chainId: base.id,
-  verifyingContract: '0x4200000000000000000000000000000000000021',
-};
-
-export const types = {
-  Attest: [
-    { name: 'schema', type: 'bytes32' },
-    { name: 'recipient', type: 'address' },
-    { name: 'time', type: 'uint64' },
-    { name: 'revocable', type: 'bool' },
-    { name: 'refUID', type: 'bytes32' },
-    { name: 'data', type: 'bytes' },
-    { name: 'value', type: 'uint256' },
-  ],
-};
-
-export const message = {
-  schema: '0xf58b8b212ef75ee8cd7e8d803c37c03e0519890502d5e99ee2412aae1456cafe',
-  recipient: '0x1230000000000000000000000000000000000000000',
-  time: BigInt(0),
-  revocable: false,
-  refUID: '0x0000000000000000000000000000000000000000000000000000000000000000',
-  data: encodeAbiParameters([{ type: 'string' }], ['test attestation']),
-  value: BigInt(0),
-};
-```
-</CodeGroup>
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-signature--second-signature&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <EIP712Signature /> */}
-
-
-### Default implementation for personal_sign messages
-
-```tsx Signature.tsx
-import { Signature } from '@coinbase/onchainkit/signature';
-
-<Signature
-  message="Hello, OnchainKit!"
-  label="Personal_Sign me"
-  onSuccess={(signature: string) => console.log(signature)}
-/>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-signature--personal-sign&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <PersonalSignSignature /> */}
-
-## Components
-
-The Signature components provide a complete signature flow:
-
-### Core Component
-
-- `<Signature />` - Main container that manages the signature lifecycle
-
-### `<Signature />` subcomponents
-
-- `<SignatureButton />` - Handles signature initiation with customizable labels
-- `<SignatureStatus />` - Displays current signature status and actions
-- `<SignatureToast />` - Shows toast notifications for signature events
-
-### `<SignatureStatus />` and `<SignatureToast />` subcomponents
-
-- `<SignatureLabel />` - Displays status text ("Success", "Confirm in wallet", etc.)
-- `<SignatureIcon />` - Shows status icons (pending, success, error)
-
-## Component API
-
-### Signature
-
-Main wrapper component that manages the signature flow.
-
-```tsx
-<Signature
-  // Required for EIP-712 typed data
-  domain={domain}
-  types={types}
-  message={message}
-  primaryType="Test"
-
-  // OR for personal_sign
-  message="Hello World"
-
-  // Optional props
-  label="Sign"
-  onSuccess={(signature: string) => {}}
-  onError={(error: APIError) => {}}
-  onStatus={(status: LifecycleStatus) => {}}
-  resetAfter={5000} // ms to reset after success
-  className="custom-class"
-  disabled={false}
-/>
-```
-
-### SignatureButton
-
-Button component that triggers the signature request.
-
-```tsx
-<SignatureButton
-  label="Sign Message" // Default: "Sign"
-  connectLabel="Connect Wallet" // Default: "Connect Wallet"
-  errorLabel="Try Again" // Default: "Try again"
-  successLabel="Signed!" // Default: "Signed"
-  pendingLabel="Signing..." // Default: "Signing..."
-  disabled={false}
-  className="custom-class"
-/>
-```
-
-### SignatureStatus
-
-Container for signature status information.
-
-```tsx
-<SignatureStatus className="custom-class">
-  <SignatureLabel />
-  {/* Custom status content */}
-</SignatureStatus>
-```
-
-### SignatureToast
-
-Toast notification for signature events.
-
-```tsx
-<SignatureToast
-  durationMs={5000} // Default: 5000
-  position="bottom-center" // Default: "bottom-center"
-  className="custom-class"
->
-  <SignatureIcon />
-  <SignatureLabel />
-  {/* Custom toast content */}
-</SignatureToast>
-```
-
-## Lifecycle States
-
-The signature flow has the following states:
-
-- `init` - Initial state
-- `pending` - Waiting for wallet signature
-- `success` - Signature completed successfully
-- `error` - Error occurred during signing
-- `reset` - Component reset to initial state
-
-Access the current state through the `onStatus` callback:
-
-```tsx
-<Signature
-  onStatus={(status: LifecycleStatus) => {
-    switch (status.statusName) {
-      case 'success':
-        console.log('Signature:', status.statusData.signature);
-        break;
-      case 'error':
-        console.log('Error:', status.statusData.message);
-        break;
-    }
-  }}
-/>
-```
-
-## Error Handling
-
-Errors are handled automatically and displayed in the UI. Common errors include:
-
-- User rejected request
-- Invalid message format
-- Wallet connection issues
-
-Custom error handling:
-
-```tsx
-<Signature
-  onError={(error: APIError) => {
-    console.error('Error code:', error.code);
-    console.error('Error message:', error.message);
-  }}
-/>
-```
-
-## Message Types
-
-The `<Signature />` component supports two types of messages:
-
-### EIP-712 Typed Data
-
-```tsx
-<Signature
-  domain={{
-    name: 'Example App',
-    version: '1.0.0',
-    chainId: 1,
-    verifyingContract: '0x...'
-  }}
-  types={{
-    Person: [
-      { name: 'name', type: 'string' },
-      { name: 'wallet', type: 'address' }
-    ]
-  }}
-  message={{
-    name: 'Bob',
-    wallet: '0x...'
-  }}
-  primaryType="Person"
-/>
-```
-
-### Personal Sign (personal_sign)
-
-```tsx
-<Signature
-  message="Welcome to Example App! Click to sign in."
-/>
-```
-
-## Props
-
-[`SignatureProps`](#signatureprops)
-
-```ts
-type SignatureProps = {
-  /** Chain ID for the signature */
-  chainId?: number;
-  /** Optional className override for top div element */
-  className?: string;
-  /** Callback when signature is successful */
-  onSuccess?: (signature: string) => void;
-  /** Callback for lifecycle status changes */
-  onStatus?: (status: LifecycleStatus) => void;
-  /** Callback for errors */
-  onError?: (error: APIError) => void;
-  /** Time in milliseconds to reset component state after completion */
-  resetAfter?: number;
-} & (
-  // EIP712 typed data signature
-  | {
-      message: SignTypedDataParameters['message'];
-      domain?: SignTypedDataParameters['domain'];
-      types: SignTypedDataParameters['types'];
-      primaryType: SignTypedDataParameters['primaryType'];
-    }
-  // Simple message signature
-  | {
-      message: SignMessageParameters['message'];
-      domain?: never;
-      types?: never;
-      primaryType?: never;
-    }
-) & (
-  // With custom children components
-  | {
-      children: React.ReactNode;
-      label?: never;
-      disabled?: never;
-    }
-  // Default implementation with label
-  | {
-      children?: never;
-      label?: React.ReactNode;
-      disabled?: boolean;
-    }
-);
-```
-
-[`LifecycleStatus`](#lifecyclestatus)
-
-```ts
-type LifecycleStatus =
-  | {
-      statusName: 'init';
-      statusData: null;
-    }
-  | {
-      statusName: 'error';
-      statusData: APIError;
-    }
-  | {
-      statusName: 'pending';
-      statusData: {
-        type: MessageType;
-      };
-    }
-  | {
-      statusName: 'success';
-      statusData: {
-        signature: `0x${string}`;
-        type: MessageType;
-      };
-    };
-```
-
-## SignatureButton Component
-
-The `<SignatureButton />` component provides a customizable button for triggering signature operations. It automatically handles different states and provides a render prop for complete customization:
-
-```tsx
-import { SignatureButton } from '@coinbase/onchainkit/signature';
-
-// Custom button using render prop
-<SignatureButton
-  render={({ label, onClick, context }) => (
-    <button 
-      onClick={onClick}
-      className="my-custom-signature-button"
-    >
-      {label}
-    </button>
-  )}
-/>
-```
-
-### SignatureButtonProps
-
-```ts
-type SignatureButtonProps = {
-  className?: string; // CSS class to apply to the button
-  disabled?: boolean; // Whether the button is disabled
-  label?: ReactNode; // Text displayed on the button in pending state
-  errorLabel?: ReactNode; // Text displayed when signature fails
-  successLabel?: ReactNode; // Text displayed after successful signature
-  pendingLabel?: ReactNode; // Text displayed while waiting for signature
-  disconnectedLabel?: ReactNode; // Text displayed when wallet is disconnected
-  render?: ({
-    label,
-    onClick,
-    context,
-  }: {
-    label: ReactNode;
-    onClick: () => void;
-    context: SignatureContextType;
-  }) => ReactNode; // Custom render function for complete control of button rendering
-};
-```
-
-## Related Components
-
-- [`<Wallet />`](/onchainkit/wallet/wallet) - Handles the wallet connection
-- [`<Transaction />`](/onchainkit/transaction/transaction) - Handles transaction signing
-
diff --git a/docs/onchainkit/latest/components/swap/swap-settings.mdx b/docs/onchainkit/latest/components/swap/swap-settings.mdx
deleted file mode 100644
index 1fe41bff1..000000000
--- a/docs/onchainkit/latest/components/swap/swap-settings.mdx
+++ /dev/null
@@ -1,210 +0,0 @@
----
-title: SwapSettings
-sidebarTitle: SwapSettings
-description: Customizable components for token Swap settings and slippage configuration
----
-
-The `SwapSettings` component enables customizable slippage configuration in the `Swap` component.
-
-## Usage
-
-```tsx
-// omitted for brevity
-import {
-  Swap,
-  SwapSettings,
-  SwapSettingsSlippageDescription,
-  SwapSettingsSlippageInput,
-  SwapSettingsSlippageTitle,
-} from '@coinbase/onchainkit/swap';
-
-<Swap>
-  <SwapSettings>
-    <SwapSettingsSlippageTitle>
-      Max. slippage
-    </SwapSettingsSlippageTitle>
-    <SwapSettingsSlippageDescription>
-      Your swap will revert if the prices change by more than the selected
-      percentage.
-    </SwapSettingsSlippageDescription>
-    <SwapSettingsSlippageInput />
-  </SwapSettings>
-</Swap>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-swap-settings--default&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="520px"
-/>
-
-### Override styles
-
-You can override component styles using `className`.
-
-```tsx
-import {
-  Swap,
-  SwapSettings,
-  SwapSettingsSlippageDescription,
-  SwapSettingsSlippageInput,
-  SwapSettingsSlippageTitle,
-} from '@coinbase/onchainkit/swap';
-// ---cut-before---
-// omitted for brevity
-<Swap>
-  <SwapSettings>
-    <SwapSettingsSlippageTitle className="text-[#EA580C]">
-      Max. slippage
-    </SwapSettingsSlippageTitle>
-    <SwapSettingsSlippageDescription className="text-[#EA580C]">
-      Your swap will revert if the prices change by more than the selected
-      percentage.
-    </SwapSettingsSlippageDescription>
-    <SwapSettingsSlippageInput/>
-  </SwapSettings>
-</Swap>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-swap-settings--styled-title-and-description&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="520px"
-/>
-
-### Override icon
-
-You can override the icon using the icon prop.
-
-```tsx
-// suppress twoslash error
-declare const baseIcon: any;
-
-import {
-  Swap,
-  SwapSettings,
-  SwapSettingsSlippageDescription,
-  SwapSettingsSlippageInput,
-  SwapSettingsSlippageTitle,
-} from '@coinbase/onchainkit/swap';
-// ---cut-before---
-// omitted for brevity
-<SwapSettings icon={baseIcon}>
-// ---cut-after---
-</SwapSettings>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-swap-settings--with-icon&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="520px"
-/>
-
-### Add text
-
-You can add text next to the `SwapSettings` component using text.
-
-```tsx
-import {
-  Swap,
-  SwapSettings,
-  SwapSettingsSlippageDescription,
-  SwapSettingsSlippageInput,
-  SwapSettingsSlippageTitle,
-} from '@coinbase/onchainkit/swap';
-// ---cut-before---
-// omitted for brevity
-<SwapSettings text="Settings">
-// ---cut-after---
-</SwapSettings>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-swap-settings--with-text-prop&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="520px"
-/>
-
-### Override text
-
-You can override component text by providing children text.
-
-```tsx
-import {
-  Swap,
-  SwapSettings,
-  SwapSettingsSlippageDescription,
-  SwapSettingsSlippageInput,
-  SwapSettingsSlippageTitle,
-} from '@coinbase/onchainkit/swap';
-<Swap>
-// ---cut-before---
-// omitted for brevity
-
-<SwapSettingsSlippageTitle>
-  Slippage Settings
-</SwapSettingsSlippageTitle>
-<SwapSettingsSlippageDescription>
-  Set a max slippage you are willing to accept.
-</SwapSettingsSlippageDescription>
-// ---cut-after---
-</Swap>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-swap-settings--custom-title-and-description&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="520px"
-/>
-
-## Components
-
-- `<SwapSettings />` - Container component for swap slippage settings.
-- `<SwapSettingsSlippageDescription />` - Displays description text explaining the slippage setting.
-- `<SwapSettingsSlippageInput />` - Input field for users to enter their desired max slippage percentage
-- `<SwapSettingsSlippageTitle />` - Displays the title for the slippage settings section
-
-## Props
-
-### SwapSettingsProps
-
-```ts
-type SwapSettingsProps = {
-  children?: ReactNode;
-  className?: string; // Optional className override for top div element
-  icon?: ReactNode; // Optional icon override
-  text?: string; // Optional text override
-};
-```
-
-### SwapSettingsSlippageDescriptionProps
-
-```ts
-type SwapSettingsSlippageDescriptionProps = {
-  children: ReactNode;
-  className?: string; // Optional className override for top div element
-};
-```
-
-### SwapSettingsSlippageInputProps
-
-```ts
-type SwapSettingsSlippageInputProps = {
-  className?: string; // Optional className override for top div element
-  render?: (props: {
-    slippageSetting: SlippageSettingsType;
-    setSlippageSetting: (slippageSetting: SlippageSettingsType) => void;
-    setSlippageValue: (number: number) => void;
-  }) => ReactNode; // Custom render function for complete control of slippage input rendering
-};
-```
-
-### SwapSettingsSlippageTitleProps
-
-```ts
-type SwapSettingsSlippageTitleProps = {
-  children: ReactNode;
-  className?: string; // Optional className override for top div element
-};
-```
-
diff --git a/docs/onchainkit/latest/components/swap/swap.mdx b/docs/onchainkit/latest/components/swap/swap.mdx
deleted file mode 100644
index d98f37cd6..000000000
--- a/docs/onchainkit/latest/components/swap/swap.mdx
+++ /dev/null
@@ -1,623 +0,0 @@
----
-title: Swap
-sidebarTitle: Swap
-description: Swap components & utilities
----
-
-import { Danger } from "/snippets/danger.mdx";
-
-The `Swap` components provide a comprehensive interface for users to execute [Token](/onchainkit/token/types#token) swaps.
-
-## Quick start
-
-The `Swap` component can be used in two ways: as a complete pre-built component or as a customizable container. When you provide `to` and `from` props, it renders a complete swap interface including `SwapAmountInput`, `SwapSettings`, `SwapToggleButton`, `SwapButton`, and `SwapToast`.
-
-For more customization, use the `children` approach shown in the next example.
-
-```tsx
-import { Swap } from '@coinbase/onchainkit/swap'; // [!code focus]
-import type { Token } from '@coinbase/onchainkit/token';
-
-const eth: Token = {
-  name: 'ETH',
-  address: '',
-  symbol: 'ETH',
-  decimals: 18,
-  image:
-    'https://wallet-api-production.s3.amazonaws.com/uploads/tokens/eth_288.png',
-  chainId: 8453,
-};
-
-const usdc: Token = {
-  name: 'USDC',
-  address: '0x833589fcd6edb6e08f4c7c32d4f71b54bda02913',
-  symbol: 'USDC',
-  decimals: 6,
-  image:
-    'https://d3r81g40ycuhqg.cloudfront.net/wallet/wais/44/2b/442b80bd16af0c0d9b22e03a16753823fe826e5bfd457292b55fa0ba8c1ba213-ZWUzYjJmZGUtMDYxNy00NDcyLTg0NjQtMWI4OGEwYjBiODE2',
-  chainId: 8453,
-};
-
-<Swap // [!code focus]
-  from={[eth]} // [!code focus]
-  to={[usdc]} // [!code focus]
-/> // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-swap-swap--default&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="520px"
-/>
-
-## Usage
-
-Example using `@coinbase/onchainkit/swap` and `@coinbase/onchainkit/wallet`.
-
-```tsx
-import { Avatar, Name } from '@coinbase/onchainkit/identity';
-import { // [!code focus]
-  Swap, // [!code focus]
-  SwapAmountInput, // [!code focus]
-  SwapToggleButton, // [!code focus]
-  SwapButton, // [!code focus]
-  SwapMessage, // [!code focus]
-  SwapToast, // [!code focus]
-} from '@coinbase/onchainkit/swap'; // [!code focus]
-import { Wallet, ConnectWallet } from '@coinbase/onchainkit/wallet';
-import { useAccount } from 'wagmi';
-import type { Token } from '@coinbase/onchainkit/token';
-
-export default function SwapComponents() {
-  const { address } = useAccount();
-
-  const ETHToken: Token = {
-    address: "",
-    chainId: 8453,
-    decimals: 18,
-    name: "Ethereum",
-    symbol: "ETH",
-    image: "https://dynamic-assets.coinbase.com/dbb4b4983bde81309ddab83eb598358eb44375b930b94687ebe38bc22e52c3b2125258ffb8477a5ef22e33d6bd72e32a506c391caa13af64c00e46613c3e5806/asset_icons/4113b082d21cc5fab17fc8f2d19fb996165bcce635e6900f7fc2d57c4ef33ae9.png",
-  };
-
-  const USDCToken: Token = {
-    address: "0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913",
-    chainId: 8453,
-    decimals: 6,
-    name: "USDC",
-    symbol: "USDC",
-    image: "https://dynamic-assets.coinbase.com/3c15df5e2ac7d4abbe9499ed9335041f00c620f28e8de2f93474a9f432058742cdf4674bd43f309e69778a26969372310135be97eb183d91c492154176d455b8/asset_icons/9d67b728b6c8f457717154b3a35f9ddc702eae7e76c4684ee39302c4d7fd0bb8.png",
-  };
-
-  // add other tokens here to display them as options in the swap
-  const swappableTokens: Token[] = [ETHToken, USDCToken];
-
-
-  return address ? (
-    <Swap> // [!code focus]
-      <SwapAmountInput // [!code focus]
-        label="Sell" // [!code focus]
-        swappableTokens={swappableTokens} // [!code focus]
-        token={ETHToken} // [!code focus]
-        type="from" // [!code focus]
-      /> // [!code focus]
-      <SwapToggleButton /> // [!code focus]
-      <SwapAmountInput // [!code focus]
-        label="Buy" // [!code focus]
-        swappableTokens={swappableTokens} // [!code focus]
-        token={USDCToken} // [!code focus]
-        type="to" // [!code focus]
-      /> // [!code focus]
-      <SwapButton /> // [!code focus]
-      <SwapMessage /> // [!code focus]
-      <SwapToast /> // [!code focus]
-    </Swap> // [!code focus]
-  ) : (
-    <Wallet>
-      <ConnectWallet>
-        <Avatar className="h-6 w-6" />
-        <Name />
-      </ConnectWallet>
-    </Wallet>
-  );
-}
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-swap-swap--full-swap&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="520px"
-/>
-
-<Danger>
-**Note: This interface is for demonstration purposes only.**
-
-The swap will execute and work out of the box when you implement the component in your own app.
-</Danger>
-
-
-### Supported Swap Routers
-
-The `Swap` component supports two swap routers:
-
-- [Uniswap V3](https://app.uniswap.org/) (default)
-- [0x Aggregator](https://0x.org/)
-
-To use the 0x Aggregator, set the `experimental.useAggregator` prop to `true`.
-
-### Sponsor gas with Paymaster
-
-To sponsor swap transactions for your users, toggle the Paymaster using the `isSponsored` prop.
-
-By default, this will use the [Coinbase Developer Platform](https://portal.cdp.coinbase.com/products/bundler-and-paymaster) Paymaster.
-
-You can configure sponsorship settings on the [Paymaster](https://portal.cdp.coinbase.com/products/bundler-and-paymaster) page.
-For security reasons, we recommend setting up a contract allowlist in the Portal. Without a contract allowlist defined, your Paymaster will only be able to sponsor up to $1.
-
-The contract used in our Swap API is Uniswap's [Universal Router](https://basescan.org/address/0x3fC91A3afd70395Cd496C647d5a6CC9D4B2b7FAD), which is deployed on Base at `0x3fC91A3afd70395Cd496C647d5a6CC9D4B2b7FAD`.
-
-Note that gas sponsorship will only work for Smart Wallets.
-
-```tsx
-import { Avatar, Name } from '@coinbase/onchainkit/identity';
-import {
-  Swap,
-  SwapAmountInput,
-  SwapToggleButton,
-  SwapButton,
-  SwapMessage,
-} from '@coinbase/onchainkit/swap';
-import { Wallet, ConnectWallet } from '@coinbase/onchainkit/wallet';
-import { useAccount } from 'wagmi';
-import type { Token } from '@coinbase/onchainkit/token';
-
-export default function SwapComponents() {
-  const { address } = useAccount();
-
-  const ETHToken: Token = {
-    address: "",
-    chainId: 8453,
-    decimals: 18,
-    name: "Ethereum",
-    symbol: "ETH",
-    image: "https://dynamic-assets.coinbase.com/dbb4b4983bde81309ddab83eb598358eb44375b930b94687ebe38bc22e52c3b2125258ffb8477a5ef22e33d6bd72e32a506c391caa13af64c00e46613c3e5806/asset_icons/4113b082d21cc5fab17fc8f2d19fb996165bcce635e6900f7fc2d57c4ef33ae9.png",
-  };
-
-  const USDCToken: Token = {
-    address: "0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913",
-    chainId: 8453,
-    decimals: 6,
-    name: "USDC",
-    symbol: "USDC",
-    image: "https://dynamic-assets.coinbase.com/3c15df5e2ac7d4abbe9499ed9335041f00c620f28e8de2f93474a9f432058742cdf4674bd43f309e69778a26969372310135be97eb183d91c492154176d455b8/asset_icons/9d67b728b6c8f457717154b3a35f9ddc702eae7e76c4684ee39302c4d7fd0bb8.png",
-  };
-
-return (
-// ---cut-before---
-// omitted for brevity
-
-// Set isSponsored to true // [!code focus]
-<Swap isSponsored > // [!code focus]
-  ...
-</Swap> // [!code focus]
-// ---cut-after---
-);
-}
-```
-
-### Custom token pair
-
-You can adjust to only allow swap between a token pair.
-
-```tsx
-import { Avatar, Name } from '@coinbase/onchainkit/identity';
-import {
-  Swap,
-  SwapAmountInput,
-  SwapToggleButton,
-  SwapButton,
-  SwapMessage,
-  SwapToast,
-} from '@coinbase/onchainkit/swap';
-import { Wallet, ConnectWallet } from '@coinbase/onchainkit/wallet';
-import { useAccount } from 'wagmi';
-import type { Token } from '@coinbase/onchainkit/token';
-
-export default function SwapComponents() {
-  const { address } = useAccount();
-
-  const ETHToken: Token = {
-    address: "",
-    chainId: 8453,
-    decimals: 18,
-    name: "Ethereum",
-    symbol: "ETH",
-    image: "https://dynamic-assets.coinbase.com/dbb4b4983bde81309ddab83eb598358eb44375b930b94687ebe38bc22e52c3b2125258ffb8477a5ef22e33d6bd72e32a506c391caa13af64c00e46613c3e5806/asset_icons/4113b082d21cc5fab17fc8f2d19fb996165bcce635e6900f7fc2d57c4ef33ae9.png",
-  };
-
-  const USDCToken: Token = {
-    address: "0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913",
-    chainId: 8453,
-    decimals: 6,
-    name: "USDC",
-    symbol: "USDC",
-    image: "https://dynamic-assets.coinbase.com/3c15df5e2ac7d4abbe9499ed9335041f00c620f28e8de2f93474a9f432058742cdf4674bd43f309e69778a26969372310135be97eb183d91c492154176d455b8/asset_icons/9d67b728b6c8f457717154b3a35f9ddc702eae7e76c4684ee39302c4d7fd0bb8.png",
-  };
-
-return (
-// ---cut-before---
-// omitted for brevity
-
-<Swap> // [!code focus]
-  <SwapAmountInput // [!code focus]
-    label="Sell" // [!code focus]
-    token={ETHToken} // [!code focus]
-    type="from" // [!code focus]
-  /> // [!code focus]
-  <SwapToggleButton /> // [!code focus]
-  <SwapAmountInput // [!code focus]
-    label="Buy" // [!code focus]
-    token={USDCToken} // [!code focus]
-    type="to" // [!code focus]
-  /> // [!code focus]
-  <SwapButton /> // [!code focus]
-  <SwapMessage /> // [!code focus]
-  <SwapToast /> // [!code focus]
-</Swap> // [!code focus]
-// ---cut-after---
-);
-}
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-swap-swap--without-swappable-prop&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="520px"
-/>
-
-### Remove toggle button
-
-You can remove `SwapToggleButton` to make swap unidirectional.
-
-```tsx
-import { Avatar, Name } from '@coinbase/onchainkit/identity';
-import {
-  Swap,
-  SwapAmountInput,
-  SwapToggleButton,
-  SwapButton,
-  SwapMessage,
-  SwapToast,
-} from '@coinbase/onchainkit/swap';
-import { Wallet, ConnectWallet } from '@coinbase/onchainkit/wallet';
-import { useAccount } from 'wagmi';
-import type { Token } from '@coinbase/onchainkit/token';
-
-export default function SwapComponents() {
-  const { address } = useAccount();
-
-  const ETHToken: Token = {
-    address: "",
-    chainId: 8453,
-    decimals: 18,
-    name: "Ethereum",
-    symbol: "ETH",
-    image: "https://dynamic-assets.coinbase.com/dbb4b4983bde81309ddab83eb598358eb44375b930b94687ebe38bc22e52c3b2125258ffb8477a5ef22e33d6bd72e32a506c391caa13af64c00e46613c3e5806/asset_icons/4113b082d21cc5fab17fc8f2d19fb996165bcce635e6900f7fc2d57c4ef33ae9.png",
-  };
-
-  const USDCToken: Token = {
-    address: "0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913",
-    chainId: 8453,
-    decimals: 6,
-    name: "USDC",
-    symbol: "USDC",
-    image: "https://dynamic-assets.coinbase.com/3c15df5e2ac7d4abbe9499ed9335041f00c620f28e8de2f93474a9f432058742cdf4674bd43f309e69778a26969372310135be97eb183d91c492154176d455b8/asset_icons/9d67b728b6c8f457717154b3a35f9ddc702eae7e76c4684ee39302c4d7fd0bb8.png",
-  };
-
-return (
-// ---cut-before---
-// omitted for brevity
-
-<Swap> // [!code focus]
-  <SwapAmountInput // [!code focus]
-    label="Sell" // [!code focus]
-    token={ETHToken} // [!code focus]
-    type="from" // [!code focus]
-  /> // [!code focus]
-  <SwapAmountInput // [!code focus]
-    label="Buy" // [!code focus]
-    token={USDCToken} // [!code focus]
-    type="to" // [!code focus]
-  /> // [!code focus]
-  <SwapButton /> // [!code focus]
-  <SwapMessage /> // [!code focus]
-  <SwapToast /> // [!code focus]
-</Swap> // [!code focus]
-// ---cut-after---
-);
-}
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-swap-swap--no-toggle&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="520px"
-/>
-
-### Remove swap message
-
-You can remove `SwapMessage` component.
-
-```tsx
-import { Avatar, Name } from '@coinbase/onchainkit/identity';
-import {
-  Swap,
-  SwapAmountInput,
-  SwapToggleButton,
-  SwapButton,
-  SwapMessage,
-  SwapToast,
-} from '@coinbase/onchainkit/swap';
-import { Wallet, ConnectWallet } from '@coinbase/onchainkit/wallet';
-import { useAccount } from 'wagmi';
-import type { Token } from '@coinbase/onchainkit/token';
-
-export default function SwapComponents() {
-  const { address } = useAccount();
-
-  const ETHToken: Token = {
-    address: "",
-    chainId: 8453,
-    decimals: 18,
-    name: "Ethereum",
-    symbol: "ETH",
-    image: "https://dynamic-assets.coinbase.com/dbb4b4983bde81309ddab83eb598358eb44375b930b94687ebe38bc22e52c3b2125258ffb8477a5ef22e33d6bd72e32a506c391caa13af64c00e46613c3e5806/asset_icons/4113b082d21cc5fab17fc8f2d19fb996165bcce635e6900f7fc2d57c4ef33ae9.png",
-  };
-
-  const USDCToken: Token = {
-    address: "0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913",
-    chainId: 8453,
-    decimals: 6,
-    name: "USDC",
-    symbol: "USDC",
-    image: "https://dynamic-assets.coinbase.com/3c15df5e2ac7d4abbe9499ed9335041f00c620f28e8de2f93474a9f432058742cdf4674bd43f309e69778a26969372310135be97eb183d91c492154176d455b8/asset_icons/9d67b728b6c8f457717154b3a35f9ddc702eae7e76c4684ee39302c4d7fd0bb8.png",
-  };
-
-return (
-// ---cut-before---
-// omitted for brevity
-
-<Swap> // [!code focus]
-  <SwapAmountInput // [!code focus]
-    label="Sell" // [!code focus]
-    token={ETHToken} // [!code focus]
-    type="from" // [!code focus]
-  /> // [!code focus]
-  <SwapToggleButton />
-  <SwapAmountInput // [!code focus]
-    label="Buy" // [!code focus]
-    token={USDCToken} // [!code focus]
-    type="to" // [!code focus]
-  /> // [!code focus]
-  <SwapButton /> // [!code focus]
-  <SwapToast /> // [!code focus]
-</Swap> // [!code focus]
-// ---cut-after---
-);
-}
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-swap-swap--no-message&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="520px"
-/>
-
-### Override styles
-
-You can override component styles using `className`.
-
-```tsx
-import { Avatar, Name } from '@coinbase/onchainkit/identity';
-import {
-  Swap,
-  SwapAmountInput,
-  SwapToggleButton,
-  SwapButton,
-  SwapMessage,
-  SwapToast,
-} from '@coinbase/onchainkit/swap';
-import { Wallet, ConnectWallet } from '@coinbase/onchainkit/wallet';
-import { useAccount } from 'wagmi';
-import type { Token } from '@coinbase/onchainkit/token';
-
-export default function SwapComponents() {
-  const { address } = useAccount();
-
-  const ETHToken: Token = {
-    address: "",
-    chainId: 8453,
-    decimals: 18,
-    name: "Ethereum",
-    symbol: "ETH",
-    image: "https://dynamic-assets.coinbase.com/dbb4b4983bde81309ddab83eb598358eb44375b930b94687ebe38bc22e52c3b2125258ffb8477a5ef22e33d6bd72e32a506c391caa13af64c00e46613c3e5806/asset_icons/4113b082d21cc5fab17fc8f2d19fb996165bcce635e6900f7fc2d57c4ef33ae9.png",
-  };
-
-  const USDCToken: Token = {
-    address: "0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913",
-    chainId: 8453,
-    decimals: 6,
-    name: "USDC",
-    symbol: "USDC",
-    image: "https://dynamic-assets.coinbase.com/3c15df5e2ac7d4abbe9499ed9335041f00c620f28e8de2f93474a9f432058742cdf4674bd43f309e69778a26969372310135be97eb183d91c492154176d455b8/asset_icons/9d67b728b6c8f457717154b3a35f9ddc702eae7e76c4684ee39302c4d7fd0bb8.png",
-  };
-
-return (
-// ---cut-before---
-// omitted for brevity
-
-<Swap>
-  <SwapAmountInput
-    label="Sell"
-    token={ETHToken}
-    type="from"
-  />
-  <SwapToggleButton className='border-[#EA580C]'/> // [!code focus]
-  <SwapAmountInput
-    label="Buy"
-    token={USDCToken}
-    type="to"
-  />
-  <SwapButton className='bg-[#EA580C]'/> // [!code focus]
-  <SwapMessage />
-  <SwapToast />
-</Swap>
-// ---cut-after---
-);
-}
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-swap-swap--styled&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="520px"
-/>
-
-## Components
-
-The components are designed to work together hierarchically. For each component, ensure the following:
-
-- `<Swap />` - Set the user's address and error handling.
-- `<SwapAmountInput />` - Set the [Token](/onchainkit/token/types#token) to swap and specify the input type (`from` or `to`).
-- `<SwapToggleButton />` - Optional component to toggle between input types.
-- `<SwapMessage />` - Optional component that displays a message related to the swap operation's current state.
-- `<SwapButton />` - Set the onSuccess and onError callbacks.
-- `<SwapToast />` - Optional component to notify user of successful swap transaction.
-
-## Props
-
-### SwapProps
-
-```ts
-type SwapProps = {
-  className?: string; // Optional className override for top div element
-  config?: {
-    maxSlippage: number; // Maximum acceptable slippage for a swap (e.g., 3 for 3%). This is a percentage, not basis points
-  };
-  experimental?: {
-    useAggregator: boolean; // Whether to use a DEX aggregator. true - 0x Aggregator, false - Uniswap V3 (default: false)
-  };
-  isSponsored?: boolean; // An optional setting to sponsor swaps with a Paymaster. (default: false)
-  onError?: (error: SwapError) => void; // An optional callback function that handles errors within the provider
-  onStatus?: (lifecycleStatus: LifecycleStatus) => void; // An optional callback function that exposes the component lifecycle state
-  onSuccess?: (transactionReceipt: TransactionReceipt) => void; // An optional callback function that exposes the transaction receipt
-} & (
-  | {
-      children: ReactNode;
-      to?: never;
-      from?: never;
-      disabled?: never;
-      title?: never;
-      headerLeftContent?: never;
-    }
-  | {
-      children?: never;
-      to?: Token[];
-      from?: Token[];
-      disabled?: boolean;
-      title?: ReactNode; // Title for the Swap component. (default: "Swap")
-      headerLeftContent?: ReactNode; // Header left content for the Swap component (eg. back button)
-    }
-);
-```
-
-
-### SwapAmountInputProps
-
-```ts
-type SwapAmountInputProps = {
-  className?: string; // Optional className override for top div element
-  delayMs?: number; // The debounce delay in milliseconds
-  label: string; // Descriptive label for the input field
-  swappableTokens?: Token[]; // Swappable tokens
-  token?: Token; // Selected token
-  type: 'to' | 'from'; // Identifies if component is for toToken or fromToken
-  render?: (props: {
-    token: SwapUnit;
-    setAmountToMax: () => void;
-    onSetToken: (token: Token) => void;
-    hasInsufficientBalance: boolean;
-  }) => ReactNode; // Custom render function for complete control of amount input rendering
-};
-```
-
-### SwapButtonProps
-
-```ts
-type SwapButtonProps = {
-  className?: string; // Optional className override for top div element
-  disabled?: boolean; // Disables swap button
-  label?: ReactNode; // Label for the swap button
-  render?: (props: {
-    onSubmit: () => void;
-    isLoading: boolean;
-    lifecycleStatus: LifecycleStatus;
-    isDisabled: boolean;
-    isSwapInvalid: boolean;
-  }) => ReactNode; // Custom render function for complete control of button rendering
-};
-```
-
-### SwapMessageProps
-
-```ts
-type SwapMessageProps = {
-  className?: string; // Optional className override for top div element
-  render?: (props: { message: string | null }) => ReactNode; // Custom render function for complete control of message rendering
-};
-```
-
-### SwapToggleButtonProps
-
-```ts
-type SwapToggleButtonProps = {
-  className?: string; // Optional className override for top div element
-  render?: (props: { onToggle: () => void }) => ReactNode; // Custom render function for complete control of toggle button rendering
-};
-```
-
-### SwapToastProps
-
-```ts
-type SwapToastProps = {
-  className?: string; // An optional CSS class name for styling the toast component
-  duration?: number; // An optional value to customize time until toast disappears
-  position?: 'top-center' | 'top-right' | 'bottom-center' | 'bottom-right'; // An optional position property to specify the toast's position on the screen
-  render?: (props: {
-    isToastVisible: boolean;
-    transactionHash: string;
-    resetToastState: () => void;
-    chainExplorer: string;
-  }) => ReactNode; // Custom render function for complete control of toast rendering
-};
-```
-
-### Supporting Types
-
-```ts
-type SwapError = {
-  code: string; // The error code representing the type of swap error
-  error: string; // The error message providing details about the swap error
-  message: string; // The error message providing details about the swap error
-};
-
-type LifecycleStatus =
-  | { statusName: 'init'; statusData: LifecycleStatusDataShared }
-  | { statusName: 'error'; statusData: SwapError & LifecycleStatusDataShared }
-  | { statusName: 'amountChange'; statusData: { amountFrom?: string; amountTo: string; tokenFrom?: Token; tokenTo?: Token } & LifecycleStatusDataShared }
-  | { statusName: 'slippageChange'; statusData: LifecycleStatusDataShared }
-  | { statusName: 'transactionPending'; statusData: LifecycleStatusDataShared }
-  | { statusName: 'transactionApproved'; statusData: { transactionHash?: Hex; transactionType: SwapTransactionType } & LifecycleStatusDataShared }
-  | { statusName: 'success'; statusData: { transactionReceipt: TransactionReceipt } & LifecycleStatusDataShared };
-```
-
diff --git a/docs/onchainkit/latest/components/token/token-chip.mdx b/docs/onchainkit/latest/components/token/token-chip.mdx
deleted file mode 100644
index d1b19e5c9..000000000
--- a/docs/onchainkit/latest/components/token/token-chip.mdx
+++ /dev/null
@@ -1,45 +0,0 @@
----
-title: TokenChip
-sidebarTitle: TokenChip
-description: Button component that displays token symbol
----
-
-The `TokenChip` component is a button that displays the token symbol.
-
-## Usage
-
-```tsx
-import { TokenChip } from '@coinbase/onchainkit/token';
-import '@coinbase/onchainkit/styles.css';
-
-const token = {
-  address: '0x1234',
-  chainId: 1,
-  decimals: 18,
-  image:
-    'https://dynamic-assets.coinbase.com/dbb4b4983bde81309ddab83eb598358eb44375b930b94687ebe38bc22e52c3b2125258ffb8477a5ef22e33d6bd72e32a506c391caa13af64c00e46613c3e5806/asset_icons/4113b082d21cc5fab17fc8f2d19fb996165bcce635e6900f7fc2d57c4ef33ae9.png',
-  name: 'Ethereum',
-  symbol: 'ETH',
-};
-
-<TokenChip token={token} />; // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-token-chip--default&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-
-## Props
-
-### TokenChipProps
-
-```ts
-type TokenChipProps = {
-  token: Token; // Rendered token
-  onClick?: (token: Token) => void;
-  className?: string;
-  isPressable?: boolean;
-};
-```
diff --git a/docs/onchainkit/latest/components/token/token-image.mdx b/docs/onchainkit/latest/components/token/token-image.mdx
deleted file mode 100644
index 513d5ea14..000000000
--- a/docs/onchainkit/latest/components/token/token-image.mdx
+++ /dev/null
@@ -1,99 +0,0 @@
----
-title: TokenImage
-sidebarTitle: TokenImage
-description: Image component that displays token images with fallback to symbol
----
-
-The `TokenImage` component is an image that crops token image to a circle with an adjustable size.
-
-With `token` props has no image, render partial token symbol and deterministic dark color.
-
-## Usage
-
-`TokenImage` with an url
-
-```tsx
-import { TokenImage } from '@coinbase/onchainkit/token';
-<div>
-// ---cut-before---
-<TokenImage
-  token={{
-    image: "https://dynamic-assets.coinbase.com/dbb4b4983bde81309ddab83eb598358eb44375b930b94687ebe38bc22e52c3b2125258ffb8477a5ef22e33d6bd72e32a506c391caa13af64c00e46613c3e5806/asset_icons/4113b082d21cc5fab17fc8f2d19fb996165bcce635e6900f7fc2d57c4ef33ae9.png",
-  }}
-  size={24}
-/>
-
-<TokenImage
-  token={{
-    image: "https://dynamic-assets.coinbase.com/dbb4b4983bde81309ddab83eb598358eb44375b930b94687ebe38bc22e52c3b2125258ffb8477a5ef22e33d6bd72e32a506c391caa13af64c00e46613c3e5806/asset_icons/4113b082d21cc5fab17fc8f2d19fb996165bcce635e6900f7fc2d57c4ef33ae9.png",
-  }}
-  size={32}
-/>
-// ---cut-after---
-</div>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-token-image--default&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-
-`TokenImage` with null as src
-
-```tsx
-import { TokenImage } from '@coinbase/onchainkit/token';
-<div>
-// ---cut-before---
-<TokenImage
-  token={{
-    name: 'USDC',
-    address: '0x833589fcd6edb6e08f4c7c32d4f71b54bda02913',
-    symbol: 'USDC',
-    decimals: 6,
-    image: null,
-    chainId: 8453,
-  }}
-  size={24}
-/>
-
-<TokenImage
-  token={{
-    name: 'USDC',
-    address: '0x833589fcd6edb6e08f4c7c32d4f71b54bda02913',
-    symbol: 'USDC',
-    decimals: 6,
-    image: null,
-    chainId: 8453,
-  }}
-  size={32}
-/>
-// ---cut-after---
-</div>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-token-image--null&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-
-## Props
-
-### TokenImageProps
-
-```ts
-type TokenImageProps = {
-  className?: string; // Optional additional CSS class to apply to the component
-  size?: number; // size of the image in px (default: 24)
-  token: Token;
-};
-```
-
-## CSS
-
-```css
-.ock-tokenimage {
-  @apply overflow-hidden rounded-[50%];
-}
-```
diff --git a/docs/onchainkit/latest/components/token/token-row.mdx b/docs/onchainkit/latest/components/token/token-row.mdx
deleted file mode 100644
index 7b76e63d3..000000000
--- a/docs/onchainkit/latest/components/token/token-row.mdx
+++ /dev/null
@@ -1,92 +0,0 @@
----
-title: TokenRow
-sidebarTitle: TokenRow
-description: Component that displays token information in a row format
----
-
-The `TokenRow` component displays token information in a row format to be used in list components.
-
-## Usage
-
-Token with an image url
-
-```tsx
-import { TokenRow } from '@coinbase/onchainkit/token';
-
-const token = { ... };
-
-<TokenRow token={token} />; // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-token-row--default&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-
-Token without an image url
-
-```tsx
-import { TokenRow } from '@coinbase/onchainkit/token';
-
-const token = { ... };
-
-<TokenRow token={token} />; // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-token-row--null&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-
-Token with an amount
-
-```tsx
-import { TokenRow } from '@coinbase/onchainkit/token';
-
-const token = { ... };
-
-<TokenRow token={token} amount="1000" />; // [!code focus]
-<TokenRow token={token} amount="0.00234567" />; // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-token-row--amount&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-
-Variations with `hideImage` and `hideSymbol`
-
-```tsx
-import { TokenRow } from '@coinbase/onchainkit/token';
-
-const token = { ... };
-
-<TokenRow token={token} hideSymbol />; // [!code focus]
-<TokenRow token={token} hideImage />; // [!code focus]
-<TokenRow token={token} hideSymbol hideImage />; // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-token-row--hide-symbol&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-
-## Props
-
-### TokenRowProps
-
-```ts
-type TokenRowProps = {
-  amount?: string; // Token amount
-  className?: string;
-  hideImage?: boolean;
-  hideSymbol?: boolean;
-  onClick?: (token: Token) => void; // Component on click handler
-  token: Token; // Rendered token
-  as?: React.ElementType;
-};
-```
diff --git a/docs/onchainkit/latest/components/token/token-search.mdx b/docs/onchainkit/latest/components/token/token-search.mdx
deleted file mode 100644
index e9569cada..000000000
--- a/docs/onchainkit/latest/components/token/token-search.mdx
+++ /dev/null
@@ -1,59 +0,0 @@
----
-title: TokenSearch
-sidebarTitle: TokenSearch
-description: Search component with debounce delay (deprecated)
----
-
-The `<TokenSearch />` is a search component with an optional debounce delay.
-
-If you want to handle debounce delay outside of this component, set `delayMs` to `0`.
-
-## Usage
-
-Use [`getTokens`](/onchainkit/api/get-tokens) and `<TokenSearch />` combined to search the [`Token`](/onchainkit/token/types#token).
-
-```tsx
-import { useCallback } from 'react';
-import { base } from 'viem/chains';
-// ---cut-before---
-import { OnchainKitProvider } from '@coinbase/onchainkit';
-import { getTokens } from '@coinbase/onchainkit/api'; // [!code focus]
-import { TokenSearch } from '@coinbase/onchainkit/token'; // [!code focus]
-import type { Token } from '@coinbase/onchainkit/token'; // [!code focus]
-
-...
-
-// example of async onChange handler
-const handleChange = useCallback((value: string) => {
-  async function getData(value) {
-    const tokens: Token[] = await getTokens({ search: value }); // [!code focus]
-    // Do something with tokens here
-  }
-  getData(value);
-}, []);
-
-...
-
-<OnchainKitProvider
-  chain={base}
-  apiKey="YOUR_API_KEY"
->
-  <TokenSearch onChange={handleChange} delayMs={200} />
-</OnchainKitProvider>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-token-search--default&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-
-## Props
-
-```ts
-type TokenSearchProps = {
-  className?: string;
-  delayMs?: number; // Debounce delay in milliseconds
-  onChange: (value: string) => void; // Search callback function
-};
-```
diff --git a/docs/onchainkit/latest/components/token/token-select-dropdown.mdx b/docs/onchainkit/latest/components/token/token-select-dropdown.mdx
deleted file mode 100644
index c1f904e66..000000000
--- a/docs/onchainkit/latest/components/token/token-select-dropdown.mdx
+++ /dev/null
@@ -1,75 +0,0 @@
----
-title: TokenSelectDropdown
-sidebarTitle: TokenSelectDropdown
-description: Dropdown component for token selection
----
-
-The `TokenSelectDropdown` component is a dropdown component that selects a token in a given list of tokens.
-
-## Usage
-
-```tsx
-import { TokenSelectDropdown, Token } from '@coinbase/onchainkit/token';
-const token = {} as Token;
-const setToken = (token: Token) => {};
-// ---cut-before---
-<TokenSelectDropdown // [!code focus]
-  token={token} // [!code focus]
-  setToken={setToken} // [!code focus]
-  options={[ // [!code focus]
-    {
-      name: 'Ethereum',
-      address: '',
-      symbol: 'ETH',
-      decimals: 18,
-      image: 'https://wallet-api-production.s3.amazonaws.com/uploads/tokens/eth_288.png',
-      chainId: 8453,
-    },
-    {
-      name: 'USDC',
-      address: '0x833589fcd6edb6e08f4c7c32d4f71b54bda02913',
-      symbol: 'USDC',
-      decimals: 6,
-      image:
-        'https://d3r81g40ycuhqg.cloudfront.net/wallet/wais/44/2b/442b80bd16af0c0d9b22e03a16753823fe826e5bfd457292b55fa0ba8c1ba213-ZWUzYjJmZGUtMDYxNy00NDcyLTg0NjQtMWI4OGEwYjBiODE2',
-      chainId: 8453,
-    },
-    {
-      name: 'Dai',
-      address: '0x50c5725949a6f0c72e6c4a641f24049a917db0cb',
-      symbol: 'DAI',
-      decimals: 18,
-      image:
-        'https://d3r81g40ycuhqg.cloudfront.net/wallet/wais/d0/d7/d0d7784975771dbbac9a22c8c0c12928cc6f658cbcf2bbbf7c909f0fa2426dec-NmU4ZWViMDItOTQyYy00Yjk5LTkzODUtNGJlZmJiMTUxOTgy',
-      chainId: 8453,
-    },
-  ]} // [!code focus]
-/> // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-token-selectordropdown--default&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-
-## Props
-
-### TokenSelectDropdownProps
-
-```ts
-type TokenSelectDropdownProps = {
-  options: Token[]; // List of tokens
-  setToken: (token: Token) => void; // Token setter
-  token?: Token; // Selected token
-};
-```
-
-## CSS
-
-```css
-.ock-scrollbar {
-  scrollbar-width: thin;
-  scrollbar-color: #d1d5db #ffffff;
-}
-```
diff --git a/docs/onchainkit/latest/components/transaction/transaction.mdx b/docs/onchainkit/latest/components/transaction/transaction.mdx
deleted file mode 100644
index eff93a341..000000000
--- a/docs/onchainkit/latest/components/transaction/transaction.mdx
+++ /dev/null
@@ -1,474 +0,0 @@
----
-title: Transaction
-sidebarTitle: Transaction
-description: Transaction components provide a high-level wrap around the entire transaction flow
----
-
-The `Transaction` components provide a high-level wrap around the entire transaction flow. It handles the transaction lifecycle, including gas estimation, fee sponsorship, and status updates.
-
-## Quick start
-
-The `Transaction` component now supports a simplified shorthand version to streamline the integration process for developers. Instead of manually defining each subcomponent and prop, you can render `Transaction` without children, and it will automatically include our suggested implementation — complete with the `TransactionButton` and `TransactionToast` components.
-
-If you'd like more customization, follow the implementation guide for our `Transaction` components below.
-
-```tsx
-import { Transaction } from "@coinbase/onchainkit/transaction"
-
-const calls = [...];
-
-<Transaction calls={calls} />
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-transaction--default&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-
-### Props
-
-```tsx
-type TransactionProps = {
-  calls?: Calls | Contracts | Array<Call | ContractFunctionParameters>; // An array of calls to be made in the transaction
-  capabilities?: WalletCapabilities; // @deprecated Use `isSponsored` instead
-  chainId?: number; // The chainId for the transaction
-  children?: ReactNode; // The child components to be rendered within the transaction component
-  className?: string; // An optional CSS class name for styling the component
-  isSponsored?: boolean; // Whether the transactions are sponsored (default: false)
-  onError?: (e: TransactionError) => void; // An optional callback function that handles transaction errors
-  onStatus?: (lifecycleStatus: LifecycleStatus) => void; // An optional callback function that exposes the component lifecycle state
-  onSuccess?: (response: TransactionResponseType) => void; // An optional callback function that exposes the transaction receipts
-  resetAfter?: number; // An optional time (in ms) after which to reset the component
-} & (
-  | {
-      children: ReactNode;
-      disabled?: never; // An optional prop to disable submit button. Only available when children are not provided
-    }
-  | {
-      children?: never;
-      disabled?: boolean; // An optional prop to disable submit button. Only available when children are not provided
-    }
-);
-```
-
-## Walkthrough
-
-<Steps>
-  <Step title="Add calls">
-  Execute one or multiple transactions using the Transaction component. You can pass transactions in either `Call` or `ContractFunctionParameters` format. The component will automatically apply batching logic if the user's wallet supports it.
-
-  #### Types
-
-  - [`ContractFunctionParameters`](https://github.com/wevm/viem/blob/ce1b8aff4d4523d3a324e500261c8c0867fd35e9/src/types/contract.ts#L188)
-  - `Call` (see Supporting Types section below)
-
-  <CodeGroup>
-  ```tsx TransactionComponents.tsx
-  import { useCallback } from 'react';
-  import { Avatar, Name } from '@coinbase/onchainkit/identity';
-  import { // [!code focus]
-    Transaction, // [!code focus]
-    TransactionButton,
-    TransactionSponsor,
-    TransactionStatus,
-    TransactionStatusAction,
-    TransactionStatusLabel,
-  } from '@coinbase/onchainkit/transaction'; // [!code focus]
-  import type { LifecycleStatus } from '@coinbase/onchainkit/transaction';
-  import { Wallet, ConnectWallet } from '@coinbase/onchainkit/wallet';
-  import { useAccount } from 'wagmi';
-  import { calls } from '@/calls'; // [!code focus]
-
-  // ---cut-start---
-
-  const BASE_SEPOLIA_CHAIN_ID = 84532;
-  // ---cut-end---
-
-  export default function TransactionComponents() {
-  const { address } = useAccount();
-
-      const handleOnStatus = useCallback((status: LifecycleStatus) => {
-        console.log('LifecycleStatus', status);
-      }, []);
-
-      return address ? (
-        <Transaction // [!code focus]
-          chainId={BASE_SEPOLIA_CHAIN_ID} // [!code focus]
-          calls={calls} // [!code focus]
-          onStatus={handleOnStatus} // [!code focus]
-        >
-          <TransactionButton />
-          <TransactionSponsor />
-          <TransactionStatus>
-            <TransactionStatusLabel />
-            <TransactionStatusAction />
-          </TransactionStatus>
-        </Transaction> // [!code focus]
-      ) : (
-        <Wallet>
-          <ConnectWallet>
-            <Avatar className='h-6 w-6' />
-            <Name />
-          </ConnectWallet>
-        </Wallet>
-      );
-
-  };
-
-  ```
-
-  ```ts calls.ts
-  const clickContractAddress = '0x67c97D1FB8184F038592b2109F854dfb09C77C75';
-  const clickContractAbi = [
-    {
-      type: 'function',
-      name: 'click',
-      inputs: [],
-      outputs: [],
-      stateMutability: 'nonpayable',
-    },
-  ] as const;
-
-  export const calls = [
-    {
-      address: clickContractAddress,
-      abi: clickContractAbi,
-      functionName: 'click',
-      args: [],
-    }
-  ];
-  ```
-  </CodeGroup>
-
-  <iframe
-    src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-transaction--types&viewMode=story&dark=true&hero=true"
-    width="100%"
-    height="auto"
-  />
-
-  </Step>
-  <Step title="Listen to LifecycleStatus">
-  Take full control of your transactions data with the `LifecycleStatus` object via the `onStatus` prop.
-  This TypeScript object provides `statusName` and `statusData` to keep you informed.
-
-  ```tsx
-  import { useCallback } from 'react';
-  import {
-    Transaction,
-    TransactionButton,
-    TransactionSponsor,
-    TransactionStatus,
-    TransactionToast,
-    TransactionToastIcon,
-    TransactionToastLabel,
-    TransactionToastAction,
-  } from '@coinbase/onchainkit/transaction';
-  import {contracts} from '@/contracts';
-  // ---cut-before---
-
-  import type { LifecycleStatus } from '@coinbase/onchainkit/transaction'; // [!code focus]
-
-  // omitted for brevity
-
-  const handleOnStatus = useCallback((status: LifecycleStatus) => {  // [!code focus]
-    console.log('Transaction status:', status); // [!code focus]
-  }, []); // [!code focus]
-
-  // omitted for brevity
-
-  // Usage in component
-  <Transaction  // [!code focus]
-    contracts={contracts}
-    onStatus={handleOnStatus} // [!code focus]
-  >
-    <TransactionButton />
-    <TransactionSponsor />
-    <TransactionToast>
-      <TransactionToastIcon />
-      <TransactionToastLabel />
-      <TransactionToastAction />
-    </TransactionToast>
-  </Transaction>
-  ```
-
-  The Lifecycle Status features seven states for the transaction experience.
-
-  ```ts
-  import type { TransactionError } from "@coinbase/onchainkit/transaction";
-  import type { Address, TransactionReceipt } from "viem";
-  // ---cut-before---
-  type LifecycleStatus =
-    | {
-        statusName: 'init';
-        statusData: null;
-      }
-    | {
-        statusName: 'error';
-        statusData: TransactionError;
-      }
-    | {
-        statusName: 'transactionIdle'; // initial status prior to the mutation function executing
-        statusData: null;
-      }
-    | {
-        statusName: 'buildingTransaction'; // resolving calls or contracts promise
-        statusData: null;
-      }
-    | {
-        statusName: 'transactionPending'; // if the mutation is currently executing
-        statusData: null;
-      }
-    | {
-        statusName: 'transactionLegacyExecuted';
-        statusData: {
-          transactionHashList: string[];
-        };
-      }
-    | {
-        statusName: 'success'; // if the last mutation attempt was successful
-        statusData: {
-          transactionReceipts: TransactionReceipt[];
-        };
-      };
-  ```
-
-  </Step>
-  <Step title="Sponsor with Paymaster capabilities">
-  To sponsor your transactions with Paymaster capabilities, configure your [`OnchainKitProvider`](/onchainkit/config/onchainkit-provider) with the appropriate `config.paymaster` URL, then pass `isSponsored={true}` to the `Transaction` component.
-
-  Obtain a Paymaster and Bundler endpoint from the [Coinbase Developer Platform](https://portal.cdp.coinbase.com/products/bundler-and-paymaster).
-
-  <Frame>
-  <img
-    alt="OnchainKit Paymaster and Bundler endpoint"
-    title="OnchainKit Paymaster and Bundler endpoint"
-    src="/images/onchainkit/onchainkit-components-paymaster-endpoint.png"
-    width="702"
-    loading="lazy"
-  />
-  </Frame>
-
-  ```tsx
-  <OnchainKitProvider
-    config={{ // [!code focus]
-      paymaster: process.env.PAYMASTER_ENDPOINT, // [!code focus]
-    }} // [!code focus]
-  >
-  ```
-
-  Next, pass `isSponsored={true}` to the `Transaction` component.
-
-  ```tsx
-  import { Transaction, TransactionButton, TransactionSponsor } from "@coinbase/onchainkit/transaction"
-  // ---cut-before---
-  // omitted for brevity
-  <Transaction
-    isSponsored={true} // [!code focus]
-    contracts={contracts} // [!code focus]
-  >
-    <TransactionButton />
-    <TransactionSponsor />
-  </Transaction>
-  ```
-  </Step>
-</Steps>
-
-### Using `calls` with Promises
-
-`Calls` also accepts asynchronous functions that are resolved on each button click. This can be useful if you're calling an API to retrieve transaction data.
-
-These functions must resolve to `Call[]` or `ContractFunctionParameters[]`.
-
-In the example the calls data will be fetched from api.transaction.com when the user clicks the Transaction Button.
-
-```ts
-import { Transaction, TransactionButton, LifecycleStatus} from '@coinbase/onchainkit/transaction';
-import { baseSepolia } from 'wagmi/chains';
-
-// ---cut-before---
-
-const callsCallback = async () => { // [!code focus]
-  const res = await fetch('api.transaction.com/createTransaction'); // [!code focus]
-  const callData = await res.json(); // [!code focus]
-  return callData; // [!code focus]
-} // [!code focus]
-
-export default function TransactionWithCalls() {
-
-  return (
-    <Transaction
-      chainId={baseSepolia.id}
-      calls={callsCallback} // [!code focus]
-      onStatus={(status: LifecycleStatus) => console.log('Transaction status:', status)}
-    >
-      <TransactionButton />
-    </Transaction>
-  );
-}
-```
-
-## Components
-
-<Frame>
-<div className="flex flex-col max-w-[648px] gap-6">
-  <img
-    src="/images/onchainkit/onchainkit-components-transaction-anatomy.png"
-    alt="OnchainKit transaction anatomy component diagram"
-    title="Visual breakdown of OnchainKit transaction components"
-    width="648"
-    loading="lazy"
-  />
-</div>
-</Frame>
-
-The components are designed to work together hierarchically. For each component, ensure the following:
-
-- `<Transaction />` - Serves as the main container for all transaction-related components.
-- `<TransactionButton />` - Handles the transaction initiation process.
-- `<TransactionSponsor />` - Displays information about the sponsorship of transaction gas fees.
-- `<TransactionStatus />` - Contains transaction status information and actions.
-- `<TransactionStatusLabel />` - Displays the current status of the transaction.
-- `<TransactionStatusAction />` - Provides additional actions based on the transaction status.
-- `<TransactionToast />` - Displays a toast notification for the transaction status.
-- `<TransactionToastIcon />` - Displays an icon in the transaction toast notification.
-- `<TransactionToastLabel />` - Displays the label text in the transaction toast notification.
-- `<TransactionToastAction />` - Provides additional actions within the transaction toast notification.
-
-## Advanced Customization
-
-### Custom Transaction Button with Render Props
-
-For complete control over the transaction button rendering, use the `render` prop on `TransactionButton`. This allows you to implement custom UI while maintaining all transaction functionality:
-
-```tsx
-import { TransactionButton } from '@coinbase/onchainkit/transaction';
-
-<TransactionButton
-  render={({ status, onSubmit, isDisabled }) => (
-    <button
-      onClick={onSubmit}
-      disabled={isDisabled}
-      className="my-custom-transaction-button"
-    >
-      {status === 'pending' ? 'Processing...' : 'Submit Transaction'}
-    </button>
-  )}
-/>
-```
-
-## Component Props
-
-### TransactionButtonProps
-
-```ts
-type TransactionButtonProps = {
-  className?: string; // An optional CSS class name for styling the button component
-  disabled?: boolean; // A optional prop to disable the submit button
-  text?: ReactNode; // An optional text to be displayed in the button component
-  errorOverride?: TransactionButtonOverride; // Optional overrides for text and onClick handler in error state
-  successOverride?: TransactionButtonOverride; // Optional overrides for text and onClick handler in success state
-  pendingOverride?: Pick<TransactionButtonOverride, 'text'>; // Optional overrides for text in pending state
-  render?: (params: {
-    status: 'default' | 'success' | 'error' | 'pending';
-    onSubmit: () => void;
-    onSuccess: () => void;
-    isDisabled: boolean;
-    context: TransactionContextType;
-  }) => ReactNode; // Custom render function for complete control of button rendering
-};
-```
-
-### TransactionSponsorProps
-
-```ts
-type TransactionSponsorProps = {
-  className?: string; // An optional CSS class name for styling the sponsor component
-};
-```
-
-### TransactionStatusProps
-
-```ts
-type TransactionStatusProps = {
-  children?: ReactNode; // The child components to be rendered within the status component
-  className?: string; // An optional CSS class name for styling the status component
-};
-```
-
-### TransactionStatusActionProps
-
-```ts
-type TransactionStatusActionProps = {
-  className?: string; // An optional CSS class name for styling
-};
-```
-
-### TransactionStatusLabelProps
-
-```ts
-type TransactionStatusLabelProps = {
-  className?: string; // An optional CSS class name for styling
-};
-```
-
-### TransactionToastProps
-
-```ts
-type TransactionToastProps = {
-  children?: ReactNode; // The child components to be rendered within the toast component
-  className?: string; // An optional CSS class name for styling the toast component
-  duration?: number; // An optional value to customize time until toast disappears
-  position?: 'top-center' | 'top-right' | 'bottom-center' | 'bottom-right'; // An optional position property to specify the toast's position on the screen
-};
-```
-
-### TransactionToastActionProps
-
-```ts
-type TransactionToastActionProps = {
-  className?: string; // An optional CSS class name for styling
-};
-```
-
-### TransactionToastIconProps
-
-```ts
-type TransactionToastIconProps = {
-  className?: string; // An optional CSS class name for styling
-};
-```
-
-### TransactionToastLabelProps
-
-```ts
-type TransactionToastLabelProps = {
-  className?: string; // An optional CSS class name for styling
-};
-```
-
-### Supporting Types
-
-```ts
-type Call = { to: Hex; data?: Hex; value?: bigint };
-
-type LifecycleStatus =
-  | { statusName: 'init'; statusData: null }
-  | { statusName: 'error'; statusData: TransactionError }
-  | { statusName: 'transactionIdle'; statusData: null }
-  | { statusName: 'buildingTransaction'; statusData: null }
-  | { statusName: 'transactionPending'; statusData: null }
-  | { statusName: 'transactionLegacyExecuted'; statusData: { transactionHashList: Address[] } }
-  | { statusName: 'success'; statusData: { transactionReceipts: TransactionReceipt[] } }
-  | { statusName: 'reset'; statusData: null };
-
-type TransactionError = {
-  code: string; // The error code representing the type of transaction error
-  error: string; // The error message providing details about the transaction error
-  message: string; // The error message providing details about the transaction error
-};
-
-type TransactionResponseType = {
-  transactionReceipts: TransactionReceipt[];
-};
-```
diff --git a/docs/onchainkit/latest/components/wallet/wallet-dropdown-basename.mdx b/docs/onchainkit/latest/components/wallet/wallet-dropdown-basename.mdx
deleted file mode 100644
index 383e23e84..000000000
--- a/docs/onchainkit/latest/components/wallet/wallet-dropdown-basename.mdx
+++ /dev/null
@@ -1,85 +0,0 @@
----
-title: WalletDropdownBasename
-sidebarTitle: WalletDropdownBasename
-description: Component that adds Basename functionality to wallet dropdown
----
-
-The `WalletDropdownBasename` component adds a [Basename](https://www.base.org/names) tab to the Wallet Component. This tab serves two purposes:
-
-1. For users with a Basename: It provides a link to their Basename profile page.
-2. For users without a Basename: It provides a link to a page where they can create one.
-
-This component enhances the wallet interface by providing easy access to Basename functionality, whether for viewing an existing profile or setting up a new one.
-
-## Usage
-
-```tsx
-import {
-  Address,
-  Avatar,
-  Name,
-  Identity,
-  EthBalance,
-} from '@coinbase/onchainkit/identity';
-import { color } from '@coinbase/onchainkit/theme';
-import {
-  ConnectWallet,
-  Wallet,
-  WalletDropdown,
-  WalletDropdownBasename, // [!code focus]
-  WalletDropdownDisconnect,
-} from '@coinbase/onchainkit/wallet';
-
-export function WalletComponents() {
-  return (
-    <div className="flex justify-end">
-      <Wallet>
-        <ConnectWallet>
-          <Avatar className="h-6 w-6" />
-          <Name />
-        </ConnectWallet>
-        <WalletDropdown>
-          <Identity className="px-4 pt-3 pb-2" hasCopyAddressOnClick>
-            <Avatar />
-            <Name />
-            <Address className={color.foregroundMuted} />
-            <EthBalance />
-          </Identity>
-          <WalletDropdownBasename />
-          <WalletDropdownDisconnect />
-        </WalletDropdown>
-      </Wallet>
-    </div>
-  );
-}
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-basename--main&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="400"
-/>
-
-### Override styles
-
-You can override component styles using `className`.
-
-```tsx
-// omitted for brevity
-
-<WalletDropdownBasename className="hover:bg-red-500" /> // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-basename--override-styles&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="400"
-/>
-
-## Props
-
-```ts
-type WalletDropdownBasenameProps = {
-  className?: string; // Optional className override for the element
-};
-```
diff --git a/docs/onchainkit/latest/components/wallet/wallet-dropdown-disconnect.mdx b/docs/onchainkit/latest/components/wallet/wallet-dropdown-disconnect.mdx
deleted file mode 100644
index 57c87ba24..000000000
--- a/docs/onchainkit/latest/components/wallet/wallet-dropdown-disconnect.mdx
+++ /dev/null
@@ -1,95 +0,0 @@
----
-title: WalletDropdownDisconnect
-sidebarTitle: WalletDropdownDisconnect
-description: Component for wallet disconnection functionality
----
-
-The `WalletDropdownDisconnect` component is used to disconnect the wallet from the application.
-
-## Usage
-
-```tsx
-import {
-  Address,
-  Avatar,
-  Name,
-  Identity,
-  EthBalance,
-} from '@coinbase/onchainkit/identity';
-import { color } from '@coinbase/onchainkit/theme';
-import {
-  ConnectWallet,
-  Wallet,
-  WalletDropdown,
-  WalletDropdownDisconnect, // [!code focus]
-} from '@coinbase/onchainkit/wallet';
-
-export function WalletComponents() {
-  return (
-    <div className="flex justify-end">
-      <Wallet>
-        <ConnectWallet>
-          <Avatar className="h-6 w-6" />
-          <Name />
-        </ConnectWallet>
-        <WalletDropdown>
-          <Identity className="px-4 pt-3 pb-2" hasCopyAddressOnClick>
-            <Avatar />
-            <Name />
-            <Address className={color.foregroundMuted} />
-            <EthBalance />
-          </Identity>
-          <WalletDropdownDisconnect />
-        </WalletDropdown>
-      </Wallet>
-    </div>
-  );
-}
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-disconnect--main&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="400"
-/>
-
-### Override styles
-
-You can override component styles using `className`.
-
-```tsx
-// omitted for brevity
-
-<WalletDropdownDisconnect className="hover:bg-red-500" /> // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-disconnect--override-styles&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="400"
-/>
-
-### Override text
-
-You can override component text using `text`.
-
-```tsx
-// omitted for brevity
-
-<WalletDropdownDisconnect text="Log out" /> // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-disconnect--override-text&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="400"
-/>
-
-## Props
-
-```ts
-type WalletDropdownDisconnectProps = {
-  className?: string; // Optional className override for the element
-  text?: string; // Optional text override for the button
-};
-```
diff --git a/docs/onchainkit/latest/components/wallet/wallet-dropdown-fund-link.mdx b/docs/onchainkit/latest/components/wallet/wallet-dropdown-fund-link.mdx
deleted file mode 100644
index 9af80c9ff..000000000
--- a/docs/onchainkit/latest/components/wallet/wallet-dropdown-fund-link.mdx
+++ /dev/null
@@ -1,159 +0,0 @@
----
-title: WalletDropdownFundLink
-sidebarTitle: WalletDropdownFundLink
-description: Component that provides funding link functionality in wallet dropdown
----
-
-The `WalletDropdownFundLink` works just like the [`FundButton`](/onchainkit/fund/fund-button) except that it's inside your wallet
-dropdown menu.
-
-If your user connects a Coinbase Smart Wallet, it provides an easy way to access the Coinbase Smart Wallet
-[Fund](https://keys.coinbase.com/fund) flow. Users will be able to buy and receive crypto, or use their Coinbase
-balances onchain with [Magic Spend](https://www.smartwallet.dev/guides/magic-spend).
-
-If your user connects any other EOA wallet, it provides an easy way to access [Coinbase Onramp](https://docs.cdp.coinbase.com/onramp/docs/welcome/)
-where your users will also be able to buy crypto using a fiat payment method, or transfer existing crypto from their
-Coinbase account.
-
-<Tip>
-**Coinbase Onramp Support**
-
-If you would like to provide non Coinbase Smart Wallet users with an easy way to access Coinbase Onramp, please make
-sure you go through the `FundButton` [walkthrough](/onchainkit/fund/fund-button#walkthrough) to configure your Project ID. Otherwise
-only Coinbase Smart Wallet users will be able to use the `WalletDropdownFundLink`.
-</Tip>
-
-
-## Usage
-
-```tsx
-import {
-  ConnectWallet,
-  Wallet,
-  WalletDropdown,
-  WalletDropdownDisconnect,
-  WalletDropdownFundLink, // [!code focus]
-} from '@coinbase/onchainkit/wallet'; // [!code focus]
-import {
-  Address,
-  Avatar,
-  Name,
-  Identity,
-  EthBalance,
-} from '@coinbase/onchainkit/identity';
-import { color } from '@coinbase/onchainkit/theme';
-
-export function WalletComponents() {
-  return (
-    <div className="flex justify-end">
-      <Wallet>
-        <ConnectWallet>
-          <Avatar className="h-6 w-6" />
-          <Name />
-        </ConnectWallet>
-        <WalletDropdown>
-          <Identity className="px-4 pt-3 pb-2" hasCopyAddressOnClick>
-            <Avatar />
-            <Name />
-            <Address />
-            <EthBalance />
-          </Identity>
-          <WalletDropdownFundLink />
-          <WalletDropdownDisconnect />
-        </WalletDropdown>
-      </Wallet>
-    </div>
-  );
-}
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-fundlink--main&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="400"
-/>
-
-### Override text
-
-You can override component text using the `text` prop.
-
-```tsx
-<WalletDropdownFundLink text="Add crypto" /> // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-fundlink--override-text&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="400"
-/>
-
-### Override icon
-
-You can override the icon using the `icon` prop.
-
-```tsx
-<WalletDropdownFundLink icon={<walletDropdownLinkCustomBaseIconSvg />} /> // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-fundlink--override-icon&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="400"
-/>
-
-### Customizing the popup size
-
-You're able to customize the size of the popup window using the `popupSize` prop. Valid values are `sm`, `md`, and `lg`.
-
-```tsx
-<WalletDropdownFundLink popupSize="sm" /> // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-fundlink--pop-up-size&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="400"
-/>
-
-### Override default behavior
-
-You can override default link behavior by using the `openIn` prop. Valid values are `popup` and `tab`.
-
-```tsx
-<WalletDropdownFundLink openIn="tab" target="_blank" /> // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-fundlink--override-default-behavior&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="400"
-/>
-
-### Override funding URL
-
-You can override the default URL by using the `fundingUrl` prop.
-
-```tsx
-<WalletDropdownFundLink fundingUrl={"https://base.org"} openIn="tab" target="_blank" /> // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-fundlink--override-funding-url&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="400"
-/>
-
-## Props
-
-```ts
-type WalletDropdownFundLinkProps = {
-  className?: string; // Optional className override for the element
-  icon?: ReactNode; // Optional icon override
-  openIn?: 'popup' | 'tab'; // Whether to open the funding flow in a tab or a popup window
-  popupSize?: 'sm' | 'md' | 'lg'; // Size of popup window (only works for custom funding links or Coinbase Smart Wallet)
-  rel?: string; // Specifies the relationship between the current document and the linked document
-  target?: string; // Where to open the target if openIn is set to tab
-  text?: string; // Optional text override
-  fundingUrl?: string; // Optional funding URL override
-};
-```
diff --git a/docs/onchainkit/latest/components/wallet/wallet-dropdown-link.mdx b/docs/onchainkit/latest/components/wallet/wallet-dropdown-link.mdx
deleted file mode 100644
index 625efbb25..000000000
--- a/docs/onchainkit/latest/components/wallet/wallet-dropdown-link.mdx
+++ /dev/null
@@ -1,138 +0,0 @@
----
-title: WalletDropdownLink
-sidebarTitle: WalletDropdownLink
-description: Component for creating customizable links in wallet dropdown
----
-
-The `WalletDropdownLink` component creates customizable, interactive links within the wallet dropdown menu.
-
-## Usage
-
-```tsx
-import {
-  Address,
-  Avatar,
-  Name,
-  Identity,
-  EthBalance,
-} from '@coinbase/onchainkit/identity';
-import { color } from '@coinbase/onchainkit/theme';
-import {
-  ConnectWallet,
-  Wallet,
-  WalletDropdown,
-  WalletDropdownLink, // [!code focus]
-  WalletDropdownDisconnect,
-} from '@coinbase/onchainkit/wallet';
-
-export function WalletComponents() {
-  return (
-    <div className="flex justify-end">
-      <Wallet>
-        <ConnectWallet>
-          <Avatar className="h-6 w-6" />
-          <Name />
-        </ConnectWallet>
-        <WalletDropdown>
-          <Identity className="px-4 pt-3 pb-2" hasCopyAddressOnClick>
-            <Avatar />
-            <Name />
-            <Address className={color.foregroundMuted} />
-            <EthBalance />
-          </Identity>
-          <WalletDropdownLink icon="wallet" href="https://keys.coinbase.com">
-            Wallet
-          </WalletDropdownLink>
-          <WalletDropdownDisconnect />
-        </WalletDropdown>
-      </Wallet>
-    </div>
-  );
-}
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-link--main&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="400"
-/>
-
-### Custom link
-
-Add a custom link to the wallet dropdown menu, allowing users to navigate to external resources directly from the wallet interface.
-
-```tsx
-import {
-  WalletDropdownLink,
-} from '@coinbase/onchainkit/wallet';
-// omitted for brevity
-<WalletDropdownLink // [!code focus]
-  icon={BaseIcon} // [!code focus]
-  href="https://www.base.org/" // [!code focus]
-  rel="noopener noreferrer" // [!code focus]
->
-  Base.org
-</WalletDropdownLink> // [!code focus]
-```
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-link--custom-link&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="400"
-/>
-
-### Custom children components
-
-Accepts React children, enabling the use of custom elements, styled text, icons, and complex components.
-This allows for diverse customizations, including complex layouts and conditional rendering based on your app's state.
-
-```tsx
-import {
-  WalletDropdownLink,
-} from '@coinbase/onchainkit/wallet';
-// ---cut-before---
-// omitted for brevity
-<WalletDropdownLink icon="wallet" href="https://keys.coinbase.com">
-  <span className="font-bold italic">Profile</span>
-  <span> 🔵 </span>
-</WalletDropdownLink> // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-link--custom-children&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="400"
-/>
-
-### Override styles
-
-You can override component styles using className.
-
-```tsx
-import {
-  WalletDropdownLink,
-} from '@coinbase/onchainkit/wallet';
-// ---cut-before---
-// omitted for brevity
-<WalletDropdownLink className="hover:bg-red-500" icon="wallet" href="https://keys.coinbase.com" >
-  Wallet
-</WalletDropdownLink> // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-link--customize-text-and-style&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="400"
-/>
-
-## Props
-
-```ts
-type WalletDropdownLinkProps = {
-  children: string;
-  className?: string; // Optional className override for the element
-  href: string;
-  icon?: 'wallet' | ReactNode;
-  rel?: string;
-  target?: string;
-};
-```
diff --git a/docs/onchainkit/latest/components/wallet/wallet-island.mdx b/docs/onchainkit/latest/components/wallet/wallet-island.mdx
deleted file mode 100644
index 71239ff38..000000000
--- a/docs/onchainkit/latest/components/wallet/wallet-island.mdx
+++ /dev/null
@@ -1,239 +0,0 @@
----
-title: WalletIsland
-sidebarTitle: WalletIsland
-description: Advanced wallet interface component with QR, swap, portfolio, and draggable functionality
----
-
-<Frame>
-<img alt="WalletIsland"
-  src="/images/onchainkit/wallet-island.gif"
-  height="364"/>
-</Frame>
-
-`WalletIsland` is our flagship implementation of the new advanced Wallet
-components, providing an advanced Wallet interface for users, including:
-
-- a QR code for receiving funds
-- a link to buy crypto with fiat
-- a swap interface
-- the user's token portfolio
-- a button that moves anywhere on the screen
-
-Designed for desktop experiences, `WalletIsland` component gives
-users a seamless way to interact with their wallet and manage their assets.
-
-<Note>
-This component requires a `projectId` and an `apiKey` to be set in the `OnchainKitProvider`. You can find both of these values on [Coinbase Developer Platform](https://portal.cdp.coinbase.com/products/onchainkit).
-</Note>
-
-<Note>
-Please note: token balances are only available for Base mainnet and Ethereum mainnet.
-You can control the network in the `OnchainKitProvider` by setting the `chain` prop.
-</Note>
-
-## Quick start
-
-Advanced `Wallet` has two default implementations:
-
-- `WalletAdvancedDefault`
-- `WalletIsland`
-
-`WalletAdvancedDefault` provides the user with an advanced wallet
-interface, anchored to the screen like our standard `Wallet` component.
-`WalletIsland` provides the same powerful interface, while enabling
-the user to drag the component around the window.
-
-If you'd like more customization, follow the implementation guide below.
-
-```tsx
-import { WalletAdvancedDefault } from '@coinbase/onchainkit/wallet';
-import { WalletIsland } from '@coinbase/onchainkit/wallet';
-<>
-  <WalletAdvancedDefault />
-  <WalletIsland />
-</>
-```
-
-You will see two Wallet buttons below. Right below is `WalletAdvancedDefault`.
-This version will stay anchored to its current position.
-
-`WalletIsland` is in the bottom-right corner of the window. Feel free to drag
-it around.
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-island--main&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="800"
-/>
-
-While this behavior is more noticeable with the `WalletIsland` component, you'll
-notice that for both components, the `WalletAdvanced` container will appear in
-different positions depending on the component's location in the window:
-
-- If there is sufficient space to the right, it will be left-aligned.
-- If there is not enough space to the right, it will be right-aligned.
-- If there is enough space below, it will open below.
-- If there is not enough space below, it will open above.
-
-<Note>
-If you are attempting to use this component and the Buy button is not working,
-make sure you have a `projectId` configured correctly in your providers.
-
-If transaction history is not loading, make sure you have an `apiKey` configured
-correctly in your providers.
-
-</Note>
-
-## Configuring `WalletIsland` and advanced `Wallet`
-
-Experience the magic by simply dropping in `<Wallet />` and advanced `Wallet`
-components, and watch your component seamlessly come to life.
-
-As with [`WalletDefault`](/onchainkit/wallet/wallet) , `WalletAdvancedDefault` leverages
-several [`<Identity>`](/onchainkit/identity/identity) components like [`<Avatar>`](/onchainkit/identity/avatar),
-[`<Name>`](/onchainkit/identity/name), and [`<Address>`](/onchainkit/identity/address).
-
-We've introduces several advanced wallet components, including
-`<WalletAdvancedAddressDetails>`, `<WalletAdvancedTokenHoldings>`, and
-`<WalletAdvancedTransactionActions>`.
-
-```tsx
-import {
-  ConnectWallet,
-  Wallet,
-  WalletDropdown,
-  WalletAdvancedAddressDetails,
-  WalletAdvancedTokenHoldings,
-  WalletAdvancedTransactionActions,
-  WalletAdvancedWalletActions,
-} from '@coinbase/onchainkit/wallet';
-import { Address, Avatar, Name, Identity } from '@coinbase/onchainkit/identity';
-import { color } from '@coinbase/onchainkit/theme';
-
-export function YourWalletAdvanced() {
-  return (
-    <div className="flex justify-end">
-      <Wallet>
-        <ConnectWallet>
-          <Avatar className="h-6 w-6" />
-          <Name />
-        </ConnectWallet>
-        <WalletDropdown>
-          <WalletAdvancedWalletActions />
-          <WalletAdvancedAddressDetails />
-          <WalletAdvancedTransactionActions />
-          <WalletAdvancedTokenHoldings />
-        </WalletDropdown>
-      </Wallet>
-    </div>
-  );
-}
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-island--wallet-and-advanced&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="800"
-/>
-
-When customizing your advanced `Wallet` implementation, use the `draggable` prop on
-`Wallet` to enable draggability. `draggable` defaults to `false`, but
-when `draggable` is set to `true`, you can also set a `draggableStartingPosition` prop to
-specify the initial position of your `WalletIsland`.
-
-```tsx
-import {
-  ConnectWallet,
-  Wallet,
-  WalletDropdown,
-  WalletAdvancedAddressDetails,
-  WalletAdvancedTokenHoldings,
-  WalletAdvancedTransactionActions,
-  WalletAdvancedWalletActions,
-} from '@coinbase/onchainkit/wallet';
-import { Address, Avatar, Name, Identity } from '@coinbase/onchainkit/identity';
-import { color } from '@coinbase/onchainkit/theme';
-
-export function DraggableWalletAdvanced() {
-  return (
-    <div className="flex justify-end">
-      <Wallet
-        draggable={true} // [!code focus]
-        draggableStartingPosition={{ // [!code focus]
-          x: window.innerWidth - 300, // [!code focus]
-          y: window.innerHeight - 100, // [!code focus]
-        }}
-      >
-        <ConnectWallet>
-          <Avatar className="h-6 w-6" />
-          <Name />
-        </ConnectWallet>
-        <WalletDropdown>
-          <WalletAdvancedWalletActions />
-          <WalletAdvancedAddressDetails />
-          <WalletAdvancedTransactionActions />
-          <WalletAdvancedTokenHoldings />
-        </WalletDropdown>
-      </Wallet>
-    </div>
-  );
-}
-```
-
-## Customize Connect button text and style
-
-Each OnchainKit component offers the flexibility to customize `className`
-and adjust the style of the React components it represents.
-
-Explore the options for customizing the Connect button text and style [here](/onchainkit/wallet/wallet#customize-connect-button-text-and-style).
-
-## Using Wallet Modal
-
-<Frame>
-<img
-  alt="Wallet Modal"
-  src="/images/onchainkit/wallet-modal.png"
-  height="364"
-  width="364"
-  className="mx-400"
-/>
-</Frame>
-
-Wallet modal offers users multiple wallet connection options. Explore these options
-[here](/onchainkit/wallet/wallet-modal).
-
-## Example usage
-
-### Usage with Sign In With Ethereum (SIWE)
-
-To use [Sign In With Ethereum (SIWE)](https://docs.login.xyz/general-information/siwe-overview) with OnchainKit,
-check out our [SIWE example](/onchainkit/wallet/wallet#usage-with-sign-in-with-ethereum-siwe).
-
-## Components
-
-The components are designed to work together hierarchically. For each component, ensure the following:
-
-- `<Wallet />` - Serves as the main container for all wallet-related components.
-- `<WalletDropdown />` - Contains additional wallet information and options. Place inside the `<Wallet />` component.
-- `<WalletAdvancedWalletActions />` - Provides wallet actions like View Transaction History, view QR Code, and Disconnect wallet. Place inside the `<WalletDropdown />` component.
-- `<WalletAdvancedAddressDetails />` - Displays user address, avatar, and portfolio balance in fiat. Place inside the `<WalletDropdown />` component.
-- `<WalletAdvancedTransactionActions />` - Buttons for buying crypto with fiat, transferring crypto, and swapping. Place inside the `<WalletDropdown />` component.
-- `<WalletAdvancedTokenHoldings />` - Displays token balances and their value in fiat. Place inside the `<WalletDropdown />` component.
-- `<ConnectWallet />` - Handles the wallet connection process. Place child components inside to customize the connect button appearance.
-- `<AppWithWalletModal />` - Enables a wallet aggregation experience.
-- `<Identity />` - Displays user identity information. Place inside `<WalletDropdown />` for a complete profile view.
-- `<WalletDropdownBasename />` - Displays the user's Basename within the dropdown.
-- `<WalletDropdownLink />` - Creates a custom link within the dropdown. Use the `icon` prop to add an icon, and `href` to specify the destination.
-- `<WalletDropdownDisconnect />` - Provides a disconnect option within the dropdown.
-
-Additional components for customizing the wallet interface include:
-
-- `<Avatar />` - Displays the user's avatar image.
-- `<Name />` - Shows the user's name or ENS.
-- `<Badge />` - Can be used to display additional user status or information.
-- `<Address />` - Shows the user's wallet address.
-- `<EthBalance />` - Displays the user's ETH balance.
-
-The Wallet component automatically handles the wallet connection state and updates the UI accordingly.
-You need to wrap your application or relevant part of it with these components
-to provide a complete wallet interaction experience.
diff --git a/docs/onchainkit/latest/components/wallet/wallet-modal.mdx b/docs/onchainkit/latest/components/wallet/wallet-modal.mdx
deleted file mode 100644
index b5245bca9..000000000
--- a/docs/onchainkit/latest/components/wallet/wallet-modal.mdx
+++ /dev/null
@@ -1,152 +0,0 @@
----
-title: WalletModal
-sidebarTitle: WalletModal
-description: Modal component providing multiple wallet connection options
----
-
-<Frame>
-<img 
-  alt="Wallet Modal"
-  src="/images/onchainkit/wallet-modal.png"
-  height="364"
-  width="364"
-  className="mx-400"
-/>
-</Frame>
-
-`WalletModal` offers users multiple wallet connection options. The modal automatically appears when users click the `ConnectWallet` component and provides several connection paths:
-
-1. Quickly create a new smart wallet for new users
-2. Coinbase Wallet connection (supporting both smart wallets and EOA)
-3. MetaMask connection
-4. Phantom connection
-5. Rabby, Frame, and Trust Wallet connections (optional)
-
-## Walkthrough
-
-<Steps>
-  <Step title="Configure the OnchainKitProvider with modal settings:">
-  ```tsx providers.tsx
-  <OnchainKitProvider
-    apiKey={process.env.ONCHAINKIT_API_KEY}
-    chain={base}
-    config={{
-      appearance: {
-        name: 'Your App Name',        // Displayed in modal header
-        logo: 'https://your-logo.com',// Displayed in modal header
-        mode: '400',                 // 'light' | 'dark' | '400'
-        theme: 'default',             // 'default' or custom theme
-      },
-      wallet: { // [!code focus]
-        display: 'modal', // [!code focus]
-        termsUrl: 'https://...', // [!code focus]
-        privacyUrl: 'https://...', // [!code focus]
-        },
-    }}
-  >
-    {children}
-  </OnchainKitProvider>
-  ```
-
-  </Step>
-  <Step title="Use the ConnectWallet component in your UI:">
-  ```tsx App.tsx
-  <Wallet>
-    <ConnectWallet>
-      <Avatar className="h-6 w-6" />
-      <Name />
-    </ConnectWallet>
-    <WalletDropdown>
-      <Identity className="px-4 pt-3 pb-2" hasCopyAddressOnClick>
-        <Avatar />
-        <Name />
-        <Address />
-        <EthBalance />
-      </Identity>
-      <WalletDropdownDisconnect />
-    </WalletDropdown>
-  </Wallet>
-  ```
-
-  <iframe
-    src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-modal--connect-wallet-in-ui&viewMode=story&dark=true&hero=true"
-    width="100%"
-    height="400"
-  />
-  {/* <AppWithWalletModal>
-    <div className="my-10 flex justify-center">
-      <Wallet>
-        <ConnectWallet>
-          <Avatar className="h-6 w-6" />
-          <Name />
-        </ConnectWallet>
-        <WalletDropdown>
-          <Identity className="px-4 pt-3 pb-2" hasCopyAddressOnClick>
-            <Avatar />
-            <Name />
-            <Address className={color.foregroundMuted} />
-            <EthBalance />
-          </Identity>
-          <WalletDropdownDisconnect />
-        </WalletDropdown>
-      </Wallet>
-    </div>
-  </AppWithWalletModal> */}
-
-  </Step>
-</Steps>
-
-## Components
-
-The Wallet Modal components are designed to work together hierarchically:
-
-- `<OnchainKitProvider />` - Configures the modal settings and appearance
-- `<ConnectWallet />` - Triggers the modal to open when clicked
-- `<WalletModal />` - The modal interface itself, containing:
-  - Smart wallet creation flow
-  - Coinbase Wallet connection
-  - MetaMask connection
-  - Phantom connection
-  - Rabby, Trust, and Frame Wallet connections (if enabled)
-  - Terms and privacy policy links
-
-The modal automatically handles:
-
-- Wallet connection states
-- Error handling
-- Mobile/desktop responsive behavior
-- Theme customization
-- Terms/privacy policy display
-
-## Additional Wallet Support
-
-By default, the wallet modal includes Coinbase Wallet, MetaMask, and Phantom as connection options. You can enable additional wallet support by configuring the `supportedWallets` object in the `OnchainKitProvider`:
-
-```tsx
-<OnchainKitProvider
-  apiKey={process.env.ONCHAINKIT_API_KEY}
-  chain={base}
-  config={{
-    appearance: {
-      name: 'Your App Name',
-      logo: 'https://your-logo.com',
-      mode: '400',
-      theme: 'default',
-    },
-    wallet: {
-      display: 'modal',
-      termsUrl: 'https://...',
-      privacyUrl: 'https://...',
-      supportedWallets: { // [!code focus]
-        rabby: true, // [!code focus]
-        trust: true, // [!code focus]
-        frame: true, // [!code focus]
-      }, // [!code focus]
-    },
-  }}
->
-  {children}
-</OnchainKitProvider>
-```
-
-Each wallet can be individually enabled or disabled as needed. If no `supportedWallets` configuration is provided, the additional wallets will be disabled by default.
diff --git a/docs/onchainkit/latest/components/wallet/wallet.mdx b/docs/onchainkit/latest/components/wallet/wallet.mdx
deleted file mode 100644
index a3bbb0c20..000000000
--- a/docs/onchainkit/latest/components/wallet/wallet.mdx
+++ /dev/null
@@ -1,440 +0,0 @@
----
-title: Wallet
-sidebarTitle: Wallet
-description: Wallet components provide an interface for users to connect their Smart Wallet with identity information
----
-
-The `Wallet` components provide an interface for users to connect their Smart Wallet with their identity information like Basename and ETH balance.
-
-It features built-in polished user experiences for both web and mobile web, making it incredibly easy to enhance with drop-in components.
-
-## Quick start
-
-To streamline the integration process and integrate a simplified version of the `Wallet` component, you can render the `Wallet` component without children. 
-
-If you'd like more customization, follow the implementation guide for our `Wallet` component below where you can manually define each subcomponent and prop.
-
-```tsx
-import { Wallet } from '@coinbase/onchainkit/wallet';
-
-<Wallet />
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-walletcomponents--base&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="400"
-/>
-
-## Walkthrough
-
-<Steps>
-  <Step title="Set up your wallet connections">
-  Kick off your wallet connection setup by configuring the `wagmi` provider.
-
-  And make sure to update the `appName` as that will be displayed to
-  the user when they connect their wallet.
-
-  ```tsx
-  import { ReactNode } from 'react';
-  import { WagmiProvider, createConfig, http } from 'wagmi';
-  import { baseSepolia } from 'wagmi/chains';
-  import { coinbaseWallet } from 'wagmi/connectors';
-
-  const wagmiConfig = createConfig({
-    chains: [baseSepolia],
-    connectors: [
-      coinbaseWallet({
-        appName: 'onchainkit',
-      }),
-    ],
-    ssr: true,
-    transports: {
-      [baseSepolia.id]: http(),
-    },
-  });
-
-  function App({ children }: { children: ReactNode }) {
-    return <WagmiProvider config={wagmiConfig}>{children}</WagmiProvider>;
-  }
-  ```
-
-  </Step>
-  <Step title="Drop in the <Wallet /> components">
-  Experience the magic by simply dropping in the `<Wallet />` component
-  and watch it seamlessly come to life.
-
-  Additionally, you can see the [`<Identity>`](/onchainkit/identity/identity) components
-  like [`<Avatar>`](/onchainkit/identity/avatar), [`<Name>`](/onchainkit/identity/name),
-  and [`<Address>`](/onchainkit/identity/address) are used in a composable way.
-  Explore their documentation pages to discover various customization options.
-
-  ```tsx
-  import {
-    ConnectWallet,
-    Wallet,
-    WalletDropdown,
-    WalletDropdownDisconnect,
-  } from '@coinbase/onchainkit/wallet';
-  import {
-    Address,
-    Avatar,
-    Name,
-    Identity,
-  } from '@coinbase/onchainkit/identity';
-  import { color } from '@coinbase/onchainkit/theme';
-
-  export function WalletComponents() {
-    return (
-      <div className="flex justify-end">
-        <Wallet>
-          <ConnectWallet>
-            <Avatar className="h-6 w-6" />
-            <Name />
-          </ConnectWallet>
-          <WalletDropdown>
-            <Identity className="px-4 pt-3 pb-2" hasCopyAddressOnClick>
-              <Avatar />
-              <Name />
-              <Address className={color.foregroundMuted} />
-            </Identity>
-            <WalletDropdownDisconnect />
-          </WalletDropdown>
-        </Wallet>
-      </div>
-    );
-  }
-  ```
-
-  <iframe
-    src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-walletcomponents--with-identity-and-disconnect&viewMode=story&dark=true&hero=true"
-    width="100%"
-    height="400"
-  />
-  {/* <WalletComponents>
-    <Wallet>
-      <ConnectWallet>
-        <Avatar className="h-6 w-6" />
-        <Name />
-      </ConnectWallet>
-      <WalletDropdown>
-        <Identity className="px-4 pt-3 pb-2" hasCopyAddressOnClick>
-          <Avatar />
-          <Name />
-          <Address className={color.foregroundMuted} />
-        </Identity>
-        <WalletDropdownDisconnect />
-      </WalletDropdown>
-    </Wallet>
-  </WalletComponents> */}
-
-  </Step>
-  <Step title="Drop in pre-made wallet components">
-  Expand the user experience with pre-made components like [`<WalletDropdownLink>`](/onchainkit/wallet/wallet-dropdown-link),
-  [`<WalletDropdownBasename>`](/onchainkit/wallet/wallet-dropdown-basename),
-  [`<WalletDropdownFundLink>`](/onchainkit/wallet/wallet-dropdown-fund-link),
-  or `<EthBalance>`, to help you build a seamless wallet experience for your users.
-
-  The `<WalletDropdownLink>` is highly versatile and will likely be your go-to choice
-  for adding more links to the dropdown, connecting your users to various pages of your onchain app.
-
-  ```tsx
-  import {
-    ConnectWallet,
-    Wallet,
-    WalletDropdown,
-    WalletDropdownBasename, // [!code focus]
-    WalletDropdownFundLink, // [!code focus]
-    WalletDropdownLink, // [!code focus]
-    WalletDropdownDisconnect,
-  } from '@coinbase/onchainkit/wallet';
-  import {
-    Address,
-    Avatar,
-    Name,
-    Identity,
-    EthBalance, // [!code focus]
-  } from '@coinbase/onchainkit/identity';
-
-  // omitted for brevity
-
-  <Wallet>
-    <ConnectWallet>
-      <Avatar className="h-6 w-6" />
-      <Name />
-    </ConnectWallet>
-    <WalletDropdown>
-      <Identity
-        className="px-4 pt-3 pb-2"
-        hasCopyAddressOnClick
-      >
-        <Avatar />
-        <Name />
-        <Address />
-        <EthBalance />
-      </Identity>
-      <WalletDropdownBasename />
-      <WalletDropdownLink
-        icon="wallet"
-        href="https://keys.coinbase.com"
-      >
-        Wallet
-      </WalletDropdownLink>
-      <WalletDropdownFundLink />
-      <WalletDropdownDisconnect />
-    </WalletDropdown>
-  </Wallet>
-  ```
-
-  <iframe
-    src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-walletcomponents--full-dropdown&viewMode=story&dark=true&hero=true"
-    width="100%"
-    height="600"
-  />
-  {/* <WalletComponents>
-    <Wallet>
-      <ConnectWallet>
-        <Avatar className="h-6 w-6" />
-        <Name />
-      </ConnectWallet>
-      <WalletDropdown>
-        <Identity className="px-4 pt-3 pb-2" hasCopyAddressOnClick>
-          <Avatar />
-          <Name />
-          <Address className={color.foregroundMuted} />
-          <EthBalance />
-        </Identity>
-        <WalletDropdownBasename />
-        <WalletDropdownLink
-          icon="wallet"
-          href="https://keys.coinbase.com"
-        >
-          Wallet
-        </WalletDropdownLink>
-        <WalletDropdownFundLink />
-        <WalletDropdownDisconnect />
-      </WalletDropdown>
-    </Wallet>
-  </WalletComponents> */}
-
-  </Step>
-</Steps>
-
-## Customize Connect button text and style
-
-Each OnchainKit component offers the flexibility to customize `className`
-and adjust the style of the React components it represents.
-
-Customize the connect wallet text by using the `disconnectedLabel` prop on the `<ConnectWallet />` component.
-
-### Advanced customization with render props
-
-For complete control over the ConnectWallet button rendering, use the `render` prop. This allows you to implement custom UI while maintaining all the wallet functionality:
-
-```tsx
-import { ConnectWallet } from '@coinbase/onchainkit/wallet';
-
-<ConnectWallet
-  render={({ label, onClick, status, isLoading }) => (
-    <button 
-      onClick={onClick}
-      className="my-custom-button-class"
-      disabled={isLoading}
-    >
-      {status === 'disconnected' ? 'Connect Your Wallet' : label}
-    </button>
-  )}
-/>
-```
-
-```tsx
-import {
-  ConnectWallet,
-  Wallet,
-  WalletDropdown,
-  WalletDropdownLink,
-  WalletDropdownDisconnect,
-} from '@coinbase/onchainkit/wallet';
-import {
-  Address,
-  Avatar,
-  Name,
-  Identity,
-  EthBalance,
-} from '@coinbase/onchainkit/identity';
-import { color } from '@coinbase/onchainkit/theme';
-// ---cut-before---
-// omitted for brevity
-
-<Wallet>
-  <ConnectWallet className='bg-blue-800' disconnectedLabel='Log In'>
-    <Avatar className="h-6 w-6" />
-    <Name className='text-white' />
-  </ConnectWallet>
-  <WalletDropdown>
-    <Identity
-      className="px-4 pt-3 pb-2 hover:bg-blue-200"
-      hasCopyAddressOnClick
-    >
-      <Avatar />
-      <Name />
-      <Address />
-      <EthBalance />
-    </Identity>
-    <WalletDropdownLink
-      className='hover:bg-blue-200'
-      icon="wallet"
-      href="https://keys.coinbase.com"
-    >
-      Wallet
-    </WalletDropdownLink>
-    <WalletDropdownDisconnect className='hover:bg-blue-200' />
-  </WalletDropdown>
-</Wallet>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-walletcomponents--custom-styling&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="400"
-/>
-
-## Example usage
-
-### Usage with Sign In With Ethereum (SIWE)
-
-To use [Sign In With Ethereum (SIWE)](https://docs.login.xyz/general-information/siwe-overview) with OnchainKit, you can use the `onConnect` prop in the `<ConnectWallet />` component. This will trigger the SIWE prompt when the user connects their wallet.
-
-```tsx
-import { ConnectWallet } from '@coinbase/onchainkit/wallet';
-import { base } from 'wagmi/chains';
-import { createSiweMessage } from 'viem/siwe'
-import { useSignMessage } from 'wagmi';
-
-const message = createSiweMessage({
-  address: '0xA0Cf798816D4b9b9866b5330EEa46a18382f251e',
-  chainId: base.id,
-  domain: 'example.com',
-  nonce: 'foobarbaz',
-  uri: 'https://example.com/path',
-  version: '1',
-})
-
-export function WalletComponents() {
-  const { signMessage } = useSignMessage();
-
-  return (
-    <ConnectWallet onConnect={() => {signMessage({ message })}} />
-  );
-}
-
-```
-
-## Components
-
-The components are designed to work together hierarchically. For each component, ensure the following:
-
-- `<Wallet />` - Serves as the main container for all wallet-related components.
-- `<ConnectWallet />` - Handles the wallet connection process. Place child components inside to customize the connect button appearance.
-- `<AppWithWalletModal />` - Enables a wallet aggregation experience.
-- `<WalletDropdown />` - Contains additional wallet information and options. Place inside the `<Wallet />` component.
-- `<Identity />` - Displays user identity information. Place inside `<WalletDropdown />` for a complete profile view.
-- `<WalletDropdownBasename />` - Displays the user's Basename within the dropdown.
-- `<WalletDropdownLink />` - Creates a custom link within the dropdown. Use the `icon` prop to add an icon, and `href` to specify the destination.
-- `<WalletDropdownDisconnect />` - Provides a disconnect option within the dropdown.
-
-Additional components for customizing the wallet interface include:
-
-- `<Avatar />` - Displays the user's avatar image.
-- `<Name />` - Shows the user's name or ENS.
-- `<Badge />` - Can be used to display additional user status or information.
-- `<Address />` - Shows the user's wallet address.
-- `<EthBalance />` - Displays the user's ETH balance.
-
-The Wallet component automatically handles the wallet connection state and updates the UI accordingly.
-You need to wrap your application or relevant part of it with these components
-to provide a complete wallet interaction experience.
-
-## Component Props
-
-### WalletProps
-
-```ts
-type WalletProps = {
-  children?: React.ReactNode;
-  isSponsored?: boolean; // Whether to sponsor transactions for Send feature of advanced wallet implementation
-  className?: string;
-} & (
-  | { draggable?: true; draggableStartingPosition?: { x: number; y: number } }
-  | { draggable?: false; draggableStartingPosition?: never }
-);
-```
-
-### ConnectWalletProps
-
-```ts
-type ConnectWalletProps = {
-  children?: ReactNode; // Children can be utilized to display customized content when the wallet is connected
-  className?: string; // Optional className override for button element
-  onConnect?: () => void; // Optional callback function to execute when the wallet is connected
-  disconnectedLabel?: ReactNode; // Optional disconnected display override
-  render?: ({
-    label,
-    onClick,
-    context,
-    status,
-    isLoading,
-  }: {
-    label: ReactNode;
-    onClick: () => void;
-    context: WalletContextType;
-    status: 'disconnected' | 'connecting' | 'connected';
-    isLoading: boolean;
-  }) => ReactNode; // Custom render function for complete control of button rendering
-};
-```
-
-### WalletDropdownProps
-
-```ts
-type WalletDropdownProps = {
-  children?: React.ReactNode;
-  className?: string; // Optional className override for top div element
-  classNames?: {
-    container?: string;
-    qr?: WalletAdvancedQrReceiveProps['classNames'];
-    swap?: WalletAdvancedSwapProps['classNames'];
-  };
-  swappableTokens?: Token[];
-};
-```
-
-### WalletDropdownBasenameProps
-
-```ts
-type WalletDropdownBasenameProps = {
-  className?: string; // Optional className override for the element
-};
-```
-
-### WalletDropdownDisconnectProps
-
-```ts
-type WalletDropdownDisconnectProps = {
-  className?: string; // Optional className override for the element
-  text?: string; // Optional text override for the button
-};
-```
-
-### WalletDropdownLinkProps
-
-```ts
-type WalletDropdownLinkProps = {
-  children: string;
-  className?: string; // Optional className override for the element
-  href: string;
-  icon?: 'wallet' | ReactNode;
-  rel?: string;
-  target?: string;
-};
-```
diff --git a/docs/onchainkit/latest/configuration/onchainkit-provider.mdx b/docs/onchainkit/latest/configuration/onchainkit-provider.mdx
deleted file mode 100644
index ec5e5fdfb..000000000
--- a/docs/onchainkit/latest/configuration/onchainkit-provider.mdx
+++ /dev/null
@@ -1,295 +0,0 @@
----
-title: "OnchainKitProvider"
----
-
-The OnchainKitProvider provides the React context that powers all OnchainKit components. It handles wallet connections, theming, API configuration, and MiniKit integration.
-
-## Basic Usage
-
-To get started, wrap your app with `OnchainKitProvider` and provide the required props described below.
-
-Also, import `'@coinbase/onchainkit/styles.css'` to ensure OnchainKit's components are styled correctly.
-
-In the example below, we're creating a `RootProvider` to keep our code organized.
-
-```tsx RootProvider.tsx
-'use client';
-import { ReactNode } from 'react';
-import { base } from 'viem/chains';
-import { OnchainKitProvider } from '@coinbase/onchainkit';
-import '@coinbase/onchainkit/styles.css';
-
-export function RootProvider({ children }: { children: ReactNode }) {
-  return (
-    <OnchainKitProvider
-      apiKey={process.env.NEXT_PUBLIC_ONCHAINKIT_API_KEY}
-      chain={base}
-      config={{
-        appearance: {
-          mode: 'auto',
-        },
-        wallet: {
-          display: 'modal',
-        },
-      }}
-    >
-      {children}
-    </OnchainKitProvider>
-  );
-}
-```
-
-Then, we're wrapping our app with the `RootProvider` in our root layout.
-
-```tsx layout.tsx
-import { RootProvider } from './RootProvider';
-
-export default function RootLayout({
-  children,
-}: {
-  children: React.ReactNode;
-}) {
-  return (
-    <html lang="en">
-      <body>
-        <RootProvider>{children}</RootProvider>
-      </body>
-    </html>
-  );
-}
-```
-
-## Props
-
-| Prop                       | Description                                                            | Required |
-| -------------------------- | ---------------------------------------------------------------------- | -------- |
-| [`chain`](#chain)          | The blockchain network your app operates on.                           | Yes      |
-| [`apiKey`](#apikey)        | Coinbase Developer Platform API key for accessing OnchainKit services. | No       |
-| [`projectId`](#project-id) | Coinbase Developer Platform Project ID for funding components.         | No       |
-| [`rpcUrl`](#rpc-url)       | Custom RPC endpoint for blockchain requests.                           | No       |
-| [`config`](#config)        | Configuration object for appearance, wallet settings, and paymaster.   | No       |
-| [`miniKit`](#minikit)      | MiniKit configuration for mini app features.                           | No       |
-| [`analytics`](#analytics)  | Enable/disable usage analytics (defaults to true).                     | No       |
-| `defaultPublicClients`     | Custom viem public clients for specific chains.                        | No       |
-
-### Chain
-
-Specifies the blockchain network your OnchainKit components will use. This is required for all OnchainKit functionality.
-
-```tsx
-import { base, mainnet } from 'viem/chains';
-
-// Use Base network
-<OnchainKitProvider chain={base}>
-  {children}
-</OnchainKitProvider>
-
-// Use Ethereum mainnet
-<OnchainKitProvider chain={mainnet}>
-  {children}
-</OnchainKitProvider>
-```
-
-Import chain configurations from [viem/chains](https://viem.sh/docs/chains/introduction) for type safety and accuracy.
-
-### API Key
-
-Your Coinbase Developer Platform API key enables access to OnchainKit services like token data, swap quotes, and transaction sponsorship.
-
-Required for:
-
-- Swap components and APIs
-- Transaction components with sponsorship
-- Token data and metadata
-- NFT minting components
-
-Get your API key from the [Coinbase Developer Platform](https://portal.cdp.coinbase.com/products/onchainkit).
-
-```tsx
-<OnchainKitProvider
-  apiKey={process.env.NEXT_PUBLIC_ONCHAINKIT_API_KEY}
-  chain={base}
->
-  {children}
-</OnchainKitProvider>
-```
-
-<Frame>
-<img
-  alt="OnchainKit copy Client API Key"
-  src="./images/copy-api-key-guide.png"
-  height="364"
-/>
-</Frame>
-
-### RPC URL
-
-Custom RPC endpoint for blockchain requests. If not provided, OnchainKit uses the Coinbase Developer Platform Node (requires `apiKey`).
-
-```tsx
-<OnchainKitProvider
-  chain={base}
-  rpcUrl="https://your-custom-rpc-endpoint.com"
->
-  {children}
-</OnchainKitProvider>
-```
-
-Most applications can omit this and use the default CDP Node by providing an `apiKey`.
-
-### Project ID
-
-Your Coinbase Developer Platform Project ID, required for funding and onramp components.
-
-```tsx
-<OnchainKitProvider
-  chain={base}
-  projectId={process.env.NEXT_PUBLIC_CDP_PROJECT_ID}
->
-  {children}
-</OnchainKitProvider>
-```
-
-Get your Project ID from the [Coinbase Developer Platform](https://portal.cdp.coinbase.com/projects).
-
-<Frame>
-<img
-  alt="OnchainKit copy Project ID"
-  src="./images/copy-project-id.png"
-  height="364"
-/>
-</Frame>
-
-### Config
-
-Configuration object to customize OnchainKit's appearance, wallet behavior, and gas sponsorship.
-
-```tsx
-<OnchainKitProvider
-  chain={base}
-  config={{
-    appearance: {
-      name: 'My App',
-      logo: 'https://example.com/logo.png',
-      mode: 'auto',
-      theme: 'default',
-    },
-    wallet: {
-      display: 'modal',
-      preference: 'all',
-      termsUrl: 'https://example.com/terms',
-      privacyUrl: 'https://example.com/privacy',
-      supportedWallets: {
-        rabby: true,
-        trust: true,
-      },
-    },
-    paymaster: 'https://api.developer.coinbase.com/rpc/v1/base/your-api-key',
-    analytics: true,
-  }}
->
-  {children}
-</OnchainKitProvider>
-```
-
-#### Appearance
-
-Controls visual styling and branding:
-
-- `name` — Your app's name displayed in components
-- `logo` — URL to your app's logo
-- `mode` — Color scheme: `'auto'`, `'light'`, or `'dark'`
-- `theme` — Visual theme: `'default'`, `'base'`, `'cyberpunk'`, `'hacker'`, or custom
-
-#### Wallet
-
-Wallet connection and display settings:
-
-- `display` — Interface style: `'modal'` (overlay) or `'classic'` (inline)
-- `preference` — Coinbase Wallet preference: `'all'`, `'smartWalletOnly'`, or `'eoaOnly'`
-- `termsUrl` — Link to your terms of service
-- `privacyUrl` — Link to your privacy policy
-- `supportedWallets` — Enable additional wallets: `rabby`, `trust`, `frame`
-
-#### Paymaster
-
-URL for gas sponsorship. Configure through [Coinbase Developer Platform](https://portal.cdp.coinbase.com/products/bundler-and-paymaster).
-
-#### Analytics
-
-Enable/disable usage analytics (defaults to `true`).
-
-### MiniKit
-
-Configuration for mini app features. Only needed when building mini apps.
-
-```tsx
-<OnchainKitProvider
-  chain={base}
-  miniKit={{
-    enabled: true,
-    autoConnect: true,
-    notificationProxyUrl: '/api/notify',
-  }}
->
-  {children}
-</OnchainKitProvider>
-```
-
-Options:
-
-- `enabled` — Enable MiniKit features (defaults to `false`)
-- `autoConnect` — Auto-connect when in mini apps (defaults to `true`)
-- `notificationProxyUrl` — Custom notification proxy URL (defaults to `/api/notify`)
-
-### Analytics
-
-Enable or disable OnchainKit usage analytics.
-
-```tsx
-<OnchainKitProvider
-  chain={base}
-  analytics={false} // Disable analytics
->
-  {children}
-</OnchainKitProvider>
-```
-
-Defaults to `true`. Analytics help improve OnchainKit but can be disabled for privacy.
-
-### Default Public Clients
-
-Custom viem public clients for specific chains. Useful when you need custom RPC configurations or want to use your own client settings.
-
-```tsx
-import { createPublicClient, http } from 'viem';
-import { base, mainnet } from 'viem/chains';
-
-const customClients = {
-  [base.id]: createPublicClient({
-    chain: base,
-    transport: http('https://your-custom-base-rpc.com'),
-  }),
-  [mainnet.id]: createPublicClient({
-    chain: mainnet,
-    transport: http('https://your-custom-mainnet-rpc.com'),
-    batch: {
-      multicall: true,
-    },
-  }),
-};
-
-<OnchainKitProvider
-  chain={base}
-  defaultPublicClients={customClients}
->
-  {children}
-</OnchainKitProvider>
-```
-
-Use cases:
-
-- Custom RPC endpoints with specific configurations
-- Enhanced client settings (batching, caching, retries)
-- Private or premium RPC providers
-- Multi-chain applications with different client requirements per chain
diff --git a/docs/onchainkit/latest/configuration/themes.mdx b/docs/onchainkit/latest/configuration/themes.mdx
deleted file mode 100644
index 3c3f97f8b..000000000
--- a/docs/onchainkit/latest/configuration/themes.mdx
+++ /dev/null
@@ -1,170 +0,0 @@
----
-title: Themes
-sidebarTitle: Themes
-description: Customize the appearance of OnchainKit components with built-in themes or create your own
----
-
-<Frame>
-<img alt="Themes"
-  src="/images/onchainkit/onchainkit-themes.gif"
-  height="364"/>
-</Frame>
-
-## Overview
-
-OnchainKit provides flexible appearance control through two main features: `mode` and `theme`.
-
-- **Mode**: Controls the light/dark appearance with `auto`, `light`, or `dark` options
-- **Theme**: Sets the overall styling including colors, fonts, and border radius
-
-Configure themes through the `OnchainKitProvider` to create a customized interface that matches your application's design.
-
-## Built-in Themes
-
-OnchainKit includes several built-in themes. Set the theme via the `OnchainKitProvider` using `config.appearance.theme`:
-
-- `default`: Multi-mode theme with light and dark variants
-- `base`: Base brand colors, available in light and dark modes  
-- `cyberpunk`: Dark-only theme with fuchsia accents and Oxanium font
-- `hacker`: Monospace theme with zinc colors and Noto Sans Mono font
-
-If no theme is specified, the `default` theme is used.
-
-```tsx
-<OnchainKitProvider
-  apiKey={process.env.NEXT_PUBLIC_ONCHAINKIT_API_KEY}
-  chain={base}
-  config={{ // [!code focus]
-    appearance: { // [!code focus]
-      mode: 'auto', // 'auto' | 'light' | 'dark'
-      theme: 'default', // 'default' | 'base' | 'cyberpunk' | 'hacker' // [!code focus]
-    }, // [!code focus]
-  }} // [!code focus]
->
-```
-
-## Mode
-
-Control the color scheme by setting the `config.appearance.mode` property:
-
-- `auto`: Automatically switches between light and dark based on system preference (default)
-- `light`: Forces light mode for all components
-- `dark`: Forces dark mode for all components
-
-Note: Single-mode themes like `cyberpunk` and `hacker` ignore the mode setting.
-
-```tsx
-<OnchainKitProvider
-  apiKey={process.env.NEXT_PUBLIC_ONCHAINKIT_API_KEY}
-  chain={base}
-  config={{
-    appearance: {
-      mode: 'auto', // 'auto' | 'light' | 'dark' // [!code focus]
-      theme: 'default', // 'default' | 'base' | 'cyberpunk' | 'hacker'
-    },
-  }}
->
-```
-
-## CSS Overrides
-
-Fine-tune specific aspects of an existing theme by overriding CSS variables.
-
-```css
-@layer base {
-  [data-ock-theme='default-light'],
-  [data-ock-theme='default-dark'],
-  [data-ock-theme='base-light'],
-  [data-ock-theme='base-dark'],
-  [data-ock-theme='cyberpunk'],
-  [data-ock-theme='hacker'] {
-    /* Override specific variables */
-    --ock-font-family: 'Roboto', sans-serif;
-    --ock-radius-default: 0.5rem;
-    --ock-primary: #ff6b35;
-  }
-}
-```
-
-## Custom Theme
-
-Create a completely custom theme with full control over colors, fonts, and styling.
-
-### Custom Theme Setup
-
-Define your custom theme using CSS variables. Theme classes should include `-light` and `-dark` suffixes for multi-mode support:
-
-```tsx
-<OnchainKitProvider
-  apiKey={process.env.NEXT_PUBLIC_ONCHAINKIT_API_KEY}
-  chain={base}
-  config={{
-    appearance: {
-      mode: 'auto', // Will switch between custom-light and custom-dark
-      theme: 'custom', // [!code focus]
-    },
-  }}
->
-```
-
-### Theme Definition
-
-Use the correct CSS variable names that match OnchainKit's theming system:
-
-```css
-@layer base {
-  [data-ock-theme='custom-light'] {
-    /* Typography and Shape */
-    --ock-font-family: 'Inter', sans-serif;
-    --ock-radius-default: 0.75rem;
-    --ock-radius-inner: 0.375rem;
-
-    /* Foreground Colors */
-    --ock-foreground: #1a1a1a;
-    --ock-foreground-muted: #6b7280;
-    --ock-foreground-inverse: #ffffff;
-    --ock-foreground-disabled: #9ca3af;
-
-    /* Background Colors */
-    --ock-background: #ffffff;
-    --ock-background-hover: #f3f4f6;
-    --ock-background-active: #e5e7eb;
-    --ock-background-alternate: #f9fafb;
-    --ock-background-alternate-hover: #f3f4f6;
-    --ock-background-alternate-active: #e5e7eb;
-    --ock-background-inverse: #f3f4f6;
-    --ock-background-inverse-hover: #e5e7eb;
-    --ock-background-inverse-active: #d1d5db;
-    --ock-background-reverse: #1a1a1a;
-
-    /* Primary Colors */
-    --ock-primary: #3b82f6;
-    --ock-primary-hover: #2563eb;
-    --ock-primary-active: #1d4ed8;
-    --ock-primary-washed: #dbeafe;
-    --ock-primary-disabled: #93c5fd;
-
-    /* Secondary Colors */
-    --ock-secondary: #e2e8f0;
-    --ock-secondary-hover: #cbd5e1;
-    --ock-secondary-active: #94a3b8;
-
-    /* State Colors */
-    --ock-error: #dc2626;
-    --ock-warning: #d97706;
-    --ock-success: #16a34a;
-    --ock-success-background: #bbf7d0;
-
-    /* Lines */
-    --ock-line: #e5e7eb;
-  }
-
-  [data-ock-theme='custom-dark'] {
-    /* Define dark mode variables here */
-    --ock-foreground: #ffffff;
-    --ock-foreground-muted: #9ca3af;
-    --ock-background: #1a1a1a;
-    /* ... other dark mode variables */
-  }
-}
-```
diff --git a/docs/onchainkit/latest/configuration/wagmi-viem-integration.mdx b/docs/onchainkit/latest/configuration/wagmi-viem-integration.mdx
deleted file mode 100644
index 37cd48b72..000000000
--- a/docs/onchainkit/latest/configuration/wagmi-viem-integration.mdx
+++ /dev/null
@@ -1,157 +0,0 @@
----
-title: "Wagmi & Viem Integration"
----
-
-OnchainKit automatically sets up Wagmi and TanStack Query providers for you. However, you can provide your own custom Wagmi configuration for advanced use cases like custom connectors, chains, or storage options.
-
-## Default Setup
-
-By default, OnchainKitProvider handles all the provider setup internally:
-
-```tsx
-<OnchainKitProvider
-  apiKey={process.env.NEXT_PUBLIC_ONCHAINKIT_API_KEY}
-  chain={base}
->
-  {children}
-</OnchainKitProvider>
-```
-
-This automatically includes:
-
-- Wagmi configuration with Coinbase Wallet connector
-- TanStack Query client for caching
-- Optimized defaults for most applications
-
-## Custom Wagmi Configuration
-
-For advanced control over wallet connectors, chains, or other Wagmi settings, wrap OnchainKitProvider with your own Wagmi providers:
-
-<CodeGroup>
-
-```tsx wagmi.ts
-import { http, cookieStorage, createConfig, createStorage } from 'wagmi';
-import { base, baseSepolia } from 'viem/chains';
-import { coinbaseWallet, metaMask } from 'wagmi/connectors';
-
-export function getConfig() {
-  return createConfig({
-    chains: [base, baseSepolia],
-    connectors: [
-      coinbaseWallet({
-        appName: 'My OnchainKit App',
-        preference: 'smartWalletOnly',
-        version: '4',
-      }),
-      metaMask(), // Add additional connectors
-    ],
-    storage: createStorage({
-      storage: cookieStorage,
-    }),
-    ssr: true,
-    transports: {
-      [base.id]: http(),
-      [baseSepolia.id]: http(),
-    },
-  });
-}
-
-declare module 'wagmi' {
-  interface Register {
-    config: ReturnType<typeof getConfig>;
-  }
-}
-```
-
-```tsx providers.tsx
-import { OnchainKitProvider } from '@coinbase/onchainkit';
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { base } from 'viem/chains';
-import { type ReactNode, useState } from 'react';
-import { type State, WagmiProvider } from 'wagmi';
-import { getConfig } from './wagmi';
-
-export function Providers(props: {
-  children: ReactNode;
-  initialState?: State;
-}) {
-  const [config] = useState(() => getConfig());
-  const [queryClient] = useState(() => new QueryClient());
-
-  return (
-    <WagmiProvider config={config} initialState={props.initialState}>
-      <QueryClientProvider client={queryClient}>
-        <OnchainKitProvider
-          apiKey={process.env.NEXT_PUBLIC_ONCHAINKIT_API_KEY}
-          chain={base}
-        >
-          {props.children}
-        </OnchainKitProvider>
-      </QueryClientProvider>
-    </WagmiProvider>
-  );
-}
-```
-
-</CodeGroup>
-
-## When to Use Custom Configuration
-
-Consider custom Wagmi configuration when you need:
-
-- **Multiple chains** beyond the primary chain
-- **Advanced caching** with custom QueryClient settings
-- **SSR support** with cookie-based persistence
-- **Custom transports** or RPC configurations
-
-## Common Patterns
-
-### Multi-chain Support
-
-```tsx wagmi.ts
-import { base, mainnet, optimism } from 'viem/chains';
-
-export function getConfig() {
-  return createConfig({
-    chains: [base, mainnet, optimism],
-    // ... other config
-    transports: {
-      [base.id]: http(),
-      [mainnet.id]: http(),
-      [optimism.id]: http(),
-    },
-  });
-}
-```
-
-### Custom Query Client
-
-```tsx providers.tsx
-const [queryClient] = useState(() => new QueryClient({
-  defaultOptions: {
-    queries: {
-      staleTime: 1000 * 60 * 5,
-    },
-  },
-}));
-```
-
-### Environment-specific Configuration
-
-```tsx wagmi.ts
-const isDevelopment = process.env.NODE_ENV === 'development';
-
-export function getConfig() {
-  return createConfig({
-    chains: isDevelopment ? [baseSepolia] : [base],
-    // ... development vs production settings
-  });
-}
-```
-
-## Important Notes
-
-- Always place custom Wagmi and Query providers **outside** of OnchainKitProvider
-- OnchainKit components will use your custom Wagmi configuration automatically
-- The `chain` prop on OnchainKitProvider should match your primary chain
-- Custom configurations require additional setup but provide maximum flexibility
diff --git a/docs/onchainkit/latest/getting-started/manual-installation.mdx b/docs/onchainkit/latest/getting-started/manual-installation.mdx
deleted file mode 100644
index fb7280e06..000000000
--- a/docs/onchainkit/latest/getting-started/manual-installation.mdx
+++ /dev/null
@@ -1,193 +0,0 @@
----
-title: "Manual Installation"
----
-
-Working in an existing React project? Here's how to manually install and configure OnchainKit.
-
-## Install the required dependencies
-
-Add OnchainKit and its peer dependencies to your project:
-
-```bash Terminal
-npm install @coinbase/onchainkit react react-dom wagmi viem
-```
-
-Or with your preferred package manager:
-
-```bash Terminal
-# pnpm
-pnpm add @coinbase/onchainkit react react-dom wagmi viem
-
-# yarn
-yarn add @coinbase/onchainkit react react-dom wagmi viem
-```
-
-## Import styles
-
-OnchainKit components need the base styles to look correct. Import them in your app's root layout or main CSS file:
-
-```tsx app/layout.tsx
-import '@coinbase/onchainkit/styles.css';
-```
-
-Or in your main CSS file:
-
-```css globals.css
-@import '@coinbase/onchainkit/styles.css';
-```
-
-## Set up and configure the provider
-
-Wrap your app with the `OnchainKitProvider`. This gives all OnchainKit components access to your chain configuration and API keys.
-
-OnchainKit handles Wagmi and React Query setup internally, so you just need to configure the provider with your preferences.
-
-If you want to customize these providers, check out the [Custom Providers](/advanced/custom-providers) page.
-
-```tsx app/layout.tsx
-'use client';
-import { OnchainKitProvider } from '@coinbase/onchainkit';
-import { base } from 'wagmi/chains';
-
-export default function RootLayout({ children }) {
-  return (
-    <OnchainKitProvider
-      apiKey="YOUR_API_KEY"
-      chain={base}
-      config={{
-        appearance: {
-          mode: 'auto', // 'light' | 'dark' | 'auto'
-        },
-        wallet: {
-          display: 'modal', // 'modal' | 'drawer'
-          preference: 'all', // 'all' | 'smartWalletOnly' | 'eoaOnly'
-        },
-      }}
-    >
-      <html>
-        <body>
-          {children}
-        </body>
-      </html>
-    </OnchainKitProvider>
-  );
-}
-```
-
-## Environment variables (optional)
-
-While you can hardcode your API key directly in the provider, it may be cleaner to use environment variables for security, especially in production apps.
-
-### Next.js
-
-Create a `.env.local` file in your project root:
-
-```bash .env.local
-NEXT_PUBLIC_ONCHAINKIT_API_KEY=your_api_key_here
-```
-
-### Vite
-
-Create a `.env` file in your project root:
-
-```bash .env
-VITE_ONCHAINKIT_API_KEY=your_api_key_here
-```
-
-### Other frameworks
-
-Follow your framework's convention for environment variables. Most React frameworks support `.env` files.
-
-### Using the environment variable
-
-```tsx
-<OnchainKitProvider
-  apiKey={
-    // Next.js
-    process.env.NEXT_PUBLIC_ONCHAINKIT_API_KEY ||
-    // Vite
-    import.meta.env.VITE_ONCHAINKIT_API_KEY ||
-    // Hardcoded fallback
-    "your_api_key_here"
-  }
-  chain={base}
->
-```
-
-## Basic usage
-
-Now you can start using OnchainKit components:
-
-```tsx components/WalletDemo.tsx
-'use client';
-import {
-  ConnectWallet,
-  Wallet,
-  WalletDropdown,
-  WalletDropdownDisconnect,
-} from '@coinbase/onchainkit/wallet';
-
-export default function WalletDemo() {
-  return (
-    <Wallet>
-      <ConnectWallet />
-      <WalletDropdown />
-    </Wallet>
-  );
-}
-```
-
-## Mini app setup
-
-If you're building a mini app, you'll need to follow a couple additional steps:
-
-### 1. Enable MiniKit in the provider
-
-```tsx app/layout.tsx
-<OnchainKitProvider
-  apiKey="YOUR_API_KEY"
-  chain={base}
-  miniKit={{
-    enabled: true, // Add this
-  }}
->
-```
-
-### 2. Add SafeArea component
-
-Wrap your main content to handle safe areas on mobile.
-
-If you want to wrap your whole application, put this in your root layout.
-
-```tsx app/page.tsx
-import { SafeArea } from '@coinbase/onchainkit/minikit';
-
-export default function Home() {
-  return (
-    <SafeArea>
-      <main>
-        {/* Your app content */}
-      </main>
-    </SafeArea>
-  );
-}
-```
-
-### 3. Create the manifest endpoint
-
-Create an API route that serves your Farcaster manifest.
-
-See the [manifest documentation](/mini-apps/features/manifest) for more information.
-
-```tsx app/api/.well-known/farcaster.json/route.ts
-export async function GET() {
-  return Response.json({
-    // ...your manifest data...
-  });
-}
-```
-
-## Next steps
-
-- Check out the [component documentation](/onchainkit/latest/components) to see what's available
-- Read the [configuration guide](/onchainkit/latest/configuration) for advanced setup options
diff --git a/docs/onchainkit/latest/getting-started/overview.mdx b/docs/onchainkit/latest/getting-started/overview.mdx
deleted file mode 100644
index 88ccbdee9..000000000
--- a/docs/onchainkit/latest/getting-started/overview.mdx
+++ /dev/null
@@ -1,61 +0,0 @@
----
-title: "Overview"
----
-
-OnchainKit is a full-featured React library for building onchain applications. Whether you're creating a web app, mini app, or hybrid app, OnchainKit provides components and utilities to help you build quickly and easily.
-
-From wallet connection and transactions to identity resolution and DeFi integrations, OnchainKit has you covered.
-
-## An all-in-one web app and mini app solution
-
-OnchainKit helps you build traditional onchain web apps, mini apps, and hybrid apps (apps that work in Farcaster clients such as the Base app, as well as the browser).
-
-If you're new to mini apps, they are supercharged web apps that get additional functionality such as automatic wallet connection, push notifications, and more. Check out the [Mini Apps documentation](/mini-apps/overview) for more information.
-
-{/* TODO: Create mini-apps/overview.mdx - comprehensive guide to mini apps */}
-
-## Philosophy
-
-OnchainKit aims to provide a comprehensive toolkit that combines powerful onchain features with developer-friendly design. It's built with the following principles in mind:
-
-- **Ergonomic design:** Full-stack tools that make complex onchain interactions intuitive
-- **Battle-tested patterns:** Industry best practices packaged into ready-to-use solutions
-- **Purpose-built components:** Pre-built modules for common onchain workflows
-- **Framework agnostic:** Compatible with any React framework
-- **Supercharged by Base:** Deep integration with Base's protocol features and ecosystem
-
-## Key Features
-
-OnchainKit provides everything you need to build modern onchain applications:
-
-- **Wallet Components** - Connection, selection, and management UI
-- **Identity System** - ENS/Basename resolution and profile display
-- **Transaction Tools** - Transaction building, sending, and status tracking
-- **DeFi Integration** - Token swaps, yield farming, and portfolio management
-- **Commerce Components** - Onramp, checkout, and payment flows
-- **Advanced Customization** - Render props for complete UI control while maintaining functionality
-
-## Customization
-
-OnchainKit components are designed to be highly customizable. In addition to standard props like `className` and `children`, many components support **render props** for complete control over their UI while maintaining all underlying functionality.
-
-Render props let you implement custom designs for buttons, inputs, and other interactive elements while OnchainKit handles the complex onchain logic:
-
-```tsx
-// Example: Custom wallet connect button
-<ConnectWallet
-  render={({ onClick, status, isLoading }) => (
-    <button onClick={onClick} className="my-custom-style">
-      {status === 'disconnected' ? 'Connect' : 'Connected'}
-    </button>
-  )}
-/>
-```
-
-Components with render prop support include `ConnectWallet`, `TransactionButton`, `SignatureButton`, various `Swap` components, and `Fund` components. Check individual component documentation for specific render prop interfaces.
-
-<Check>
-  These docs are LLM-friendly. Reference the [OnchainKit AI Prompting Guide](/onchainkit/guides/ai-prompting-guide) in your code editor to streamline builds and prompt smarter.
-</Check>
-
-{/* TODO: Create guides/ai-prompting-guide.mdx - comprehensive AI prompting guide for OnchainKit */}
diff --git a/docs/onchainkit/latest/getting-started/quickstart-guide.mdx b/docs/onchainkit/latest/getting-started/quickstart-guide.mdx
deleted file mode 100644
index 45d4f7ffd..000000000
--- a/docs/onchainkit/latest/getting-started/quickstart-guide.mdx
+++ /dev/null
@@ -1,52 +0,0 @@
----
-title: "Quickstart Guide"
----
-
-Building a new app? The easiest way to get started is to use `npx create-onchain`, which sets up everything automatically for you.
-
-After running `npx create-onchain` and following the prompts, you'll have a [Next.js](https://nextjs.org/) project with OnchainKit installed and ready to go.
-
-## Bootstrapping a new project
-
-### Mini app support
-
-If you're building a mini app or hybrid app, you can use the `--mini` flag to bootstrap a project with mini app support.
-
-```bash Terminal
-npx create-onchain --mini
-```
-
-### Traditional onchain web app
-
-If you don't want to use mini app features, simply omit the `--mini` flag. If you decide to add mini app features later, you can convert your project to a mini by making some small changes to your codebase.
-
-```bash Terminal
-npx create-onchain
-```
-
-## CLI settings
-
-The CLI will ask you a few simple questions to help you get started.
-
-These are:
-
-- Your project's name
-- Your [Coinbase Developer Platform Client API key](https://portal.cdp.coinbase.com/products/onchainkit) (optional)
-- Whether you'd like to enable telemetry (optional)
-
-After this, simply `cd` into your project folder and run `npm install` (or use your package manager of choice) to install the dependencies.
-
-Finally, run `npm run dev` to start the project and get to building!
-
-## What you get
-
-The generated project includes:
-
-- **Next.js scaffold** - A new Next.js 15 project using the App Router
-- **OnchainKit components** - Pre-configured OnchainKit provider and components
-- **Wagmi & Viem integration** - Ready to use and set up for the Base network
-- **TypeScript** - Full type safety out of the box
-
-## Need more control?
-
-For existing projects or custom setups, check out the [Manual Installation Guide](./manual-installation) for step-by-step integration instructions.
diff --git a/docs/onchainkit/latest/getting-started/troubleshooting.mdx b/docs/onchainkit/latest/getting-started/troubleshooting.mdx
deleted file mode 100644
index 6b528c712..000000000
--- a/docs/onchainkit/latest/getting-started/troubleshooting.mdx
+++ /dev/null
@@ -1,111 +0,0 @@
----
-title: "Troubleshooting"
----
-
-Running into issues? This guide covers the most common problems and how to fix them. Can't find your issue? Check our [GitHub Issues](https://github.com/coinbase/onchainkit/issues) or ask in [Discord](https://discord.gg/invite/buildonbase).
-
-## Common Issues
-
-### Environment Setup
-
-- **Missing Project ID**
-
-  - Error: "Project ID is required for this component"
-  - Solution: Add your Project ID to the OnchainKitProvider:
-
-```tsx
-<OnchainKitProvider
-  apiKey="YOUR_API_KEY"
-  projectId="YOUR_PROJECT_ID" // Get this from portal.cdp.coinbase.com
-  chain={base}
->
-```
-
-- **Contracts Not Available**
-  - Error: "Contracts are not available" or "Contracts not available for LifecycleStatus"
-  - Solutions:
-    - Double-check your OnchainKit API key is set correctly
-    - Make sure you're using an API key from [portal.cdp.coinbase.com](https://portal.cdp.coinbase.com)
-    - Verify your environment variables are properly exposed to the client
-
-### Dependencies
-
-- **Version Compatibility**
-  - Issue: Compilation failures or TypeScript errors
-  - Solution: Make sure you're using compatible package versions:
-
-```json
-{
-  "dependencies": {
-    "@coinbase/onchainkit": "^1.0.0",
-    "react": "^19",
-    "react-dom": "^19",
-    "viem": "^2.27.0",
-    "wagmi": "^2.16.0"
-  }
-}
-```
-
-### Provider Configuration
-
-- **Missing OnchainKitProvider**
-
-  - Issue: Missing OnchainKitProvider context values
-  - Solution: Wrap your app with OnchainKitProvider. See our [setup guide](/getting-started/manual-installation) for details:
-
-```tsx
-import { OnchainKitProvider } from '@coinbase/onchainkit';
-import { base } from 'viem/chains';
-
-export default function App({ children }) {
-  return (
-    <OnchainKitProvider
-      apiKey={process.env.NEXT_PUBLIC_ONCHAINKIT_API_KEY}
-      chain={base}
-    >
-      {children}
-    </OnchainKitProvider>
-  );
-}
-```
-
-### Wallet Connection
-
-- **Connection Failed**
-
-  - Error: "Unable to connect wallet"
-  - Solutions:
-    - Make sure your wallet extension is installed and unlocked
-    - Check that you're on a supported network
-    - Try switching networks in your wallet
-    - Verify your RPC endpoints are working
-
-- **Chain Switching Issues**
-  - Error: "Failed to switch chain"
-  - Solutions:
-    - Make sure the chain is supported by OnchainKit
-    - Check that your wallet has the right permissions
-    - Verify your RPC endpoints are set up correctly
-    - Try manually adding the chain to your wallet first
-
-### Transaction Issues
-
-- **Gas Estimation Failed**
-  - Error: "Gas estimation failed"
-  - Solutions:
-    - Make sure you have enough ETH for gas fees
-    - Double-check your transaction parameters
-    - Verify you're on the right network
-
-### Module Resolution
-
-- **Module Resolution Errors**
-  - Error: "Cannot find module ... or its corresponding type declarations"
-  - Solution: OnchainKit only supports ES Modules, not CommonJS. Use Node 22+ and set `"moduleResolution": "NodeNext"` in your TypeScript config for the best experience.
-
-## Getting Help
-
-Need more help?
-
-- [Discord Community](https://discord.gg/invite/buildonbase)
-- [GitHub Issues](https://github.com/coinbase/onchainkit/issues)
diff --git a/docs/onchainkit/latest/guides/ai-prompting-guide.mdx b/docs/onchainkit/latest/guides/ai-prompting-guide.mdx
deleted file mode 100644
index 64b9a152b..000000000
--- a/docs/onchainkit/latest/guides/ai-prompting-guide.mdx
+++ /dev/null
@@ -1,239 +0,0 @@
----
-sidebarTitle: 'AI Prompting Guide'
-title: AI Prompting Guide
-description: Practical techniques for getting better results from AI coding assistants when building with OnchainKit.
----
-
-Get better results from AI coding assistants when building with OnchainKit. Whether you're using Cursor, GitHub Copilot, or other AI tools, these techniques will improve your workflow.
-
-## Understanding Context Windows
-
-### Why Context Matters
-
-AI coding assistants have a "context window" - the amount of text they can process at once. Think of it as working memory:
-
-- Most assistants process thousands of tokens (roughly 4-5 words per token)
-- Everything you share consumes this limited space
-- Once full, older conversation parts may be lost
-
-Provide relevant context upfront since AI can only work with what's in its current window.
-
-### Optimizing for Context Windows
-
-Optimize for context windows:
-
-1. **Share relevant info first** - Most important details upfront
-2. **Skip unnecessary content** - Avoid irrelevant code or docs
-3. **Structure requests clearly** - Use sections and formatting
-4. **Reference smartly** - Share only relevant files for large codebases
-
-For larger projects, create a central documentation file rather than repeatedly explaining context.
-
-## Setting Up AI Tools
-
-### Cursor Rules
-
-Cursor Rules provide consistent context to help AI understand your codebase better.
-
-1. Open Command Palette: `Cmd + Shift + P` (Mac) or `Ctrl + Shift + P` (Windows/Linux)
-2. Search "Cursor Rules" and create/edit rules
-3. Add project-specific rules:
-   - [Next.js](https://raw.githubusercontent.com/PatrickJS/awesome-cursorrules/refs/heads/main/rules/nextjs-tailwind-typescript-apps-cursorrules-prompt/.cursorrules)
-   - [Astro](https://raw.githubusercontent.com/PatrickJS/awesome-cursorrules/refs/heads/main/rules/astro-typescript-cursorrules-prompt-file/.cursorrules)
-   - [Vite](https://raw.githubusercontent.com/PatrickJS/awesome-cursorrules/refs/heads/main/rules/typescript-vite-tailwind-cursorrules-prompt-file/.cursorrules)
-4. Save to apply rules to AI suggestions
-
-### OnchainKit Projects
-
-Create a new OnchainKit project:
-
-```shell
-npm create onchain@latest
-```
-
-After setup, generate comprehensive documentation for your project.
-
-### Creating Project Documentation
-
-A project instructions file helps AI understand your codebase. Create this early and update regularly.
-
-**Instructions.md prompt:**
-
-```
-Create a detailed instructions.md file for my OnchainKit project:
-
-1. Overview: Project goals and core functionality
-2. Tech Stack: Technologies, libraries, frameworks with versions
-3. Project Structure: File organization with explanations
-4. Coding Standards: Style conventions, linting rules, patterns
-5. User Stories: Key functionality from user perspective
-6. APIs and Integrations: External services and connections
-```
-
-<Note>
-For architecture planning and complex design decisions, use reasoning-focused AI models. They excel at analyzing tradeoffs, edge cases, and long-term planning.
-</Note>
-
-
-## Effective Prompting Strategies
-
-### Be Specific
-
-AI tools respond best to clear, direct instructions.
-
-❌ "Help me with my code"
-✅ "Refactor this authentication function to use async/await instead of nested then() calls"
-
-### Provide Context
-
-**Template:**
-
-```
-I'm working on an OnchainKit project using [frameworks/libraries]. I need help with:
-
-1. Problem: [describe specific issue]
-2. Current approach: [what you've tried]
-3. Constraints: [technical limitations]
-4. Expected outcome: [what success looks like]
-
-Relevant docs: @https://onchainkit.xyz
-
-Relevant code:
-[paste your code]
-```
-
-### Iterate
-
-Start simple and refine rather than trying to get everything perfect at once.
-
-**Template:**
-
-```
-Let's approach this step by step:
-1. First, implement basic [feature] with minimal functionality
-2. Review and identify improvements
-3. Add error handling and edge cases
-4. Optimize for performance
-
-Start with step 1.
-```
-
-## Working with OnchainKit
-
-### Using Documentation
-
-Reference OnchainKit documentation directly in your prompts:
-
-1. Browse [OnchainKit docs](../getting-started/overview)
-2. Find your component
-3. Reference the docs URL in your prompt
-
-**Example:**
-
-```
-I'm implementing a swap component with OnchainKit. 
-
-Docs: @https://onchainkit.xyz
-
-Show me how to implement a swap that:
-1. Swaps USDC to ETH on Base
-2. Handles connection states
-3. Includes error handling
-4. Follows UX best practices
-```
-
-### Component Integration
-
-**Token balance example:**
-
-```
-Implement a token balance display feature:
-
-1. Shows connected wallet's balance of [TOKEN_SYMBOL]
-2. Updates when balance changes
-3. Handles loading and error states
-4. Follows project coding standards
-5. Update instructions.md with this implementation
-```
-
-## Debugging with AI
-
-### Debugging Prompts
-
-**Bug analysis template:**
-
-```
-I'm encountering an issue:
-
-1. Expected behavior: [what should happen]
-2. Actual behavior: [what's happening]
-3. Error messages: [any errors]
-4. Relevant code: [problematic code]
-
-Analyze step by step and help me:
-1. Identify potential causes
-2. Suggest debugging steps
-3. Propose solutions
-```
-
-**Debug logging template:**
-
-```
-Add comprehensive logging to this function to trace:
-1. Input values and types
-2. Function execution flow
-3. Intermediate state changes
-4. Output values or errors
-
-Code:
-[paste your code]
-```
-
-### When Stuck
-
-**Clarification template:**
-
-```
-I'm unsure how to proceed with [specific task]. Here's what I know:
-1. [problem context]
-2. [what you've tried]
-3. [specific areas needing guidance]
-
-What additional information would help you assist better?
-```
-
-## Advanced Techniques
-
-1. **Step-by-step reasoning**
-   ```
-   Analyze this code step by step and identify potential issues.
-   ```
-
-2. **Format specification**
-   ```
-   Structure your response as a tutorial with code examples.
-   ```
-
-3. **Length guidance**
-   ```
-   Provide a concise explanation in 2-3 paragraphs.
-   ```
-
-4. **Clarify ambiguities**
-   ```
-   You suggested two approaches. I prefer the first with TypeScript.
-   ```
-
-## Best Practices
-
-1. **Understand context limitations** - AI has finite memory, prioritize important info
-2. **Provide relevant context** - Share code, errors, and project details that matter
-3. **Be specific** - Clear instructions beat vague questions
-4. **Break down complex tasks** - Iterative approaches work better
-5. **Request explanations** - Ask AI to explain generated code you don't understand
-6. **Use clear formatting** - Structure prompts with sections
-7. **Reference docs** - Include OnchainKit documentation links
-8. **Test and validate** - Always review AI-generated code before implementing
-9. **Build on context** - Reference earlier conversation parts when iterating
-10. **Provide feedback** - Tell AI what worked and what didn't
-
diff --git a/docs/onchainkit/latest/guides/contributing.mdx b/docs/onchainkit/latest/guides/contributing.mdx
deleted file mode 100644
index 9670bc313..000000000
--- a/docs/onchainkit/latest/guides/contributing.mdx
+++ /dev/null
@@ -1,94 +0,0 @@
----
-title: Contributing
----
-
-Contributing guide for OnchainKit development.
-
-## Setup
-
-```bash
-# Clone repo
-git clone git@github.com:coinbase/onchainkit.git
-
-# Install dependencies
-pnpm install
-```
-
-Requires Node.js and pnpm. See [pnpm installation](https://pnpm.io/installation) if needed.
-
-## Codebase
-
-Monorepo structure:
-
-```bash
-packages/onchainkit/
-└── src/
-   ├── api/                         - API related components and functions
-   ├── core/                        - Files with zero dependencies
-   ├── styles/                      - Styles
-   │   ├── index-with-tailwind.css  - CSS entrypoint
-   ├── {Component}/                 - Component folder
-   │   ├── components/              - React components
-   │   │   ├── {Name}.tsx
-   │   │   ├── {Name}.test.tsx
-   │   │   └── {Name}.css
-   │   ├── core/                    - Utility functions
-   │   ├── index.ts                 - Entrypoint for the folder
-   │   └── types.ts                 - Export types
-   │
-   ├── index.ts                     - Main package entry point
-   ├── types.ts                     - Core types
-   └── OnchainKitProvider.tsx       - OnchainKit provider
-```
-
-## Development
-
-```bash
-# Start development environment with live reload
-pnpm f:play dev
-
-# Build package
-pnpm f:ock build
-
-# Run tests
-pnpm f:ock test
-pnpm f:ock test:watch
-pnpm f:ock test:coverage
-```
-
-Requirements:
-- 100% test coverage for all changes
-- All tests must pass
-- Follow existing code patterns
-
-## Changelog
-
-All changes require a changelog entry. Run this command and follow the prompts:
-
-```bash
-pnpm changeset
-```
-
-Select the appropriate bump type (usually `minor`) and write a clear description:
-
-```
-- **feat**: add render props to ConnectWallet component
-- **fix**: resolve wallet connection timeout issue  
-- **docs**: update swap component examples
-```
-
-Types: `feat`, `fix`, `docs`, `chore`
-
-The system automatically adds your username and PR number when the change is merged.
-
-## What We Don't Accept
-
-We don't accept PRs for:
-- Typos in comments
-- Test changes that don't fix actual functionality
-- Changelog edits
-- Minor formatting or style changes
-
-## Feature Requests
-
-Submit via [GitHub Issues](https://github.com/coinbase/onchainkit/issues) with "Feature Request:" label.
diff --git a/docs/onchainkit/latest/hooks/earn/use-build-deposit-to-morpho-tx.mdx b/docs/onchainkit/latest/hooks/earn/use-build-deposit-to-morpho-tx.mdx
deleted file mode 100644
index a6cb4ab06..000000000
--- a/docs/onchainkit/latest/hooks/earn/use-build-deposit-to-morpho-tx.mdx
+++ /dev/null
@@ -1,48 +0,0 @@
----
-title: useBuildDepositToMorphoTx
----
-
-
-The `useBuildDepositToMorphoTx` hook is used to build a deposit transaction to Morpho from within a React component.
-
-The hook handles the following:
-
-- Fetching data required to build the transaction
-- Using [`buildDepositToMorphoTx`](/onchainkit/api/build-deposit-to-morpho-tx) to build the transaction
-- Returning the transaction calls to be used with the `<Transaction />` component
-
-## Usage
-
-```tsx code
-import { useBuildDepositToMorphoTx } from '@coinbase/onchainkit/earn';
-
-const { calls } = useBuildDepositToMorphoTx({
-  vaultAddress: '0x...',
-  recipientAddress: '0x...',
-  amount: '1000000000000000000',
-});
-```
-
-## Returns
-
-```ts
-{
-  calls: Call[];
-}
-
-type Call = { 
-  to: Hex; 
-  data?: Hex; 
-  value?: bigint; 
-};
-```
-
-## Parameters
-
-```ts
-type UseBuildDepositToMorphoTxParams = {
-  vaultAddress: Address;
-  recipientAddress?: Address;
-  amount: string;
-};
-```
diff --git a/docs/onchainkit/latest/hooks/earn/use-build-withdraw-from-morpho-tx.mdx b/docs/onchainkit/latest/hooks/earn/use-build-withdraw-from-morpho-tx.mdx
deleted file mode 100644
index 315775437..000000000
--- a/docs/onchainkit/latest/hooks/earn/use-build-withdraw-from-morpho-tx.mdx
+++ /dev/null
@@ -1,50 +0,0 @@
----
-title: useBuildWithdrawFromMorphoTx
----
-
-
-The `useBuildWithdrawFromMorphoTx` hook is used to build a withdraw transaction from Morpho from within a React component.
-
-The hook handles the following:
-
-- Fetching data required to build the transaction
-- Using [`buildWithdrawFromMorphoTx`](/onchainkit/api/build-withdraw-from-morpho-tx) to build the transaction
-- Returning the transaction calls to be used with the `<Transaction />` component
-
-## Usage
-
-```tsx code
-import { useBuildWithdrawFromMorphoTx } from '@coinbase/onchainkit/earn';
-
-const { calls } = useBuildWithdrawFromMorphoTx({
-  vaultAddress: '0x...',
-  recipientAddress: '0x...',
-  amount: '1000000000000000000',
-  tokenDecimals: 18,
-});
-```
-
-## Returns
-
-```ts
-{
-  calls: Call[];
-}
-
-type Call = { 
-  to: Hex; 
-  data?: Hex; 
-  value?: bigint; 
-};
-```
-
-## Parameters
-
-```ts
-type UseBuildWithdrawFromMorphoTxParams = {
-  vaultAddress: Address;
-  recipientAddress?: Address;
-  amount: string;
-  tokenDecimals: number | undefined;
-};
-```
diff --git a/docs/onchainkit/latest/hooks/earn/use-earn-context.mdx b/docs/onchainkit/latest/hooks/earn/use-earn-context.mdx
deleted file mode 100644
index 669b03ebf..000000000
--- a/docs/onchainkit/latest/hooks/earn/use-earn-context.mdx
+++ /dev/null
@@ -1,81 +0,0 @@
----
-title: useEarnContext
----
-
-Access context values from the `Earn` component. Build custom deposit and withdraw interfaces with Morpho vault data.
-
-<Note>
-Use within `<Earn />` or `<EarnProvider />` components.
-</Note>
-
-## Usage
-
-```tsx code
-import { useEarnContext } from '@coinbase/onchainkit/earn';
-
-const { depositAmount, 
-        setDepositAmount, 
-        apy, 
-        nativeApy, 
-        rewards, 
-        vaultFee, 
-        vaultToken, 
-        liquidity, 
-        deposits 
-       // ...  
-        } = useEarnContext();
-
-// Use the values to build a custom deposit interface!
-```
-
-## Returns
-
-```ts
-type EarnContextType = {
-  /** Warns users if vault address is invalid */
-  error: Error | null;
-  recipientAddress?: Address;
-  /** Balance of the underlying asset in the user's wallet, converted to the asset's decimals */
-  walletBalance?: string;
-  /** Status of the wallet balance fetch */
-  walletBalanceStatus: 'pending' | 'success' | 'error';
-  refetchWalletBalance: () => void;
-  vaultAddress: Address;
-  /** The token that is being deposited or withdrawn (the underlying asset of the vault) */
-  vaultToken: Token | undefined;
-  vaultName: string | undefined;
-  /** Total deposits in the vault */
-  deposits: string | undefined;
-  /** Total liquidity (available to borrow) in the vault */
-  liquidity: string | undefined;
-  /** Total APY of the vault, including rewards */
-  apy: number | undefined;
-  nativeApy: UseMorphoVaultReturnType['nativeApy'];
-  vaultFee: UseMorphoVaultReturnType['vaultFee'];
-  /** Rewards earned by the user in the vault */
-  rewards: UseMorphoVaultReturnType['rewards'];
-  /** The amount of underlying asset that has been deposited in the vault by the connected user */
-  depositedBalance?: string;
-  /** Whether the deposited balance is being fetched */
-  depositedBalanceStatus: 'pending' | 'success' | 'error';
-  refetchDepositedBalance: () => void;
-  /** Interest earned by the user in the vault */
-  interestEarned?: string;
-  /** Amount that the user has typed into the deposit amount input */
-  depositAmount: string;
-  setDepositAmount: (amount: string) => void;
-  depositAmountError: string | null;
-  depositCalls: Call[];
-  /** Amount that the user has typed into the withdraw amount input */
-  withdrawAmount: string;
-  setWithdrawAmount: (amount: string) => void;
-  withdrawAmountError: string | null;
-  withdrawCalls: Call[];
-  lifecycleStatus: LifecycleStatus;
-  updateLifecycleStatus: (
-    status: LifecycleStatusUpdate<LifecycleStatus>,
-  ) => void;
-  isSponsored?: boolean;
-};
-```
-
diff --git a/docs/onchainkit/latest/hooks/earn/use-morpho-vault.mdx b/docs/onchainkit/latest/hooks/earn/use-morpho-vault.mdx
deleted file mode 100644
index 1ab47b120..000000000
--- a/docs/onchainkit/latest/hooks/earn/use-morpho-vault.mdx
+++ /dev/null
@@ -1,75 +0,0 @@
----
-title: useMorphoVault
----
-
-
-The `useMorphoVault` hook fetches and returns comprehensive data about a Morpho vault, including APYs, balances, and rewards.
-
-## Usage
-
-```tsx
-import { useMorphoVault } from '@coinbase/onchainkit/earn';
-
-const {
-  balance,
-  totalApy,
-  rewards,
-  deposits,
-  liquidity,
-  // ... other values
-} = useMorphoVault({
-  vaultAddress: '0x...',
-  recipientAddress: '0x...',
-});
-```
-
-## Returns
-
-```ts
-type UseMorphoVaultReturnType = {
-  vaultName: string | undefined;
-  status: 'pending' | 'success' | 'error';
-  /** Warns users if vault address is invalid */
-  error: Error | null;
-  /** Underlying asset of the vault */
-  asset: {
-    address: Address;
-    symbol: string | undefined;
-    decimals: number | undefined;
-  };
-  /** User's deposits in the vault, adjusted for decimals */
-  balance: string | undefined;
-  balanceStatus: 'pending' | 'success' | 'error';
-  refetchBalance: () => void;
-  /** Total net APY of the vault after all rewards and fees */
-  totalApy: number | undefined;
-  /** Native rewards of the vault (e.g. USDC if the asset is USDC) */
-  nativeApy: number | undefined;
-  /** Additional rewards (e.g. MORPHO) */
-  rewards:
-    | Array<{
-        asset: Address;
-        assetName: string;
-        apy: number;
-      }>
-    | undefined;
-  /** Vault fee, in percent (e.g. 0.03 for 3%) */
-  vaultFee: number | undefined;
-  /** Number of decimals of the vault's share tokens (not underlying asset) */
-  vaultDecimals: number | undefined;
-  /** Total deposits in the vault */
-  deposits: string | undefined;
-  /** Total liquidity available to borrow in the vault */
-  liquidity: string | undefined;
-};
-```
-
-## Parameters
-
-```ts
-type UseMorphoVaultParams = {
-  vaultAddress: Address;
-  recipientAddress?: Address;
-};
-```
-
diff --git a/docs/onchainkit/latest/hooks/identity/use-address.mdx b/docs/onchainkit/latest/hooks/identity/use-address.mdx
deleted file mode 100644
index 75674eb1a..000000000
--- a/docs/onchainkit/latest/hooks/identity/use-address.mdx
+++ /dev/null
@@ -1,45 +0,0 @@
----
-title: useAddress
----
-
-The `useAddress` hook is used to get an address from an onchain identity provider for a given name.
-
-It is implemented with [useQuery](https://tanstack.com/query/latest/docs/framework/react/reference/useQuery) from `@tanstack/react-query`, and returns a `UseQueryResult` object, allowing you to pass through all `@tanstack/react-query` options.
-
-## Usage
-
-```tsx
-import { useAddress } from '@coinbase/onchainkit/identity';
-
-const { data: address, isLoading } = useAddress({ name: 'zizzamia.base.eth' });
-```
-
-## Returns
-
-```ts
-useQuery<Promise<GetAddressReturnType>>
-
-type GetAddressReturnType = Address | null;
-```
-
-## Parameters
-
-### UseAddressParams
-
-```ts
-type UseAddressParams = {
-  /** The ENS or Basename for which the Ethereum address is to be fetched */
-  name: string | Basename;
-  /** Optional chain for domain resolution */
-  chain?: Chain;
-};
-```
-
-### UseQueryOptions
-
-```ts
-type UseQueryOptions<TData = unknown> = Omit<
-  TanstackUseQueryOptions<TData>,
-  'queryKey' | 'queryFn'
->;
-```
diff --git a/docs/onchainkit/latest/hooks/identity/use-avatar.mdx b/docs/onchainkit/latest/hooks/identity/use-avatar.mdx
deleted file mode 100644
index f62b8526e..000000000
--- a/docs/onchainkit/latest/hooks/identity/use-avatar.mdx
+++ /dev/null
@@ -1,46 +0,0 @@
----
-title: useAvatar
----
-
-The `useAvatar` hook is used to get avatar image URL from an onchain identity
-provider for a given name.
-
-It is implemented with [useQuery](https://tanstack.com/query/latest/docs/framework/react/reference/useQuery) from `@tanstack/react-query`, and returns a `UseQueryResult` object, allowing you to pass through all `@tanstack/react-query` options.
-
-## Usage
-
-```tsx
-import { useAvatar } from '@coinbase/onchainkit/identity';
-
-const { data: avatar, isLoading } = useAvatar({ ensName: 'vitalik.eth' });
-```
-
-## Returns
-
-```ts
-useQuery<Promise<GetAvatarReturnType>>
-
-type GetAvatarReturnType = string | null;
-```
-
-## Parameters
-
-### UseAvatarParams
-
-```ts
-type UseAvatarParams = {
-  /** ENS name to resolve */
-  ensName: string;
-  /** Optional chain for domain resolution */
-  chain?: Chain;
-};
-```
-
-### UseQueryOptions
-
-```ts
-type UseQueryOptions<TData = unknown> = Omit<
-  TanstackUseQueryOptions<TData>,
-  'queryKey' | 'queryFn'
->;
-```
diff --git a/docs/onchainkit/latest/hooks/identity/use-avatars.mdx b/docs/onchainkit/latest/hooks/identity/use-avatars.mdx
deleted file mode 100644
index 7cd600f97..000000000
--- a/docs/onchainkit/latest/hooks/identity/use-avatars.mdx
+++ /dev/null
@@ -1,87 +0,0 @@
----
-title: useAvatars
----
-
-The `useAvatars` hook is used to get multiple avatar image URLs from an onchain identity
-provider for an array of ENS names or Basenames in a single batch request.
-
-It is implemented with [useQuery](https://tanstack.com/query/latest/docs/framework/react/reference/useQuery) from `@tanstack/react-query`, and returns a `UseQueryResult` object, allowing you to pass through all `@tanstack/react-query` options.
-
-## Usage
-
-Get avatars for multiple ENS names:
-
-<CodeGroup>
-```tsx code
-import { useAvatars } from '@coinbase/onchainkit/identity';
-
-const ensNames = ['vitalik.eth', 'paulcramer.eth'];
-const { data: avatars, isLoading } = useAvatars({ ensNames });
-
-````
-
-```ts return value
-{
-  data: [
-    'https://ipfs.io/ipfs/QmSP4nq9fnN9dAiCj42ug9Wa79rqmQerZXZch82VqpiH7U/image.gif',
-    'https://ipfs.io/ipfs/QmQ9RT2SrZ6TWUjrQxG4bNnhb3nDqBE5Ld1j9GYvk3kTjf'
-  ],
-  isLoading: false
-}
-````
-
-</CodeGroup>
-
-Get avatars for multiple Basenames:
-
-<CodeGroup>
-```tsx code
-import { useAvatars } from '@coinbase/onchainkit/identity';
-import { base } from 'viem/chains';
-
-const ensNames = ['paul.base.eth', 'coinbase.base.eth'];
-const { data: avatars, isLoading } = useAvatars({ ensNames, chain: base });
-
-````
-
-```ts return value
-{
-  data: [
-    'https://ipfs.io/ipfs/QmQ9RT2SrZ6TWUjrQxG4bNnhb3nDqBE5Ld1j9GYvk3kTjf',
-    'https://ipfs.io/ipfs/QmXHFnSXcN7CSuVcyF3vyPgPcPvLQyLpKYBaNpx3x3bPAZ'
-  ],
-  isLoading: false
-}
-````
-
-</CodeGroup>
-
-## Returns
-
-```ts
-useQuery<Promise<GetAvatarReturnType[]>>
-
-type GetAvatarReturnType = string | null;
-```
-
-## Parameters
-
-### UseAvatarsParams
-
-```ts
-type UseAvatarsParams = {
-  /** Array of ENS names to resolve avatars for */
-  ensNames: string[];
-  /** Optional chain for domain resolution */
-  chain?: Chain;
-};
-```
-
-### UseQueryOptions
-
-```ts
-type UseQueryOptions<TData = unknown> = Omit<
-  TanstackUseQueryOptions<TData>,
-  'queryKey' | 'queryFn'
->;
-```
diff --git a/docs/onchainkit/latest/hooks/identity/use-name.mdx b/docs/onchainkit/latest/hooks/identity/use-name.mdx
deleted file mode 100644
index 882cbc68e..000000000
--- a/docs/onchainkit/latest/hooks/identity/use-name.mdx
+++ /dev/null
@@ -1,75 +0,0 @@
----
-title: useName
----
-
-The `useName` hook is used to get name from an onchain identity provider
-for a given address.
-
-It is implemented with [useQuery](https://tanstack.com/query/latest/docs/framework/react/reference/useQuery) from `@tanstack/react-query`, and returns a `UseQueryResult` object, allowing you to pass through all `@tanstack/react-query` options.
-
-## Usage
-
-Get ENS name from an address:
-
-<CodeGroup>
-```tsx code
-import { useName } from '@coinbase/onchainkit/identity';
-
-const address = '0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1';
-const { data: name, isLoading } = await useName({ address });
-
-````
-
-```ts return value
-{ data: 'zizzamia.eth', isLoading: false }
-````
-
-</CodeGroup>
-
-Get Basename from an address:
-
-<CodeGroup>
-```tsx code
-import { useName } from '@coinbase/onchainkit/identity';
-import { base } from 'viem/chains';
-
-const address = '0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1';
-const { data: name, isLoading } = await useName({ address, chain: base });
-
-````
-
-```ts return value
-{ data: 'zizzamia.base.eth', isLoading: false }
-````
-
-</CodeGroup>
-
-## Returns
-
-```ts
-useQuery<Promise<GetNameReturnType>>
-
-type GetNameReturnType = string | Basename | null;
-```
-
-## Parameters
-
-### UseNameParams
-
-```ts
-type UseNameParams = {
-  /** The address for which the ENS or Basename is to be fetched. */
-  address?: Address;
-  /** Optional chain for domain resolution */
-  chain?: Chain;
-};
-```
-
-### UseQueryOptions
-
-```ts
-type UseQueryOptions<TData = unknown> = Omit<
-  TanstackUseQueryOptions<TData>,
-  'queryKey' | 'queryFn'
->;
-```
diff --git a/docs/onchainkit/latest/hooks/identity/use-names.mdx b/docs/onchainkit/latest/hooks/identity/use-names.mdx
deleted file mode 100644
index dac4fdaec..000000000
--- a/docs/onchainkit/latest/hooks/identity/use-names.mdx
+++ /dev/null
@@ -1,87 +0,0 @@
----
-title: useNames
----
-
-The `useNames` hook is used to get multiple names from an onchain identity provider
-for an array of addresses in a single batch request.
-
-It is implemented with [useQuery](https://tanstack.com/query/latest/docs/framework/react/reference/useQuery) from `@tanstack/react-query`, and returns a `UseQueryResult` object, allowing you to pass through all `@tanstack/react-query` options.
-
-## Usage
-
-Get ENS names from multiple addresses:
-
-<CodeGroup>
-```tsx code
-import { useNames } from '@coinbase/onchainkit/identity';
-
-const addresses = [
-'0x4bEf0221d6F7Dd0C969fe46a4e9b339a84F52FDF',
-'0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9'
-];
-const { data: names, isLoading } = useNames({ addresses });
-
-````
-
-```ts return value
-{
-  data: ['paulcramer.eth', 'vitalik.eth'],
-  isLoading: false
-}
-````
-
-</CodeGroup>
-
-Get Basenames from multiple addresses:
-
-<CodeGroup>
-```tsx code
-import { useNames } from '@coinbase/onchainkit/identity';
-import { base } from 'viem/chains';
-
-const addresses = [
-'0x4bEf0221d6F7Dd0C969fe46a4e9b339a84F52FDF',
-'0x4bEf0221d6F7Dd0C969fe46a4e9b339a84F52FDF'
-];
-const { data: names, isLoading } = useNames({ addresses, chain: base });
-
-````
-
-```ts return value
-{
-  data: ['paul.base.eth', 'coinbase.base.eth'],
-  isLoading: false
-}
-````
-
-</CodeGroup>
-
-## Returns
-
-```ts
-useQuery<Promise<GetNameReturnType[]>>
-
-type GetNameReturnType = string | Basename | null;
-```
-
-## Parameters
-
-### UseNamesParams
-
-```ts
-type UseNamesParams = {
-  /** Array of addresses to resolve ENS or Basenames for */
-  addresses: Address[];
-  /** Optional chain for domain resolution */
-  chain?: Chain;
-};
-```
-
-### UseQueryOptions
-
-```ts
-type UseQueryOptions<TData = unknown> = Omit<
-  TanstackUseQueryOptions<TData>,
-  'queryKey' | 'queryFn'
->;
-```
diff --git a/docs/onchainkit/latest/hooks/mint/use-mint-details.mdx b/docs/onchainkit/latest/hooks/mint/use-mint-details.mdx
deleted file mode 100644
index 9f43b90ff..000000000
--- a/docs/onchainkit/latest/hooks/mint/use-mint-details.mdx
+++ /dev/null
@@ -1,128 +0,0 @@
----
-title: useMintDetails
----
-
-
-The `useMintDetails` hook implements the `getMintDetails` API, returning the data required to view an NFT to be minted.
-
-It is implemented with [useQuery](https://tanstack.com/query/latest/docs/framework/react/reference/useQuery) from `@tanstack/react-query`, and returns a `UseQueryResult` object, allowing you to pass through all `@tanstack/react-query` options.
-
-Before using them, make sure to obtain a [Client API Key](https://portal.cdp.coinbase.com/projects/api-keys/client-key) from Coinbase Developer Platform.
-
-## Usage
-
-<CodeGroup>
-```tsx code
-import { useMintDetails } from '@coinbase/onchainkit/nft';
-
-const Component = () => {
-  const { data, isLoading, error } = useMintDetails({
-    contractAddress: '0x...',
-    takerAddress: '0x...',
-    tokenId: '1',
-  });
-
-  if (isLoading) return <div>Loading...</div>;
-  
-  return <div>{JSON.stringify(data)}</div>;
-};
-```
-
-```tsx scaffolding
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { OnchainKitProvider } from '@coinbase/onchainkit';
-import { useTokenDetails } from '@coinbase/onchainkit/nft';
-
-const queryClient = new QueryClient();
-
-<QueryClientProvider client={queryClient}>
-  <OnchainKitProvider
-    apiKey={...apiKey}
-    chain={base}
-  >
-    <Component />
-  </OnchainKitProvider>
-</QueryClientProvider>
-```
-
-
-```json return value
-{
-  "data": {
-    "name": "NFT Name",
-    "description": "NFT description",
-    "imageUrl": "https://example.com/image.png",
-    "animationUrl": "",
-    "mimeType": "image/png",
-    "contractType": "ERC721",
-    "price": {
-      "amount": "0.0001",
-      "currency": "ETH",
-      "amountUSD": "0.242271"
-    },
-    "mintFee": {
-      "amount": "0",
-      "currency": "ETH",
-      "amountUSD": "0"
-    },
-    "maxMintsPerWallet": 100,
-    "isEligibleToMint": true,
-    "creatorAddress": "0x...",
-    "network": "",
-    "totalTokens": "300",
-    "totalOwners": "200"
-  }
-}
-```
-</CodeGroup>
-
-## Returns
-
-```ts
-UseQueryResult<MintDetails>
-
-type MintDetails = {
-  /** The name of the NFT */
-  name: string;
-  /** The description of the NFT */
-  description: string;
-  /** The image URL of the NFT */
-  imageUrl: string;
-  /** The animation URL of the NFT */
-  animationUrl: string;
-  /** The MIME type of the NFT */
-  mimeType: string;
-  /** ERC721, ERC1155 */
-  contractType: ContractType;
-  /** The price of the NFT */
-  price: NFTPrice;
-  /** The mint fee of the NFT */
-  mintFee: NFTPrice;
-  /** The maximum number of mints per wallet */
-  maxMintsPerWallet: number;
-  /** Whether the user is eligible to mint */
-  isEligibleToMint: boolean;
-  /** The address of the creator of the NFT */
-  creatorAddress: Address;
-  /** The total number of tokens */
-  totalTokens: string;
-  /** The total number of owners of the NFT */
-  totalOwners: string;
-  /** The network the NFT is on */
-  network: string;
-};
-```
-
-## Parameters
-
-```ts
-type GetMintDetailsParams = {
-  /** The address of the token contract */
-  contractAddress: Address;
-  /** The address of the user */
-  takerAddress?: Address;
-  /** The ID of the token (required for ERC1155) */
-  tokenId?: string;
-};
-```
-
diff --git a/docs/onchainkit/latest/hooks/mint/use-token-details.mdx b/docs/onchainkit/latest/hooks/mint/use-token-details.mdx
deleted file mode 100644
index 6bccc3884..000000000
--- a/docs/onchainkit/latest/hooks/mint/use-token-details.mdx
+++ /dev/null
@@ -1,104 +0,0 @@
----
-title: useTokenDetails
----
-
-
-The `useTokenDetails` hook implements the `getTokenDetails` API, returning the data required to view an NFT.
-
-It is implemented with [useQuery](https://tanstack.com/query/latest/docs/framework/react/reference/useQuery) from `@tanstack/react-query`, and returns a `UseQueryResult` object, allowing you to pass through all `@tanstack/react-query` options.
-
-Before using them, make sure to obtain a [Client API Key](https://portal.cdp.coinbase.com/projects/api-keys/client-key) from Coinbase Developer Platform.
-
-## Usage
-
-<CodeGroup>
-```tsx code
-import { useTokenDetails } from '@coinbase/onchainkit/nft';
-
-const Component = () => {
-  const { data, isLoading, error } = useTokenDetails({
-    contractAddress: '0x...',
-    tokenId: '1',
-  });
-
-  if (isLoading) return <div>Loading...</div>;
-  
-  return <div>{JSON.stringify(data)}</div>;
-};
-```
-
-```tsx scaffolding
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { OnchainKitProvider } from '@coinbase/onchainkit';
-import { useTokenDetails } from '@coinbase/onchainkit/nft';
-
-const queryClient = new QueryClient();
-
-<QueryClientProvider client={queryClient}>
-  <OnchainKitProvider
-    apiKey={...apiKey}
-    chain={base}
-  >
-    <Component />
-  </OnchainKitProvider>
-</QueryClientProvider>
-```
-
-```json return value
-{ 
-  "data": {
-    "collectionName": "NFT Collection Name",
-    "collectionDescription": "NFT Collection Description",
-    "name": "NFT Name",
-    "description": "NFT Description",
-    "imageUrl": "https://example.com/image.png",
-    "animationUrl": "",
-    "ownerAddress": "0x...",
-    "lastSoldPrice": {
-      "amount": "0.0001",
-      "currency": "ETH",
-      "amountUSD": "0.242271"
-    },
-    "mimeType": "image/png",
-    "contractType": "ERC721"
-  }
-}
-```
-</CodeGroup>
-
-## Returns
-
-```ts
-UseQueryResult<TokenDetails>
-
-type TokenDetails = {
-  /** The name of the token */
-  name: string;
-  /** The description of the token */
-  description: string;
-  /** The image URL of the token */
-  imageUrl: string;
-  /** The animation URL of the token */
-  animationUrl: string;
-  /** The MIME type of the token */
-  mimeType: string;
-  /** The address of the owner of the token */
-  ownerAddress: Address;
-  /** The last sold price of the token */
-  lastSoldPrice: NFTPrice;
-  /** ERC721, ERC1155 */
-  contractType: ContractType;
-};
-```
-
-## Parameters
-
-```ts
-type GetTokenDetailsParams = {
-  /** The address of the token contract */
-  contractAddress: Address;
-  /** The ID of the token */
-  tokenId?: string;
-};
-```
-
diff --git a/docs/onchainkit/latest/images/quickstart.png b/docs/onchainkit/latest/images/quickstart.png
deleted file mode 100644
index 48cc9e774..000000000
Binary files a/docs/onchainkit/latest/images/quickstart.png and /dev/null differ
diff --git a/docs/onchainkit/latest/utilities/earn/build-deposit-to-morpho-tx.mdx b/docs/onchainkit/latest/utilities/earn/build-deposit-to-morpho-tx.mdx
deleted file mode 100644
index 75f057ac9..000000000
--- a/docs/onchainkit/latest/utilities/earn/build-deposit-to-morpho-tx.mdx
+++ /dev/null
@@ -1,49 +0,0 @@
----
-title: buildDepositToMorphoTx
----
-
-Builds `Call[]` for depositing assets to Morpho. Pass the calls to `<Transaction />` to execute the deposit.
-
-## Usage
-
-```tsx code
-import { buildDepositToMorphoTx } from '@coinbase/onchainkit/earn';
-
-const calls = await buildDepositToMorphoTx({
-  vaultAddress: '0x...', // Morpho vault address on Base
-  tokenAddress: '0x...', // Address of the token to deposit
-  amount: 1000000000000000000n, // Amount of tokens to deposit
-  recipientAddress: '0x...', // Address of the recipient
-});
-```
-
-## Returns
-
-```typescript
-Call[]
-
-type Call = {
-  to: Hex;
-  data?: Hex;
-  value?: bigint;
-};
-
-type Hex = `0x${string}`;
-```
-
-## Parameters
-
-```typescript
-type DepositToMorphoParams = {
-  /** The address of the Morpho vault */
-  vaultAddress: Address;
-  /** The address of the token to deposit */
-  tokenAddress: Address;
-  /** The amount of tokens to deposit */
-  amount: bigint;
-  /** The address which can withdraw the deposited tokens */
-  recipientAddress: Address;
-};
-
-type Address = `0x${string}`;
-```
diff --git a/docs/onchainkit/latest/utilities/earn/build-withdraw-from-morpho-tx.mdx b/docs/onchainkit/latest/utilities/earn/build-withdraw-from-morpho-tx.mdx
deleted file mode 100644
index 38006a3af..000000000
--- a/docs/onchainkit/latest/utilities/earn/build-withdraw-from-morpho-tx.mdx
+++ /dev/null
@@ -1,46 +0,0 @@
----
-title: buildWithdrawFromMorphoTx
----
-
-The `buildWithdrawFromMorphoTx` function is used to build `Call[]` for withdrawing an asset from Morpho. These calls can be passed the `<Transaction />` component to send a transaction.
-
-## Usage
-
-```tsx code
-import { buildWithdrawFromMorphoTx } from '@coinbase/onchainkit/earn';
-
-const calls = await buildWithdrawFromMorphoTx({
-  vaultAddress: '0x...', // Morpho vault address on Base
-  amount: 1000000000000000000n, // Amount of tokens to withdraw
-  recipientAddress: '0x...', // Address of the recipient
-});
-```
-
-## Returns
-
-```typescript
-Call[]
-
-type Call = {
-  to: Hex;
-  data?: Hex;
-  value?: bigint;
-};
-
-type Hex = `0x${string}`;
-```
-
-## Parameters
-
-```typescript
-type WithdrawFromMorphoParams = {
-  /** The address of the Morpho vault */
-  vaultAddress: Address;
-  /** The amount of tokens to withdraw */
-  amount: bigint;
-  /** The address to which the withdrawn funds will be sent */
-  recipientAddress: Address;
-};
-
-type Address = `0x${string}`;
-```
diff --git a/docs/onchainkit/latest/utilities/fund/fetch-onramp-config.mdx b/docs/onchainkit/latest/utilities/fund/fetch-onramp-config.mdx
deleted file mode 100644
index fa2b313a4..000000000
--- a/docs/onchainkit/latest/utilities/fund/fetch-onramp-config.mdx
+++ /dev/null
@@ -1,73 +0,0 @@
----
-title: fetchOnrampConfig
----
-
-The `fetchOnrampConfig` utility fetches the list of countries supported by Coinbase Onramp and their available payment methods. This is useful when you need to validate user eligibility or display available payment options.
-
-## Usage
-
-<CodeGroup>
-```tsx code
-import { fetchOnrampConfig } from '@coinbase/onchainkit/fund';
-
-// When using with OnchainKitProvider
-const config = await fetchOnrampConfig();
-
-// When using without OnchainKitProvider or in non-React environment
-const config2 = await fetchOnrampConfig('your-api-key');
-
-````
-
-```js return value
-{
-  countries: [
-    {
-      id: "US",
-      subdivisions: ["CA", "NY", "TX"],
-      paymentMethods: [
-        {
-          id: "CARD",
-          name: "Credit or debit card",
-          description: "Pay with Visa or Mastercard",
-          currencies: ["USD", "EUR"],
-          minAmount: { value: "10.00", currency: "USD" },
-          maxAmount: { value: "1000.00", currency: "USD" }
-        }
-      ]
-    }
-  ]
-}
-````
-
-</CodeGroup>
-
-## Parameters
-
-```typescript
-/**
- * Optional API key for Coinbase Onramp. If not provided, the API key from
- * OnchainKitProvider will be used. Required when using the utility without
- * OnchainKitProvider or in a non-React environment.
- */
-apiKey?: string;
-```
-
-## Returns
-
-`Promise<OnrampConfigResponseData>` - Returns a promise that resolves to the configuration data containing supported countries and their payment methods.
-
-```typescript
-type OnrampConfigResponseData = {
-  countries: OnrampConfigCountry[];
-};
-
-type OnrampConfigCountry = {
-  id: string;
-  subdivisions: string[];
-  paymentMethods: OnrampPaymentMethod[];
-};
-
-type OnrampPaymentMethod = {
-  id: string;
-};
-```
diff --git a/docs/onchainkit/latest/utilities/fund/fetch-onramp-options.mdx b/docs/onchainkit/latest/utilities/fund/fetch-onramp-options.mdx
deleted file mode 100644
index 2e6fc4291..000000000
--- a/docs/onchainkit/latest/utilities/fund/fetch-onramp-options.mdx
+++ /dev/null
@@ -1,118 +0,0 @@
----
-title: fetchOnrampOptions
----
-
-The `fetchOnrampOptions` utility retrieves supported fiat currencies and available crypto assets for a specific country. This information is essential for determining which assets can be purchased in the user's jurisdiction.
-
-## Usage
-
-<CodeGroup>
-```tsx code
-import { fetchOnrampOptions } from '@coinbase/onchainkit/fund';
-
-const options = await fetchOnrampOptions({
-country: 'US',
-subdivision: 'CA', // Required for US residents
-apiKey: 'your-api-key', // Required when using without OnchainKitProvider or in non-React environment
-});
-
-````
-
-```js return value
-{
-  fiatCurrencies: [
-    {
-      id: "USD",
-      name: "US Dollar",
-      symbol: "$"
-    }
-  ],
-  assets: [
-    {
-      id: "ETH",
-      name: "Ethereum",
-      networks: [
-        {
-          id: "ethereum",
-          name: "Ethereum",
-          config: {
-            chainId: "0x1"
-          }
-        }
-      ]
-    }
-  ]
-}
-````
-
-</CodeGroup>
-
-## Parameters
-
-```typescript
-{
-  /**
-   * ISO 3166-1 two-letter country code string representing
-   * the purchasing user’s country of residence, e.g., US.
-   */
-  country: string;
-  /**
-   * ISO 3166-2 two-letter country subdivision code representing
-   * the purchasing user’s subdivision of residence within their country,
-   * e.g. NY. Required if the country=“US” because certain states (e.g., NY)
-   * have state specific asset restrictions.
-   */
-  subdivision?: string;
-  /**
-   * Optional API key for Coinbase Onramp. If not provided, the API key from
-   * OnchainKitProvider will be used. Required when using the utility without
-   * OnchainKitProvider or in a non-React environment.
-   */
-  apiKey?: string;
-}
-```
-
-## Returns
-
-`Promise<OnrampOptionsResponseData>` - Returns a promise that resolves to the available options for the specified location.
-
-```typescript
-type OnrampOptionsResponseData = {
-  /**
-   * List of supported fiat currencies that can be exchanged for crypto on Onramp in the given location.
-   * Each currency contains a list of available payment methods, with min and max transaction limits for that currency.
-   */
-  paymentCurrencies: OnrampPaymentCurrency[];
-  /**
-   * List of available crypto assets that can be bought on Onramp in the given location.
-   */
-  purchaseCurrencies: OnrampPurchaseCurrency[];
-};
-
-type OnrampPurchaseCurrency = {
-  id: string;
-  name: string;
-  symbol: string;
-  iconUrl: string;
-  networks: OnrampNetwork[];
-};
-
-type OnrampPaymentCurrency = {
-  id: string;
-  limits: OnrampPaymentMethodLimit[];
-  iconUrl: string;
-};
-
-type OnrampPaymentMethodLimit = {
-  id: string;
-  min: string;
-  max: string;
-};
-
-type OnrampNetwork = {
-  name: string;
-  displayName: string;
-  chainId: string;
-  contractAddress: string;
-};
-```
diff --git a/docs/onchainkit/latest/utilities/fund/fetch-onramp-quote.mdx b/docs/onchainkit/latest/utilities/fund/fetch-onramp-quote.mdx
deleted file mode 100644
index f76867461..000000000
--- a/docs/onchainkit/latest/utilities/fund/fetch-onramp-quote.mdx
+++ /dev/null
@@ -1,151 +0,0 @@
----
-title: fetchOnrampQuote
----
-
-The `fetchOnrampQuote` utility provides a quote based on the asset the user would like to purchase, plus the network, fiat payment, payment currency, payment method, and country. This is useful for getting pricing information and fees before initiating a transaction.
-
-## Usage
-
-<CodeGroup>
-```tsx code
-import { fetchOnrampQuote } from '@coinbase/onchainkit/fund';
-
-const quote = await fetchOnrampQuote({
-purchaseCurrency: 'ETH',
-purchaseNetwork: 'ethereum',
-paymentCurrency: 'USD',
-paymentMethod: 'CARD',
-paymentAmount: '100.00',
-country: 'US',
-subdivision: 'CA', // Required for US residents
-apiKey: 'your-api-key', // Required when using without OnchainKitProvider or in non-React environment
-});
-
-````
-
-```json return value
-{
-  "paymentTotal": {
-    "value": "105.00",
-    "currency": "USD"
-  },
-  "paymentSubtotal": {
-    "value": "100.00",
-    "currency": "USD"
-  },
-  "purchaseAmount": {
-    "value": "0.05",
-    "currency": "ETH"
-  },
-  "coinbaseFee": {
-    "value": "3.00",
-    "currency": "USD"
-  },
-  "networkFee": {
-    "value": "2.00",
-    "currency": "USD"
-  },
-  "quoteId": "quote_123"
-}
-````
-
-</CodeGroup>
-
-## Parameters
-
-```typescript
-{
-  /**
-   * ID of the crypto asset the user wants to purchase.
-   * Retrieved from the options API.
-   */
-  purchaseCurrency: string;
-
-  /**
-   * Name of the network that the purchase currency should be purchased on.
-   * Retrieved from the options API. If omitted, the default network for
-   * the crypto currency is used.
-   */
-  purchaseNetwork?: string;
-
-  /**
-   * Fiat currency of the payment amount, e.g., USD.
-   */
-  paymentCurrency: string;
-
-  /**
-   * ID of payment method used to complete the purchase.
-   * Retrieved from the options API.
-   */
-  paymentMethod: string;
-
-  /**
-   * Fiat amount the user wants to spend to purchase the crypto currency,
-   * inclusive of fees with two decimals of precision, e.g., "100.00".
-   */
-  paymentAmount: string;
-
-  /**
-   * ISO 3166-1 two-digit country code string representing the purchasing
-   * user's country of residence, e.g., US.
-   */
-  country: string;
-
-  /**
-   * ISO 3166-2 two-digit country subdivision code. Required if country="US"
-   * because certain states (e.g., NY) have state specific asset restrictions.
-   */
-  subdivision?: string;
-
-   /**
-   * Optional API key for Coinbase Onramp. If not provided, the API key from
-   * OnchainKitProvider will be used. Required when using the utility without
-   * OnchainKitProvider or in a non-React environment.
-   */
-  apiKey?: string;
-}
-```
-
-## Returns
-
-`Promise<OnrampQuoteResponseData>` - Returns a promise that resolves to the quote data containing payment amounts, fees, and quote ID.
-
-```typescript
-type OnrampQuoteResponseData = {
-  /**
-   * Object with amount and currency of the total fiat payment required to complete the purchase, inclusive of any fees.
-   * The currency will match the `paymentCurrency` in the request if it is supported, otherwise it falls back to USD.
-   */
-  paymentTotal: OnrampAmount;
-  /**
-   * Object with amount and currency of the fiat cost of the crypto asset to be purchased, exclusive of any fees.
-   * The currency will match the `paymentCurrency`.
-   */
-  paymentSubtotal: OnrampAmount;
-  /**
-   * Object with amount and currency of the crypto that to be purchased.
-   * The currency will match the `purchaseCurrency` in the request.
-   * The number of decimals will be based on the crypto asset.
-   */
-  purchaseAmount: OnrampAmount;
-  /**
-   * Object with amount and currency of the fee changed by the Coinbase exchange to complete the transaction.
-   * The currency will match the `paymentCurrency`.
-   */
-  coinbaseFee: OnrampAmount;
-  /**
-   * Object with amount and currency of the network fee required to send the purchased crypto to the user's wallet.
-   * The currency will match the `paymentCurrency`.
-   */
-  networkFee: OnrampAmount;
-  /**
-   * Reference to the quote that should be passed into the initialization parameters when launching the Coinbase Onramp widget via the SDK or URL generator.
-   */
-  quoteId: string;
-};
-
-type OnrampAmount = {
-  value: string;
-  currency: string;
-};
-```
diff --git a/docs/onchainkit/latest/utilities/fund/fetch-onramp-transaction-status.mdx b/docs/onchainkit/latest/utilities/fund/fetch-onramp-transaction-status.mdx
deleted file mode 100644
index dff8e796a..000000000
--- a/docs/onchainkit/latest/utilities/fund/fetch-onramp-transaction-status.mdx
+++ /dev/null
@@ -1,103 +0,0 @@
----
-title: fetchOnrampTransactionStatus
----
-
-The `fetchOnrampTransactionStatus` utility retrieves the status of onramp transactions for a specific user. This is useful for tracking the progress of crypto purchases and displaying transaction history.
-
-## Usage
-
-<CodeGroup>
-```tsx code
-import { fetchOnrampTransactionStatus } from '@coinbase/onchainkit/fund';
-
-const transactions = await fetchOnrampTransactionStatus({
-partnerUserId: 'user123',
-nextPageKey: '',
-pageSize: '10',
-apiKey: 'your-api-key', // Required when using without OnchainKitProvider or in non-React environment
-});
-
-````
-
-```json return value
-{
-  "transactions": [
-    {
-      "id": "tx123",
-      "status": "ONRAMP_TRANSACTION_STATUS_SUCCESS",
-      "purchaseAmount": { "value": "0.1", "currency": "ETH" },
-      "paymentAmount": { "value": "200.00", "currency": "USD" },
-      "network": "ethereum",
-      "createdAt": "2024-01-01T12:00:00Z"
-    }
-  ],
-  "nextPageKey": "next_page_token",
-  "totalCount": "1"
-}
-````
-
-</CodeGroup>
-
-## Parameters
-
-```typescript
-{
-  /**
-   * A unique identifier that will be associated with any transactions created
-   * by the user during their Onramp session. You can use this with the
-   * Transaction Status API to check the status of the user's transaction.
-   * See https://docs.cdp.coinbase.com/onramp/docs/api-reporting#buy-transaction-status
-   */
-  partnerUserId: string; // Your unique identifier for the user
-  nextPageKey: string;   // Token for pagination
-  pageSize: string;      // Number of transactions per page
-  /**
-   * Optional API key for Coinbase Onramp. If not provided, the API key from
-   * OnchainKitProvider will be used. Required when using the utility without
-   * OnchainKitProvider or in a non-React environment.
-   */
-  apiKey?: string;
-}
-```
-
-## Returns
-
-`Promise<OnrampTransactionStatusResponseData>` - Returns a promise that resolves to the transaction status data.
-
-```typescript
-type OnrampTransactionStatusResponseData = {
-  transactions: OnrampTransaction[];
-  nextPageKey?: string;
-  totalCount: string;
-};
-
-type OnrampTransaction = {
-  status: OnrampTransactionStatusName;
-  purchaseCurrency: string;
-  purchaseNetwork: string;
-  purchaseAmount: OnrampAmount;
-  paymentTotal: OnrampAmount;
-  paymentSubtotal: OnrampAmount;
-  coinbaseFee: OnrampAmount;
-  networkFee: OnrampAmount;
-  exchangeRate: OnrampAmount;
-  txHash: string;
-  createdAt: string;
-  country: string;
-  userId: string;
-  paymentMethod: string;
-  transactionId: string;
-};
-
-type OnrampTransactionStatusName =
-  | 'ONRAMP_TRANSACTION_STATUS_UNSPECIFIED'
-  | 'ONRAMP_TRANSACTION_STATUS_CREATED'
-  | 'ONRAMP_TRANSACTION_STATUS_IN_PROGRESS'
-  | 'ONRAMP_TRANSACTION_STATUS_SUCCESS'
-  | 'ONRAMP_TRANSACTION_STATUS_FAILED';
-
-type OnrampAmount = {
-  value: string;
-  currency: string;
-};
-```
diff --git a/docs/onchainkit/latest/utilities/fund/get-onramp-buy-url.mdx b/docs/onchainkit/latest/utilities/fund/get-onramp-buy-url.mdx
deleted file mode 100644
index f6eb2b711..000000000
--- a/docs/onchainkit/latest/utilities/fund/get-onramp-buy-url.mdx
+++ /dev/null
@@ -1,61 +0,0 @@
----
-title: getOnrampBuyUrl
----
-
-The `getOnrampBuyUrl` utility is a helper method to generate a Coinbase Onramp URL. It helps you customize the funding
-experience for your users. For example:
-
-- Setting a default buy/send amount, defaultAsset, or defaultNetwork
-- Setting a redirect URL to return your users to your app after they complete the fund flow
-
-<Info>
-**Session Token Required:** This utility requires a session token generated on your backend server using your CDP API keys. The session token encapsulates user addresses, supported assets, and client IP.
-
-**Note:** Restricting assets and addresses are done during session token creation on your backend.
-
-See [Session Token Authentication](https://docs.cdp.coinbase.com/onramp-&-offramp/session-token-authentication) for implementation details.
-
-</Info>
-
-## Usage
-
-<CodeGroup>
-```tsx code
-import { getOnrampBuyUrl } from '@coinbase/onchainkit/fund';
-
-// First, generate a session token on your backend server
-// See: https://docs.cdp.coinbase.com/onramp-&-offramp/session-token-authentication
-const sessionToken = 'YOUR_SESSION_TOKEN';
-
-const onrampBuyUrl = getOnrampBuyUrl({
-sessionToken,
-presetFiatAmount: 20,
-fiatCurrency: 'USD',
-redirectUrl: 'https://yourapp.com/onramp-return?param=foo',
-});
-
-````
-
-```json return value
-'https://pay.coinbase.com/buy/select-asset?sessionToken=YOUR_SESSION_TOKEN&fiatCurrency=USD&presetFiatAmount=20&redirectUrl=https%3A%2F%2Fyourapp.com%2Fonramp-return%3Fparam%3Dfoo'
-````
-
-</CodeGroup>
-
-## Returns
-
-`string` - Returns a full Coinbase Onramp URL that you can redirect your users to, or open in a popup.
-
-## Parameters
-
-[`GetOnrampUrlParams`](/onchainkit/fund/types#getonrampurlparams)
-
-## Session Token Generation
-
-Session tokens must be generated on your backend server using the CDP API. The token encapsulates:
-
-- User wallet addresses
-- Supported assets and blockchains
-- Client IP address
-
-For complete implementation details, see the [Session Token Authentication Guide](https://docs.cdp.coinbase.com/onramp-&-offramp/session-token-authentication).
diff --git a/docs/onchainkit/latest/utilities/fund/setup-onramp-event-listeners.mdx b/docs/onchainkit/latest/utilities/fund/setup-onramp-event-listeners.mdx
deleted file mode 100644
index 77b8b3eef..000000000
--- a/docs/onchainkit/latest/utilities/fund/setup-onramp-event-listeners.mdx
+++ /dev/null
@@ -1,112 +0,0 @@
----
-title: setupOnrampEventListeners
----
-
-The `setupOnrampEventListeners` utility sets up event listeners for the Coinbase Onramp widget. It helps you handle various events like successful purchases, exits, and other user interactions.
-
-## Usage
-
-<CodeGroup>
-```tsx code
-// @errors: 2305
-import { setupOnrampEventListeners } from '@coinbase/onchainkit/fund';
-import type { SuccessEventData, OnrampError, EventMetadata } from '@coinbase/onchainkit/fund';
-const unsubscribe = setupOnrampEventListeners({
-  onSuccess: (data: SuccessEventData) => {
-    console.log('Purchase successful:', data);
-  },
-  onExit: (error: OnrampError) => {
-    if (error) {
-      console.error('Exit with error:', error);
-    }
-  },
-  onEvent: (event: EventMetadata) => {
-    console.log('Event received:', event);
-  },
-});
-
-// Clean up when done
-unsubscribe();
-
-````
-
-```ts return value
-// Returns an unsubscribe function
-() => void
-````
-
-</CodeGroup>
-
-## Parameters
-
-```typescript
-{
-  host?: string;                                   // Optional custom host URL
-  onSuccess?: (data?: SuccessEventData) => void;  // Success callback
-  onExit?: (error?: OnrampError) => void;         // Exit callback
-  onEvent?: (event: EventMetadata) => void;       // General event callback
-}
-```
-
-## Returns
-
-`() => void` - Returns an unsubscribe function that removes the event listeners when called.
-
-## Event Types
-
-```typescript
-type SuccessEventData = {
-  assetImageUrl: string;
-  assetName: string;
-  assetSymbol: string;
-  chainId: string;
-};
-
-type OnrampError = {
-  errorType:
-    | 'internal_error'
-    | 'handled_error'
-    | 'network_error'
-    | 'unknown_error';
-  code?: string;
-  debugMessage?: string;
-};
-
-type EventMetadata =
-  | OpenEvent
-  | TransitionViewEvent
-  | PublicErrorEvent
-  | ExitEvent
-  | SuccessEvent
-  | RequestOpenUrlEvent;
-
-type OpenEvent = {
-  eventName: 'open';
-  widgetName: string;
-};
-
-type TransitionViewEvent = {
-  eventName: 'transition_view';
-  pageRoute: string;
-};
-
-type PublicErrorEvent = {
-  eventName: 'error';
-  error: OnrampError;
-};
-
-type ExitEvent = {
-  eventName: 'exit';
-  error?: OnrampError;
-};
-
-type SuccessEvent = {
-  eventName: 'success';
-  data?: SuccessEventData;
-};
-
-type RequestOpenUrlEvent = {
-  eventName: 'request_open_url';
-  url: string;
-};
-```
diff --git a/docs/onchainkit/latest/utilities/identity/get-address.mdx b/docs/onchainkit/latest/utilities/identity/get-address.mdx
deleted file mode 100644
index 33084962f..000000000
--- a/docs/onchainkit/latest/utilities/identity/get-address.mdx
+++ /dev/null
@@ -1,69 +0,0 @@
----
-title: getAddress
----
-
-The `getAddress` utility is designed to retrieve an address from an onchain identity provider for a given name.
-
-## Usage
-
-Get ENS Name from mainnet chain
-
-<CodeGroup>
-```tsx code
-import { getAddress } from '@coinbase/onchainkit/identity';
-
-const address = await getAddress({ name: 'zizzamia.eth' });
-
-````
-
-```ts return value
-0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1
-````
-
-</CodeGroup>
-
-Get Basename from base chain
-
-<CodeGroup>
-```tsx code
-import { getAddress } from '@coinbase/onchainkit/identity';
-import { base } from 'viem/chains';
-
-const address = await getAddress({ name: 'zizzamia.base.eth', chain: base });
-
-````
-
-```ts return value
-0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1
-````
-
-</CodeGroup>
-
-## Returns
-
-```typescript
-type GetAddressReturnType = Address | null;
-
-type Address = `0x${string}`;
-```
-
-## Parameters
-
-```typescript
-type GetAddressParams = {
-  /** Name to resolve */
-  name: string | Basename;
-  /** Optional chain for domain resolution */
-  chain?: Chain;
-};
-
-type Basename = BaseMainnetName | BaseSepoliaName;
-type BaseMainnetName = `${string}.base.eth`;
-type BaseSepoliaName = `${string}.basetest.eth`;
-
-type Chain = {
-  id: number;
-  name: string;
-  // ... other chain properties
-};
-```
diff --git a/docs/onchainkit/latest/utilities/identity/get-attestations.mdx b/docs/onchainkit/latest/utilities/identity/get-attestations.mdx
deleted file mode 100644
index 4a40ce781..000000000
--- a/docs/onchainkit/latest/utilities/identity/get-attestations.mdx
+++ /dev/null
@@ -1,120 +0,0 @@
----
-title: getAttestations
----
-
-The `getAttestations` function fetches attestations for a specified address
-and blockchain in Ethereum Attestation Service (EAS). It allows optional filtering
-based on schema IDs, revocation status, expiration time, and the number of attestations to return.
-
-In the example, we use the Coinbase [Verified Account](https://base.easscan.org/schema/view/0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9) schema ID.
-
-## Usage
-
-<CodeGroup>
-```tsx code
-import { getAttestations } from '@coinbase/onchainkit/identity';
-import { base } from 'viem/chains';
-
-const COINBASE_VERIFIED_ACCOUNT_SCHEMA_ID =
-'0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9';
-
-const address = '0x1234567890abcdef1234567890abcdef12345678';
-const attestationsOptions = {
-schemas: [COINBASE_VERIFIED_ACCOUNT_SCHEMA_ID],
-};
-
-const attestations = await getAttestations(address, base, attestationsOptions);
-
-````
-
-```ts return value
-const attestations = [
-  {
-    attester: '0x357458739F90461b99789350868CD7CF330Dd7EE',
-    decodedDataJson:
-      '[{"name":"verifiedAccount","type":"bool","signature":"bool verifiedAccount","value":{"name":"verifiedAccount","type":"bool","value":true}}]',
-    expirationTime: 0,
-    id: '0xf1fdb9d102f4b7c1d3b729fc10fea68596301c831913468f3f77f2d631486e12',
-    recipient: '0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1',
-    revocationTime: 0,
-    revoked: false,
-    schemaId: '0xf8b05c79f090979bf4a80270aba232dff11a10d9ca55c4f88de95317970f0de9',
-    time: 1704433703,
-    timeCreated: 1704433705,
-    txid: '0x71e21910fd44c2b75b143cf71318507b60d09c5f3caf848109974dd397de9f37',
-  },
-];
-````
-
-</CodeGroup>
-
-## Returns
-
-```typescript
-Promise<Attestation[]>
-
-type Attestation = {
-  /** The attester who created the attestation. */
-  attester: Address;
-  /** The attestation data decoded to JSON. */
-  decodedDataJson: string;
-  /** The Unix timestamp when the attestation expires (0 for no expiration). */
-  expirationTime: number;
-  /** The unique identifier of the attestation. */
-  id: string;
-  /** The Ethereum address of the recipient of the attestation. */
-  recipient: Address;
-  /** The Unix timestamp when the attestation was revoked, if applicable. */
-  revocationTime: number;
-  /** A boolean indicating whether the attestation is revoked or not. */
-  revoked: boolean;
-  /** The schema identifier associated with the attestation. */
-  schemaId: EASSchemaUid;
-  /** The Unix timestamp when the attestation was created. */
-  time: number;
-};
-
-type Address = `0x${string}`;
-type EASSchemaUid = `0x${string}`;
-```
-
-## Parameters
-
-### Address
-
-```ts
-type Address = `0x${string}`; // The address for which attestations are being queried.
-```
-
-### Chain
-
-```ts
-type Chain = { // The blockchain of interest.
-  id: string;
-  name: string;
-  network: string;
-  chainId: number;
-  nativeCurrency: {
-    name: string;
-    symbol: string;
-    decimals: number;
-  };
-  rpcUrls: string[];
-  blockExplorerUrls: string[];
-};
-```
-
-### GetAttestationsOptions
-
-```typescript
-type GetAttestationsParams = {
-  /** Array of schema UIDs to filter by */
-  schemas?: EASSchemaUid[];
-  /** Filter by revocation status */
-  revoked?: boolean;
-  /** Filter by expiration time */
-  expirationTime?: number;
-  /** Limit number of results */
-  limit?: number;
-};
-```
diff --git a/docs/onchainkit/latest/utilities/identity/get-avatar.mdx b/docs/onchainkit/latest/utilities/identity/get-avatar.mdx
deleted file mode 100644
index 8c08393c0..000000000
--- a/docs/onchainkit/latest/utilities/identity/get-avatar.mdx
+++ /dev/null
@@ -1,75 +0,0 @@
----
-title: getAvatar
----
-
-The `getAvatar` utility is designed to retrieve an avatar image
-URL from an onchain identity provider for a given name.
-
-Consider the utility instead of the hook when you
-use it with Next.js or any Node.js backend.
-
-Supported providers:
-
-- [Basenames](https://www.base.org/names)
-- ENS
-
-## Usage
-
-Get Basename avatar:
-
-<CodeGroup>
-```tsx code
-import { getAvatar } from '@coinbase/onchainkit/identity';
-import { base, mainnet } from 'viem/chains';
-
-const baseAvatar = await getAvatar({ ensName: 'paulcramer.eth', chain: base });
-
-````
-
-```ts return value
-https://zku9gdedgba48lmr.public.blob.vercel-storage.com/basenames/avatar/paul.base.eth/1722120524815/FWUzoZmJ_400x400-kWjr2gMvjNe9hHMs9Z9LxGVGIME3By.jpg
-````
-
-</CodeGroup>
-
-Get ENS avatar:
-
-<CodeGroup>
-```tsx code
-import { getAvatar } from '@coinbase/onchainkit/identity';
-import { mainnet } from 'viem/chains';
-
-const ensAvatar = await getAvatar({ ensName: 'paulcramer.eth', chain: mainnet });
-
-````
-
-```ts return value
-https://euc.li/paulcramer.eth;
-````
-
-</CodeGroup>
-
-## Returns
-
-```typescript
-Promise<GetAvatarReturnType>
-
-type GetAvatarReturnType = string | null;
-```
-
-## Parameters
-
-```typescript
-type GetAvatarParams = {
-  /** The ENS or Basename to fetch the avatar for. */
-  ensName: string;
-  /** Optional chain for domain resolution */
-  chain?: Chain;
-};
-
-type Chain = {
-  id: number;
-  name: string;
-  // ... other chain properties
-};
-```
diff --git a/docs/onchainkit/latest/utilities/identity/get-avatars.mdx b/docs/onchainkit/latest/utilities/identity/get-avatars.mdx
deleted file mode 100644
index 42f79e066..000000000
--- a/docs/onchainkit/latest/utilities/identity/get-avatars.mdx
+++ /dev/null
@@ -1,98 +0,0 @@
----
-title: getAvatars
----
-
-The `getAvatars` utility is designed to retrieve multiple avatars from an onchain identity
-provider for an array of ENS names or Basenames in a single batch request.
-
-Consider the utility instead of the hook when you
-use it with Next.js or any Node.js backend.
-
-## Usage
-
-Get avatars for multiple ENS names:
-
-<CodeGroup>
-```tsx code
-import { getAvatars } from '@coinbase/onchainkit/identity';
-
-const ensNames = ['vitalik.eth', 'zizzamia.eth'];
-const avatars = await getAvatars({ ensNames });
-
-````
-
-```ts return value
-[
-  'https://ipfs.io/ipfs/QmSP4nq9fnN9dAiCj42ug9Wa79rqmQerZXZch82VqpiH7U/image.gif',
-  'https://ipfs.io/ipfs/QmQ9RT2SrZ6TWUjrQxG4bNnhb3nDqBE5Ld1j9GYvk3kTjf'
-]
-````
-
-</CodeGroup>
-
-Get avatars for multiple Basenames:
-
-<CodeGroup>
-```tsx code
-import { getAvatars } from '@coinbase/onchainkit/identity';
-import { base } from 'viem/chains';
-
-const ensNames = ['zizzamia.base.eth', 'coinbase.base.eth'];
-const avatars = await getAvatars({ ensNames, chain: base });
-
-````
-
-```ts return value
-[
-  'https://ipfs.io/ipfs/QmQ9RT2SrZ6TWUjrQxG4bNnhb3nDqBE5Ld1j9GYvk3kTjf',
-  'https://ipfs.io/ipfs/QmXHFnSXcN7CSuVcyF3vyPgPcPvLQyLpKYBaNpx3x3bPAZ'
-]
-````
-
-</CodeGroup>
-
-Get avatars for a mix of ENS names and Basenames:
-
-<CodeGroup>
-```tsx code
-import { getAvatars } from '@coinbase/onchainkit/identity';
-import { base } from 'viem/chains';
-
-const ensNames = ['vitalik.eth', 'zizzamia.base.eth'];
-const avatars = await getAvatars({ ensNames, chain: base });
-
-````
-
-```ts return value
-[
-  'https://ipfs.io/ipfs/QmSP4nq9fnN9dAiCj42ug9Wa79rqmQerZXZch82VqpiH7U/image.gif',
-  'https://ipfs.io/ipfs/QmQ9RT2SrZ6TWUjrQxG4bNnhb3nDqBE5Ld1j9GYvk3kTjf'
-]
-````
-
-</CodeGroup>
-
-## Returns
-
-```typescript
-Promise<GetAvatarReturnType[]>
-
-type GetAvatarReturnType = string | null;
-```
-
-## Parameters
-
-```typescript
-type GetAvatarsParams = {
-  /** Array of ENS names to resolve avatars for */
-  ensNames: string[];
-  /** Optional chain for domain resolution */
-  chain?: Chain;
-};
-
-type Chain = {
-  id: number;
-  name: string;
-  // ... other chain properties
-};
-```
diff --git a/docs/onchainkit/latest/utilities/identity/get-name.mdx b/docs/onchainkit/latest/utilities/identity/get-name.mdx
deleted file mode 100644
index 0a420443f..000000000
--- a/docs/onchainkit/latest/utilities/identity/get-name.mdx
+++ /dev/null
@@ -1,94 +0,0 @@
----
-title: getName
----
-
-The `getName` utility is designed to retrieve a name from an onchain identity
-provider for a specific address.
-
-Consider the utility instead of the hook when you
-use it with Next.js or any Node.js backend.
-
-## Usage
-
-Get ENS name from an address:
-
-<CodeGroup>
-```tsx code
-import { getName } from '@coinbase/onchainkit/identity';
-
-const address = '0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1';
-const name = await getName({ address });
-
-````
-
-```ts return value
-zizzamia.eth;
-````
-
-</CodeGroup>
-
-Get Basename from an address:
-
-<CodeGroup>
-```tsx code
-import { getName } from '@coinbase/onchainkit/identity';
-import { base } from 'viem/chains';
-
-const address = '0x02feeb0AdE57b6adEEdE5A4EEea6Cf8c21BeB6B1';
-const name = await getName({ address, chain: base });
-
-````
-
-```ts return value
-zizzamia.base.eth;
-````
-
-</CodeGroup>
-
-Get a sliced address when address does not have an ENS name:
-
-<CodeGroup>
-```tsx code
-import { getName } from '@coinbase/onchainkit/identity';
-
-const address = '0x1234567890abcdef1234567890abcdef12345678';
-const name = await getName({ address });
-
-````
-
-```ts return value
-0x123...5678
-````
-
-</CodeGroup>
-
-## Returns
-
-```typescript
-Promise<GetNameReturnType>
-
-type GetNameReturnType = string | Basename | null;
-
-type Basename = BaseMainnetName | BaseSepoliaName;
-type BaseMainnetName = `${string}.base.eth`;
-type BaseSepoliaName = `${string}.basetest.eth`;
-```
-
-## Parameters
-
-```typescript
-type GetNameParams = {
-  /** Ethereum address to resolve */
-  address?: Address;
-  /** Optional chain for domain resolution */
-  chain?: Chain;
-};
-
-type Address = `0x${string}`;
-
-type Chain = {
-  id: number;
-  name: string;
-  // ... other chain properties
-};
-```
diff --git a/docs/onchainkit/latest/utilities/identity/get-names.mdx b/docs/onchainkit/latest/utilities/identity/get-names.mdx
deleted file mode 100644
index b304cf1cc..000000000
--- a/docs/onchainkit/latest/utilities/identity/get-names.mdx
+++ /dev/null
@@ -1,103 +0,0 @@
----
-title: getNames
----
-
-The `getNames` utility is designed to retrieve multiple names from an onchain identity
-provider for an array of addresses in a single batch request.
-
-Consider the utility instead of the hook when you
-use it with Next.js or any Node.js backend.
-
-## Usage
-
-Get ENS names from multiple addresses:
-
-<CodeGroup>
-```tsx code
-import { getNames } from '@coinbase/onchainkit/identity';
-
-const addresses = [
-'0x4bEf0221d6F7Dd0C969fe46a4e9b339a84F52FDF',
-'0x838aD0EAE54F99F1926dA7C3b6bFbF617389B4D9'
-];
-const names = await getNames({ addresses });
-
-````
-
-```ts return value
-['paulcramer.eth', 'vitalik.eth']
-````
-
-</CodeGroup>
-
-Get Basenames from multiple addresses:
-
-<CodeGroup>
-```tsx code
-import { getNames } from '@coinbase/onchainkit/identity';
-import { base } from 'viem/chains';
-
-const addresses = [
-'0x4bEf0221d6F7Dd0C969fe46a4e9b339a84F52FDF',
-'0x4bEf0221d6F7Dd0C969fe46a4e9b339a84F52FDF'
-];
-const names = await getNames({ addresses, chain: base });
-
-````
-
-```ts return value
-['paul.base.eth', 'coinbase.base.eth']
-````
-
-</CodeGroup>
-
-Get a mix of ENS names and sliced addresses when some addresses don't have names:
-
-<CodeGroup>
-```tsx code
-import { getNames } from '@coinbase/onchainkit/identity';
-
-const addresses = [
-'0x4bEf0221d6F7Dd0C969fe46a4e9b339a84F52FDF',
-'0x1234567890abcdef1234567890abcdef12345678'
-];
-const names = await getNames({ addresses });
-
-````
-
-```ts return value
-['paulcramer.eth', null]
-````
-
-</CodeGroup>
-
-## Returns
-
-```typescript
-Promise<GetNameReturnType[]>
-
-type GetNameReturnType = string | Basename | null;
-
-type Basename = BaseMainnetName | BaseSepoliaName;
-type BaseMainnetName = `${string}.base.eth`;
-type BaseSepoliaName = `${string}.basetest.eth`;
-```
-
-## Parameters
-
-```typescript
-type GetNamesParams = {
-  /** Array of Ethereum addresses to resolve names for */
-  addresses: Address[];
-  /** Optional chain for domain resolution */
-  chain?: Chain;
-};
-
-type Address = `0x${string}`;
-
-type Chain = {
-  id: number;
-  name: string;
-  // ... other chain properties
-};
-```
diff --git a/docs/onchainkit/latest/utilities/token/format-amount.mdx b/docs/onchainkit/latest/utilities/token/format-amount.mdx
deleted file mode 100644
index ce355b7ab..000000000
--- a/docs/onchainkit/latest/utilities/token/format-amount.mdx
+++ /dev/null
@@ -1,40 +0,0 @@
----
-title: formatAmount
-sidebarTitle: formatAmount
-description: Utility for consistent number formatting
----
-
-
-The `formatAmount` utility is designed for consistent number formatting.
-
-## Usage
-
-<CodeGroup>
-```tsx code
-import { formatAmount } from '@coinbase/onchainkit/token';
-
-const amount = formatAmount('10000', { minimumFractionDigits: 2 });
-```
-
-```ts return value
-'10,000.00'; // if in U.S. English locale
-
-'10.000,00'; // if in EU country locale
-```
-</CodeGroup>
-
-## Returns
-
-`string` - The formatted amount.
-
-## Parameters
-
-### FormatAmountOptions
-
-```ts
-type FormatAmountOptions = {
-  locale?: string; // User locale (default: browser locale)
-  minimumFractionDigits?: number; // Minimum fraction digits for number decimals
-  maximumFractionDigits?: number; // Maximum fraction digits for number decimals
-};
-```
diff --git a/docs/onchainkit/latest/utilities/wallet/is-valid-aa-entrypoint.mdx b/docs/onchainkit/latest/utilities/wallet/is-valid-aa-entrypoint.mdx
deleted file mode 100644
index b12ed5e77..000000000
--- a/docs/onchainkit/latest/utilities/wallet/is-valid-aa-entrypoint.mdx
+++ /dev/null
@@ -1,42 +0,0 @@
----
-title: isValidAAEntrypoint
-sidebarTitle: isValidAAEntrypoint
-description: Utility to verify Account-Abstraction entrypoint before sponsoring transactions
----
-
-The `isValidAAEntrypoint` utility is designed to verify the Account-Abstraction entrypoint before sponsoring a transaction.
-
-## Usage
-
-<CodeGroup>
-```tsx code
-import { isValidAAEntrypoint } from '@coinbase/onchainkit/wallet';
-
-const AAImplementationAddress = '0x123';
-const isValid = isValidAAEntrypoint({ entrypoint: AAImplementationAddress });
-
-if (isValid) {
-console.log('The entrypoint is valid.');
-} else {
-console.log('Invalid entrypoint.');
-}
-
-````
-
-```ts return value
-true;
-````
-
-</CodeGroup>
-
-## Returns
-
-`boolean` - Returns `true` if the account abstraction entrypoint address is v06, otherwise `false`.
-
-## Parameters
-
-```typescript
-type IsValidAAEntrypointOptions = {
-  entrypoint: string;
-};
-```
diff --git a/docs/onchainkit/latest/utilities/wallet/is-wallet-a-coinbase-smart-wallet.mdx b/docs/onchainkit/latest/utilities/wallet/is-wallet-a-coinbase-smart-wallet.mdx
deleted file mode 100644
index 8dc754fb7..000000000
--- a/docs/onchainkit/latest/utilities/wallet/is-wallet-a-coinbase-smart-wallet.mdx
+++ /dev/null
@@ -1,73 +0,0 @@
----
-title: isWalletACoinbaseSmartWallet
-sidebarTitle: isWalletACoinbaseSmartWallet
-description: Utility to verify if a sender address is a Coinbase Smart Wallet
----
-
-The `isWalletACoinbaseSmartWallet` utility is designed to verify if a given sender address is a Smart Wallet proxy with the expected implementation before sponsoring a transaction.
-
-## Usage
-
-<CodeGroup>
-```tsx code
-import { isWalletACoinbaseSmartWallet } from '@coinbase/onchainkit/wallet';
-import { http } from 'viem';
-import { baseSepolia } from 'viem/chains';
-import type { UserOperation } from 'permissionless';
-import { type PublicClient, createPublicClient } from 'viem';
-
-export const publicClient = createPublicClient({
-  chain: baseSepolia,
-  transport: http(),
-});
-
-const userOperation = { sender: '0x123' } as UserOperation<'v0.6'>;
-
-if (isWalletACoinbaseSmartWallet({ client: publicClient, userOp: userOperation })) {
-console.log('The sender address is a valid smart wallet proxy.');
-} else {
-console.log('The sender address is not a valid smart wallet proxy.');
-}
-
-````
-
-```ts return value
-true;
-````
-
-</CodeGroup>
-
-## Returns
-
-```typescript
-Promise<IsWalletACoinbaseSmartWalletResponse>
-
-type IsWalletACoinbaseSmartWalletResponse =
-  | { isCoinbaseSmartWallet: true }
-  | { isCoinbaseSmartWallet: false; error: string; code: string };
-```
-
-## Parameters
-
-```typescript
-type IsWalletACoinbaseSmartWalletOptions = {
-  client: PublicClient;
-  userOp: RpcUserOperation<'0.6'>;
-};
-
-type PublicClient = {
-  // Viem PublicClient type
-  getBytecode: (args: { address: Address }) => Promise<Hex | undefined>;
-  request: <T>(args: { method: string; params: any[] }) => Promise<T>;
-  // ... other PublicClient properties
-};
-
-type RpcUserOperation<T> = {
-  sender: Address;
-  initCode?: Hex;
-  // ... other UserOperation properties
-};
-
-type Address = `0x${string}`;
-type Hex = `0x${string}`;
-```
diff --git a/docs/onchainkit/llms-full.txt b/docs/onchainkit/llms-full.txt
deleted file mode 100644
index a9c462c82..000000000
--- a/docs/onchainkit/llms-full.txt
+++ /dev/null
@@ -1,196 +0,0 @@
-# https://docs.base.org/onchainkit/llms-full.txt
-
-## OnchainKit — Deep Guide for LLMs
-
-> OnchainKit is a React/TypeScript SDK that ships production‑ready components, hooks, and APIs to build onchain apps fast, with first‑class support for Base.
-
-### What you can do here
-- Install and configure OnchainKit in Next.js/Vite
-- Use the OnchainKitProvider to wire chains, API keys, and appearance
-- Compose wallet, transaction, swap, mint, and identity components
-- Call server APIs for quotes, tokens, portfolios
-- Test E2E with OnchainTestKit
-
-## Minimal Critical Code (provider)
-```tsx
-import { OnchainKitProvider } from '@coinbase/onchainkit'
-import { base } from 'wagmi/chains'
-
-export function Providers(props: { children: React.ReactNode }) {
-  return (
-    <OnchainKitProvider apiKey={process.env.NEXT_PUBLIC_ONCHAINKIT_API_KEY} chain={base}>
-      {props.children}
-    </OnchainKitProvider>
-  )
-}
-```
-
-## Navigation (with brief descriptions)
-
-### Introduction
-- [Getting Started](https://docs.base.org/onchainkit/getting-started.md) — Install, scaffold, test
-- [Telemetry](https://docs.base.org/onchainkit/guides/telemetry.md) — Metrics
-- [Troubleshooting](https://docs.base.org/onchainkit/guides/troubleshooting.md) — Common issues
-
-### Installation
-- [Next.js](https://docs.base.org/onchainkit/installation/nextjs.md) — Install in Next.js
-- [Vite](https://docs.base.org/onchainkit/installation/vite.md) — Install in Vite
-- [Remix](https://docs.base.org/onchainkit/installation/remix.md) — Install in Remix
-- [Astro](https://docs.base.org/onchainkit/installation/astro.md) — Install in Astro
-
-### Config
-- [OnchainKitProvider](https://docs.base.org/onchainkit/config/onchainkit-provider.md) — Provider config
-- [Supplemental Providers](https://docs.base.org/onchainkit/config/supplemental-providers.md) — Custom providers
-- [Types](https://docs.base.org/onchainkit/config/types.md) — Config types
-
-### Guides
-- [Lifecycle Status](https://docs.base.org/onchainkit/guides/lifecycle-status.md) — Stability
-- [Tailwind](https://docs.base.org/onchainkit/guides/tailwind.md) — Styling
-- [Themes](https://docs.base.org/onchainkit/guides/themes.md) — Theming
-- [Use Basename](https://docs.base.org/onchainkit/guides/use-basename-in-onchain-app.md) — Basename integration
-- [Using AI IDEs](https://docs.base.org/onchainkit/guides/using-ai-powered-ides.md) — Copilot patterns
-- [AI Prompting Guide](https://docs.base.org/onchainkit/guides/ai-prompting-guide.md) — Prompt patterns
-- [Build Onchain Apps](https://docs.base.org/onchainkit/guides/build-onchain-apps.md) — App building guide
-- [Reporting Bug](https://docs.base.org/onchainkit/guides/reporting-bug.md) — Issues
-- [Contribution](https://docs.base.org/onchainkit/guides/contribution.md) — Contribute
-
-### Templates
-- [Onchain NFT App](https://docs.base.org/onchainkit/templates/onchain-nft-app.md)
-- [Onchain Commerce App](https://docs.base.org/onchainkit/templates/onchain-commerce-app.md)
-- [Onchain Social Profile](https://docs.base.org/onchainkit/templates/onchain-social-profile.md)
-
-### Components (selected)
-- [Appchain/Bridge](https://docs.base.org/onchainkit/appchain/bridge.md) — Bridge widget
-- [Buy](https://docs.base.org/onchainkit/buy/buy.md) — Onramp UI
-- [Connected](https://docs.base.org/onchainkit/latest/components/connected/connected.md) — Connected wallet state
-- [Checkout](https://docs.base.org/onchainkit/checkout/checkout.md) — Commerce flows
-- [Earn](https://docs.base.org/onchainkit/earn/earn.md) — Yield UI
-- [Fund Button/Card](https://docs.base.org/onchainkit/fund/fund-button.md) — Onramp components
-- [Identity](https://docs.base.org/onchainkit/identity/identity.md) — Identity components
-- [Mint](https://docs.base.org/onchainkit/mint/nft-card.md) — NFT UI
-- [Signature](https://docs.base.org/onchainkit/signature/signature.md) — Sign flows
-- [Swap](https://docs.base.org/onchainkit/swap/swap.md) — Swap UI
-- [Token](https://docs.base.org/onchainkit/token/token-chip.md) — Token UI
-- [Transaction](https://docs.base.org/onchainkit/transaction/transaction.md) — Transactions
-- [Wallet](https://docs.base.org/onchainkit/wallet/wallet.md) — Wallet UI
-
-### API
-- [Mint: Build Tx](https://docs.base.org/onchainkit/api/build-mint-transaction.md)
-- [Swap: Build Tx](https://docs.base.org/onchainkit/api/build-swap-transaction.md)
-- [Swap: Quote](https://docs.base.org/onchainkit/api/get-swap-quote.md)
-- [Token: List](https://docs.base.org/onchainkit/api/get-tokens.md)
-- [Wallet: Portfolios](https://docs.base.org/onchainkit/api/get-portfolios.md)
-
-### Utilities
-- [Earn: build deposit/withdraw tx](https://docs.base.org/onchainkit/api/build-deposit-to-morpho-tx.md)
-- [Fund: onramp helpers](https://docs.base.org/onchainkit/fund/get-onramp-buy-url.md)
-- [Identity: lookups and hooks](https://docs.base.org/onchainkit/identity/get-address.md)
-- [Mint: hooks](https://docs.base.org/onchainkit/hooks/use-mint-details.md)
-- [Token: formatting](https://docs.base.org/onchainkit/token/format-amount.md)
-- [Wallet: helpers](https://docs.base.org/onchainkit/wallet/is-wallet-a-coinbase-smart-wallet.md)
-
-### Types
-- [API](https://docs.base.org/onchainkit/api/types.md), [Appchain](https://docs.base.org/onchainkit/appchain/types.md), [Checkout](https://docs.base.org/onchainkit/checkout/types.md), [Config](https://docs.base.org/onchainkit/config/types.md), [Earn](https://docs.base.org/onchainkit/earn/types.md), [Fund](https://docs.base.org/onchainkit/fund/types.md), [Identity](https://docs.base.org/onchainkit/identity/types.md), [Mint](https://docs.base.org/onchainkit/mint/types.md), [Signature](https://docs.base.org/onchainkit/signature/types.md), [Swap](https://docs.base.org/onchainkit/swap/types.md), [Token](https://docs.base.org/onchainkit/token/types.md), [Transaction](https://docs.base.org/onchainkit/transaction/types.md), [Wallet](https://docs.base.org/onchainkit/wallet/types.md)
-
-
-## Quickstart (excerpts)
-
-Source: `https://docs.base.org/onchainkit/getting-started.md`
-
-Install and wire the provider:
-
-```bash
-npm install @coinbase/onchainkit wagmi viem
-```
-
-```tsx
-import { OnchainKitProvider } from '@coinbase/onchainkit'
-import { base } from 'wagmi/chains'
-
-export function Providers(props: { children: React.ReactNode }) {
-  return (
-    <OnchainKitProvider apiKey={process.env.NEXT_PUBLIC_ONCHAINKIT_API_KEY} chain={base}>
-      {props.children}
-    </OnchainKitProvider>
-  )
-}
-```
-
-Minimal wallet + transaction UI:
-
-Source: `https://docs.base.org/onchainkit/wallet/wallet.md` and `https://docs.base.org/onchainkit/transaction/transaction.md`
-
-```tsx
-import { Wallet } from '@coinbase/onchainkit/wallet'
-import { Transaction } from '@coinbase/onchainkit/transaction'
-
-export function Checkout() {
-  return (
-    <div>
-      <Wallet />
-      <Transaction calls={[{ to: USDC, data: erc20.approve(MERCHANT, AMOUNT) }]} />
-    </div>
-  )
-}
-```
-
-
-## Key Concepts (excerpts)
-
-Source: `https://docs.base.org/onchainkit/config/onchainkit-provider.md`
-
-- Provider role: Central place to configure chain, API key, appearance, and integrations. Keep it high in the tree to enable components and hooks.
-- Lifecycle status: Components and APIs expose stability levels to guide production usage.
-  - Source: `https://docs.base.org/onchainkit/guides/lifecycle-status.md`
-- Composition model: Building blocks (Wallet, Transaction, Swap, Mint, Identity) compose into product flows with sensible defaults.
-- Server APIs: Quote and transaction‑builder endpoints power client components, reducing onchain logic in the browser.
-
-
-## API (selected, pruned)
-
-OnchainKit interface
-
-- Get Swap Quote — `GET /v1/swap/quote?fromToken=...&toToken=...&amount=...`
-  - Source: `https://docs.base.org/onchainkit/api/get-swap-quote.md`
-- Build Swap Transaction — `POST /v1/swap/build`
-  - Source: `https://docs.base.org/onchainkit/api/build-swap-transaction.md`
-- Get Tokens — `GET /v1/tokens`
-  - Source: `https://docs.base.org/onchainkit/api/get-tokens.md`
-- Get Portfolios — `GET /v1/wallets/{address}/portfolios`
-  - Source: `https://docs.base.org/onchainkit/api/get-portfolios.md`
-
-Component props and types
-
-- Transaction — core props include `calls`, `onStatus`, `appearance`
-  - Source: `https://docs.base.org/onchainkit/transaction/transaction.md`
-- Wallet — `onConnect`, `onDisconnect`, `appearance`
-  - Source: `https://docs.base.org/onchainkit/wallet/wallet.md`
-
-
-## Examples (common flows)
-
-Example: Fetch and display a swap quote, then build a tx
-
-Sources:
-- `https://docs.base.org/onchainkit/api/get-swap-quote.md`
-- `https://docs.base.org/onchainkit/api/build-swap-transaction.md`
-
-```ts
-const quote = await fetch(`/api/ock/swap/quote?fromToken=${from}&toToken=${to}&amount=${amount}`).then(r => r.json())
-const build = await fetch('/api/ock/swap/build', { method: 'POST', body: JSON.stringify({ quote }) }).then(r => r.json())
-```
-
-Example: Programmatic transaction calls
-
-Source: `https://docs.base.org/onchainkit/transaction/transaction.md`
-
-```tsx
-<Transaction
-  calls={[
-    { to: USDC, data: erc20.approve(SPENDER, AMOUNT) },
-    { to: SPENDER, data: spender.purchase(AMOUNT) }
-  ]}
-  onStatus={s => console.log(s)}
-/>
-```
-
diff --git a/docs/onchainkit/llms.txt b/docs/onchainkit/llms.txt
deleted file mode 100644
index aba6bc0aa..000000000
--- a/docs/onchainkit/llms.txt
+++ /dev/null
@@ -1,50 +0,0 @@
-# https://docs.base.org/onchainkit/llms.txt
-
-## OnchainKit Documentation
-
-> OnchainKit is a React/TypeScript SDK with components, hooks, and APIs to ship beautiful onchain apps (supercharged for Base) in minutes.
-
-## Introduction
-- [Getting Started](https://docs.base.org/onchainkit/getting-started.md) — Install, scaffold, and test an OnchainKit app
-- [Telemetry](https://docs.base.org/onchainkit/guides/telemetry.md) — Data collection and privacy details
-
-## Installation
-- [Next.js](https://docs.base.org/onchainkit/installation/nextjs.md) — Setup in a Next.js 14 project
-- [Vite](https://docs.base.org/onchainkit/installation/vite.md) — Vite project setup
-
-## Config
-- [OnchainKitProvider](https://docs.base.org/onchainkit/config/onchainkit-provider.md) — Project-wide provider and required props
-- [Supplemental Providers](https://docs.base.org/onchainkit/config/supplemental-providers.md) — Customize Wagmi/react-query providers
-
-## Guides
-- [Lifecycle Status](https://docs.base.org/onchainkit/guides/lifecycle-status.md) — Component and API lifecycle guidance
-- [Tailwind](https://docs.base.org/onchainkit/guides/tailwind.md) — Tailwind CSS integration
-- [Themes](https://docs.base.org/onchainkit/guides/themes.md) — Built-in themes and customization
-
-## Templates
-- [Onchain NFT App](https://docs.base.org/onchainkit/templates/onchain-nft-app.md) — Template for minting and displaying NFTs
-- [Onchain Commerce App](https://docs.base.org/onchainkit/templates/onchain-commerce-app.md) — Template for checkout and payments
-
-## Components
-- [Transaction](https://docs.base.org/onchainkit/transaction/transaction.md) — Programmatic onchain actions with UI
-- [Wallet](https://docs.base.org/onchainkit/wallet/wallet.md) — Wallet UI and connection patterns
-
-## API
-- [Get Swap Quote](https://docs.base.org/onchainkit/api/get-swap-quote.md) — Quoting endpoint for building swaps
-- [Get Portfolios](https://docs.base.org/onchainkit/api/get-portfolios.md) — Wallet portfolio data
-
-## Utilities
-- [isBase](https://docs.base.org/onchainkit/config/is-base.md) — Chain helpers for Base
-- [Format Amount](https://docs.base.org/onchainkit/token/format-amount.md) — Display utilities for tokens
-
-## Types
-- [API Types](https://docs.base.org/onchainkit/api/types.md) — Common API type definitions
-
-## Contribution
-- [Contribution Guide](https://docs.base.org/onchainkit/guides/contribution.md) — How to propose changes and report bugs
-
-## Optional
-- [AI Prompting Guide](https://docs.base.org/onchainkit/guides/ai-prompting-guide.md) — Patterns for IDEs and LLM copilots
-- [Themes](https://docs.base.org/onchainkit/guides/themes.md) — Built-in themes and customization
-
-
diff --git a/docs/onchainkit/mint/nft-card.mdx b/docs/onchainkit/mint/nft-card.mdx
deleted file mode 100644
index fc02f0b14..000000000
--- a/docs/onchainkit/mint/nft-card.mdx
+++ /dev/null
@@ -1,312 +0,0 @@
----
-title: <NFTCard /> · OnchainKit
-sidebarTitle: <NFTCard />
-description: View NFTs with OnchainKit
----
-
-The `NFTCard` component provides an easy way to view any NFT.  Just enter the NFT contract address and token Id and include the child components you want to render.
-
-<Frame>
-<img alt="Checkout"
-  src="/images/onchainkit/NFTCard.gif"
-  height="364"
-/>
-</Frame>
-
-## Prerequisites
-
-Before using the `NFTCard` component, ensure you've completed the [Getting Started](/onchainkit/getting-started) steps.
-
-To use the `NFTCard` component, you'll need to provide an API Key in `OnchainKitProvider`. You can get one following our [Getting Started](/onchainkit/getting-started#get-your-public-api-key) steps.
-
-### Starting a new project
-
-If you're starting a new project, we recommend using `create onchain` to scaffold your project.
-
-```bash
-npm create onchain@latest
-```
-
-### Adding to an existing project
-
-If you're adding `NFTCard` to an existing project, simply install OnchainKit.
-
-<CodeGroup>
-```bash npm
-npm install @coinbase/onchainkit
-```
-
-```bash yarn
-yarn add @coinbase/onchainkit
-```
-
-```bash pnpm
-pnpm add @coinbase/onchainkit
-```
-
-```bash bun
-bun add @coinbase/onchainkit
-```
-</CodeGroup>
-
-Wrap the `<OnchainKitProvider />` around your app, following the steps in [Getting Started](/onchainkit/getting-started#add-providers).
-
-## Quickstart
-
-The `NFTCardDefault` component is a simplified version of the `NFTCard` component, designed to streamline the integration process for developers.  Instead of manually defining each subcomponent, developers can use this shorthand version which renders our suggested implementation of the component and includes `NFTTitle`, `NFTMedia`, `NFTOwner`, `NFTLastSoldPrice` and `NFTNetwork`.
-
-```tsx
-import { NFTCardDefault } from '@coinbase/onchainkit/nft'; // [!code focus]
-
-<NFTCardDefault // [!code focus]
-  contractAddress='0xb4703a3a73aec16e764cbd210b0fde9efdab8941'  // [!code focus]
-  tokenId='1' // [!code focus]
-/>  // [!code focus]
-```
-
-If you'd like more customization you can follow the steps below to customize which subcomponents are rendered.
-
-<Steps>
-  <Step title="Add the NFTCard">
-
-  ```tsx
-  // @noErrors: 2741 - Property children missing in type
-  import { NFTCard } from '@coinbase/onchainkit/nft'; // [!code focus]
-
-  <NFTCard // [!code focus]
-    contractAddress='0xb4703a3a73aec16e764cbd210b0fde9efdab8941'  // [!code focus]
-    tokenId='1' // [!code focus]
-  >
-  </NFTCard>
-  ```
-  </Step>
-  <Step title="Add the NFTCard components">
-  ```tsx
-  import { NFTCard } from '@coinbase/onchainkit/nft';
-  import {
-    NFTLastSoldPrice, // [!code ++]
-    NFTMedia, // [!code ++]
-    NFTNetwork, // [!code ++]
-    NFTOwner, // [!code ++]
-    NFTTitle, // [!code ++]
-  } from '@coinbase/onchainkit/nft/view'; // [!code ++]
-
-  <NFTCard
-    contractAddress='0xb4703a3a73aec16e764cbd210b0fde9efdab8941'
-    tokenId='1'
-  >
-    <NFTMedia />
-    <NFTTitle />
-    <NFTOwner />
-    <NFTLastSoldPrice />
-    <NFTNetwork />
-  </NFTCard>
-  ```
-
-  <iframe
-    src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-nft-card--card-main&viewMode=story&dark=true&hero=true"
-    width="100%"
-    height="670px"
-  />
-  {/* <ViewCardMain /> */}
-
-  </Step>
-</Steps>
-
-That's it! You've now created an NFT card.
-
-## Customization
-
-### Add the NFTCard subcomponents in any order
-
-If you prefer to have the title above the media, you can easily change the order of the subcomponents and they will render in the new order.
-
-```tsx
-import { NFTCard } from '@coinbase/onchainkit/nft';
-import {
-  NFTMedia,
-  NFTTitle,
-} from '@coinbase/onchainkit/nft/view';
-// ---cut-before---
-<NFTCard
-  contractAddress='0xb4703a3a73aec16e764cbd210b0fde9efdab8941'
-  tokenId='1'
->
-  <NFTTitle />
-  <NFTMedia />
-  <NFTTitle />
-</NFTCard>
-// ---cut-after---
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-nft-card--card-title-above&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="580px"
-/>
-{/* <ViewCardTitleAbove /> */}
-
-### Customize the `<NFTMedia />` aspect ratio
-
-By default, we display all media scaled to fit the card.  If you would prefer to show the media at its original aspect ratio you can set `square={false}` on the `<NFTMedia />` component.
-
-```tsx
-import { NFTCard } from '@coinbase/onchainkit/nft';
-import {
-  NFTMedia,
-} from '@coinbase/onchainkit/nft/view';
-// ---cut-before---
-<NFTCard
-  contractAddress='0xb4703a3a73aec16e764cbd210b0fde9efdab8941'
-  tokenId='1'
->
-  <NFTMedia square={false} />
-</NFTCard>
-// ---cut-after---
-```
-
-<Tabs>
-  <Tab title="Scaled to fit (default)">
-    <iframe
-      src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-nft-card--card-scaled&viewMode=story&dark=true&hero=true"
-      width="100%"
-      height="580px"
-    />
-  </Tab>
-  <Tab title="Original Aspect Ratio">
-    <iframe
-      src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-nft-card--card-not-scaled&viewMode=story&dark=true&hero=true"
-      width="100%"
-      height="580px"
-    />
-  </Tab>
-</Tabs>
-{/* | Scaled to fit (default) | Original Aspect Ratio |
-|-----------------|------------|
-| <ViewCardScaled square={true} /> | <ViewCardScaled square={false} /> | */}
-
-### Override styles
-
-We recommend style customization by setting a custom [OnchainKit theme](/onchainkit/guides/themes#custom-theme). You can also override individual component styles using `className`.
-
-```tsx
-import { NFTCard } from '@coinbase/onchainkit/nft';
-import {
-  NFTMedia,
-  NFTTitle,
-} from '@coinbase/onchainkit/nft/view';
-export default function NFTComponent() {
-  return (
-// ---cut-before---
-<NFTCard
-  contractAddress='0xb4703a3a73aec16e764cbd210b0fde9efdab8941'
-  tokenId='1'
->
-  <NFTMedia/>
-  <NFTTitle className='text-[#EA580C]'/>
-</NFTCard>
-// ---cut-after---
-);
-}
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-nft-card--card-override-styles&viewMode=story&dark=true&hero=true"
-  width="100%"
-      height="580px"
-/>
-{/* <ViewCardOverrideStyles /> */}
-
-## Advanced Usage
-
-### Bring your own data
-
-The default `NFTCard` implementation uses Coinbase Developer Platform to provide the data and requires an API key.  If you would like to use your own data, you can use the `useNFTData` prop to pass in a hook which fetches the NFT data from a source of your choice.  As long as this hook returns an object with the same shape as the [`NFTData`](/onchainkit/mint/types#nftdata) type, the NFTCard will render.
-
-```tsx
-import { NFTCard } from '@coinbase/onchainkit/nft';
-import {
-  NFTMedia,
-  NFTTitle,
-} from '@coinbase/onchainkit/nft/view';
-// ---cut-before---
-
-function useNFTData() {  // [!code focus]
-  return {  // [!code focus]
-    title: 'My NFT',  // [!code focus]
-    imageUrl: 'https://example.com/image.png',  // [!code focus]
-  }  // [!code focus]
-}  // [!code focus]
-
-export default function NFTComponent() {
-  return (
-    <NFTCard
-      contractAddress='0xb4703a3a73aec16e764cbd210b0fde9efdab8941'
-      tokenId='1'
-      useNFTData={useNFTData}  // [!code focus]
-    >
-      <NFTMedia/>
-      <NFTTitle />
-    </NFTCard>
-  );
-}
-```
-
-### Listening to the component lifecycle
-
-You can use our NFT [`LifecycleStatus`](/onchainkit/mint/types#lifecyclestatus) and the `onStatus` prop to listen to transaction states.
-
-NFTCard has 4 lifecycle states:
-* `init` - The component is initialized
-* `error` - The component has encountered an error
-* `mediaLoading` - The media is loading
-* `success` - The media has been loaded
-
-```tsx
-import { NFTCard } from '@coinbase/onchainkit/nft';
-import { NFTMedia } from '@coinbase/onchainkit/nft/view';
-// ---cut-before---
-import type { LifecycleStatus } from '@coinbase/onchainkit/nft'; // [!code focus]
-
-const statusHandler = (status: LifecycleStatus) => { // [!code focus]
-  const { statusName, statusData } = status; // [!code focus]
-  switch (statusName) { // [!code focus]
-    case 'success': // [!code focus]
-      // handle success
-    case 'error': // [!code focus]
-      // handle error
-    default: // [!code focus]
-      // handle 'init' state
-  } // [!code focus]
-} // [!code focus]
-
-<NFTCard  // [!code focus]
-  onStatus={statusHandler}  // [!code focus]
-  contractAddress='0xb4703a3a73aec16e764cbd210b0fde9efdab8941'
-  tokenId='1'
->
-  <NFTMedia />
-</NFTCard>
-// ---cut-after---
-```
-
-## Example use cases
-- **Display your favorite NFT:** Create your own gallery showcasing your favorite NFTs
-- **Display a minted in game avatar:** Allow your users to mint and then view a minted avatar
-
-## Components
-
-The `NFTCard` component can be customized with the following components:
-
-- `<NFTMedia square={boolean}/>` - The media for the NFT, this includes support for images, videos and audio NFTs.
-- `<NFTTitle />` - The title of the NFT.
-- `<NFTOwner />` - Displays the Owners Avatar, name or address and badge (if applicable).
-- `<NFTLastSoldPrice />` - The last sold price of the NFT in native currency and USD.
-- `<NFTNetwork />` - The network the NFT is on, currently only BASE NFTs are supported.
-
-## Props
-
-- [`LifecycleStatus`](/onchainkit/mint/types#lifecyclestatus)
-- [`NFTCardReact`](/onchainkit/mint/types#nftcardreact)
-- [`NFTData`](/onchainkit/mint/types#nftdata)
-
diff --git a/docs/onchainkit/mint/nft-mint-card.mdx b/docs/onchainkit/mint/nft-mint-card.mdx
deleted file mode 100644
index f28239e01..000000000
--- a/docs/onchainkit/mint/nft-mint-card.mdx
+++ /dev/null
@@ -1,327 +0,0 @@
----
-title: <NFTMintCard /> · OnchainKit
-sidebarTitle: <NFTMintCard />
-description: Mint NFTs with OnchainKit
----
-
-The `NFTMintCard` component provides an easy way to mint an NFT. Just enter the NFT contract address and token Id (for ERC1155 contracts) and include the subcomponents you want to render.
-
-<Frame>
-<img alt="Checkout"
-  src="/images/onchainkit/NFTMintCard.gif"
-  height="364"
-/>
-</Frame>
-
-## Prerequisites
-
-Before using the `NFTMintCard` component, ensure you've completed the [Getting Started](/onchainkit/getting-started) steps.
-
-To use the `NFTMintCard` component, you'll need to provide an API Key in `OnchainKitProvider`. You can get one following our [Getting Started](/onchainkit/getting-started#get-your-public-api-key) steps.
-
-### Starting a new project
-
-If you're starting a new project, we recommend using `create onchain` to scaffold your project.
-
-```bash
-npm create onchain@latest
-```
-
-### Adding to an existing project
-
-If you're adding `NFTMintCard` to an existing project, simply install OnchainKit.
-
-<CodeGroup>
-```bash npm
-npm install @coinbase/onchainkit
-```
-
-```bash yarn
-yarn add @coinbase/onchainkit
-```
-
-```bash pnpm
-pnpm add @coinbase/onchainkit
-```
-
-```bash bun
-bun add @coinbase/onchainkit
-```
-</CodeGroup>
-
-Wrap the `<OnchainKitProvider />` around your app, following the steps in [Getting Started](/onchainkit/getting-started#add-providers).
-
-## Quickstart
-
-The `NFTMintCardDefault` component is a simplified version of the `NFTMintCard` component, designed to streamline the integration process for developers. Instead of manually defining each subcomponent, developers can use this shorthand version which renders our suggested implementation of the component and includes `NFTCreator`, `NFTMedia`, `NFTCollectionTitle`, `NFTQuantitySelector`, `NFTAssetCost` and `NFTMintButton`.
-
-```tsx
-import { NFTMintCardDefault } from '@coinbase/onchainkit/nft'; // [!code focus]
-
-<NFTMintCardDefault  // [!code focus]
-  contractAddress='0xb4703a3a73aec16e764cbd210b0fde9efdab8941'  // [!code focus]
-/>  // [!code focus]
-```
-
-If you'd like more customization you can follow the steps below to customize which subcomponents are rendered.
-
-<Steps>
-  <Step title="Add the NFTMintCard">
-  ```tsx
-  // @noErrors: 2741 - Property children missing in type
-  import { NFTMintCard } from '@coinbase/onchainkit/nft'; // [!code focus]
-
-  <NFTMintCard  // [!code focus]
-    contractAddress='0xb4703a3a73aec16e764cbd210b0fde9efdab8941'  // [!code focus]
-  >
-  </NFTMintCard>
-  ```
-  </Step>
-  <Step title="Add the NFTMintCard components">
-
-  ```tsx
-  // @noErrors: 2739
-  import { NFTMintCard } from '@coinbase/onchainkit/nft';
-  import { NFTMedia } from '@coinbase/onchainkit/nft/view'; // [!code ++]
-  import {
-    NFTCreator, // [!code ++]
-    NFTCollectionTitle, // [!code ++]
-    NFTQuantitySelector, // [!code ++]
-    NFTAssetCost, // [!code ++]
-    NFTMintButton, // [!code ++]
-  } from '@coinbase/onchainkit/nft/mint'; // [!code ++]
-
-  <NFTMintCard
-    contractAddress='0xed2f34043387783b2727ff2799a46ce3ae1a34d2'
-    tokenId='2'
-  >
-    <NFTCreator />
-    <NFTMedia />
-    <NFTCollectionTitle />
-    <NFTQuantitySelector />
-    <NFTAssetCost />
-    <NFTMintButton />
-  </NFTMintCard>
-  ```
-
-  <iframe
-    src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-nft-mintcard--card-main&viewMode=story&dark=true&hero=true"
-    width="100%"
-    height="760px"
-  />
-  {/* <MintCardMain /> */}
-  </Step>
-</Steps>
-
-That's it! You've now created an NFT mint card.
-
-## Not sure what to mint?
-
-You can create your own NFT to mint at [Coinbase Wallets create a Mint flow](https://wallet.coinbase.com/home/create). Just follow the instructions to create your NFT and then copy the contract address out of the url into an NFTMintCard.
-
-## Customization
-
-### Add the NFTMintCard components in any order
-
-If you prefer to have the collection title above the media, you can easily change the order of the subcomponents and they will render in the new order.
-
-```tsx
-import { NFTMintCard } from '@coinbase/onchainkit/nft';
-import { NFTMedia } from '@coinbase/onchainkit/nft/view';
-import { NFTCollectionTitle } from '@coinbase/onchainkit/nft/mint';
-// ---cut-before---
-<NFTMintCard
-  contractAddress='0xb4703a3a73aec16e764cbd210b0fde9efdab8941'
->
-  <NFTCollectionTitle />
-  <NFTMedia />
-  <NFTCollectionTitle />
-</NFTMintCard>
-// ---cut-after---
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-nft-mintcard--card-title-above&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="580px"
-/>
-{/* <MintCardTitleAbove /> */}
-
-### Customize the `<NFTMedia />` aspect ratio
-
-By default, we display all media scaled to fit the card. If you would prefer to show the media at its original aspect ratio you can set `square={false}` on the `<NFTMedia />` component.
-
-```tsx
-import { NFTMintCard } from '@coinbase/onchainkit/nft';
-import {
-  NFTMedia,
-} from '@coinbase/onchainkit/nft/view';
-// ---cut-before---
-<NFTMintCard
-  contractAddress='0x877f0f3fef81c28a8c40fe060b17d254003377ad'
->
-  <NFTMedia square={false} />
-</NFTMintCard>
-// ---cut-after---
-```
-
-<Tabs>
-  <Tab title="Scaled to fit (default) ">
-    <iframe
-      src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-nft-mintcard--card-scaled&viewMode=story&dark=true&hero=true"
-      width="100%"
-      height="580px"
-    />
-  </Tab>
-  <Tab title="Original Aspect Ratio">
-    <iframe
-      src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-nft-mintcard--card-not-scaled&viewMode=story&dark=true&hero=true"
-      width="100%"
-      height="580px"
-    />
-  </Tab>
-</Tabs>
-{/* | Scaled to fit (default)         | Original Aspect Ratio            |
-| ------------------------------- | -------------------------------- |
-| <MintCardScaled square={true}/> | <MintCardScaled square={false}/> | */}
-
-### Override styles
-
-We recommend style customization by setting a custom [OnchainKit theme](/onchainkit/guides/themes#custom-theme). You can also override individual component styles using `className`.
-
-```tsx
-import { NFTMintCard } from '@coinbase/onchainkit/nft';
-import {
-  NFTMedia,
-} from '@coinbase/onchainkit/nft/view';
-import { NFTCollectionTitle } from '@coinbase/onchainkit/nft/mint';
-export default function NFTComponent() {
-  return (
-// ---cut-before---
-<NFTMintCard
-  contractAddress='0xb4703a3a73aec16e764cbd210b0fde9efdab8941'
->
-  <NFTMedia/>
-  <NFTCollectionTitle className='text-[#EA580C]'/>
-</NFTMintCard>
-// ---cut-after---
-);
-}
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-nft-mintcard--card-override-styles&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="580px"
-/>
-{/* <MintCardOverrideStyles/> */}
-
-## Compatibility
-
-The mint component uses a custom buildMintTransaction implementation which supports Coinbase mints as well as [`these supported platforms on reservoir`](https://docs.reservoir.tools/docs/minting#platform-support). If your contract is not supported, please follow the [`bring your own data instructions`](#bring-your-own-data) below.
-
-## Advanced Usage
-
-### Bring your own data
-
-The default `NFTMintCard` implementation uses Coinbase Developer Platform to provide the data and requires an API key. You can use the `useNFTData` prop to pass in a hook which fetches the NFT data from a source of your choice. As long as this hook returns an object with the same shape as the [`NFTData`](/onchainkit/mint/types#nftdata) type, the NFTMintCard will render.
-
-You can also use a custom `buildMintTransaction` function to create your own Mint transaction.
-
-```tsx
-// @noErrors: 2739
-import { NFTMintCard } from '@coinbase/onchainkit/nft';
-import { NFTMedia } from '@coinbase/onchainkit/nft/view';
-import { NFTCollectionTitle, NFTMintButton } from '@coinbase/onchainkit/nft/mint';
-// ---cut-before---
-
-function useNFTData() {  // [!code focus]
-  return {  // [!code focus]
-    title: 'My NFT',  // [!code focus]
-    imageUrl: 'https://example.com/image.png',  // [!code focus]
-  }  // [!code focus]
-}  // [!code focus]
-
-async function buildMintTransaction() {  // [!code focus]
-  const response = await fetch('https://api.minttransaction.com');  // [!code focus]
-  return await response.json();  // [!code focus]
-}  // [!code focus]
-
-export default function NFTComponent() {
-  return (
-    <NFTMintCard
-      contractAddress='0xb4703a3a73aec16e764cbd210b0fde9efdab8941'
-      useNFTData={useNFTData}  // [!code focus]
-      buildMintTransaction={buildMintTransaction}  // [!code focus]
-    >
-      <NFTMedia/>
-      <NFTCollectionTitle />
-      <NFTMintButton disabled={true}/>
-    </NFTMintCard>
-  );
-}
-```
-
-### Listening to the component lifecycle
-
-You can use our NFT [`LifecycleStatus`](/onchainkit/mint/types#lifecyclestatus) and the `onStatus` prop to listen to transaction states.
-
-NFTMintCard has 6 lifecycle states:
-
-- `init` - The component is initialized
-- `error` - The component has encountered an error
-- `mediaLoading` - The media is loading
-- `mediaLoaded` - The media has been loaded
-- `transactionPending` - The mint transaction is pending
-- `transactionLegacyExecuted` - The mint transaction has been executed
-- `success` - The mint transaction has been successful
-
-```tsx
-import { NFTMintCard } from '@coinbase/onchainkit/nft';
-import { NFTMedia } from '@coinbase/onchainkit/nft/view';
-// ---cut-before---
-import type { LifecycleStatus } from '@coinbase/onchainkit/nft'; // [!code focus]
-
-const statusHandler = (status: LifecycleStatus) => { // [!code focus]
-  const { statusName, statusData } = status; // [!code focus]
-  switch (statusName) { // [!code focus]
-    case 'success': // [!code focus]
-      // handle success
-    case 'error': // [!code focus]
-      // handle error
-    default: // [!code focus]
-      // handle 'init' state
-  } // [!code focus]
-} // [!code focus]
-
-<NFTMintCard  // [!code focus]
-  onStatus={statusHandler}  // [!code focus]
-  contractAddress='0xb4703a3a73aec16e764cbd210b0fde9efdab8941'
->
-  <NFTMedia />
-</NFTMintCard>
-// ---cut-after---
-```
-
-## Example use cases
-
-- **Create a gallery of your mintable NFTs:** Create a gallery of NFTs you created for users to mint
-- **Minted in game avatar:** Allow your users to mint and then view a minted avatar
-
-## Components
-
-The `NFTMintCard` component can be customized with the following components:
-
-- `<NFTCreator />` - The creator of the NFT.
-- `<NFTMedia square={boolean}/>` - The media for the NFT, this includes support for images, videos and audio NFTs.
-- `<NFTCollectionTitle />` - The title of the NFT collection.
-- `<NFTQuantitySelector />` - The quantity selector for the NFT.
-- `<NFTAssetCost />` - The cost of the NFT in native currency and USD.
-- `<NFTMintButton />` - The mint button for the NFT.
-
-## Props
-
-- [`LifecycleStatus`](/onchainkit/mint/types#lifecyclestatus)
-- [`NFTMintCardReact`](/onchainkit/mint/types#nftmintcardreact)
-- [`NFTData`](/onchainkit/mint/types#nftdata)
-
diff --git a/docs/onchainkit/mint/types.mdx b/docs/onchainkit/mint/types.mdx
deleted file mode 100644
index ed8346513..000000000
--- a/docs/onchainkit/mint/types.mdx
+++ /dev/null
@@ -1,143 +0,0 @@
----
-title: NFT components & utilities Types
-description: Glossary of Types in NFT components & utilities.
-sidebarTitle: Mint
----
-
-## `LifecycleStatus`
-
-```ts
-export type LifecycleStatus =
-  | {
-      statusName: 'init';
-      statusData: null;
-    }
-  | {
-      statusName: 'error';
-      statusData: NFTError;
-    }
-  | {
-      statusName: 'mediaLoading';
-      statusData: {
-        mediaType: MediaType;
-        mediaUrl: string;
-      };
-    }
-  | {
-      statusName: 'mediaLoaded';
-      statusData: null;
-    }
-  | {
-      statusName: 'transactionPending';
-      statusData: null;
-    }
-  | {
-      statusName: 'transactionLegacyExecuted';
-      statusData: {
-        transactionHashList: Address[];
-      };
-    }
-  | {
-      // NFTCard success state represents media loaded
-      // NFTMintCard success state represents successful Mint
-      statusName: 'success';
-      statusData: {
-        transactionReceipts?: TransactionReceipt[];
-      };
-    };
-```
-
-## `NFTCardReact`
-
-```ts
-type NFTCardReact = {
-  children: React.ReactNode;
-
-  // Optional className override for top div element.
-  className?: string;
-
-  // Contract address of the NFT
-  contractAddress: Hex;
-
-   // Required Token ID of the NFT
-  tokenId: string;
-
-  // Optional hook to override the default useNftData hook
-  useNFTData?: UseNFTData;
-
-   // An optional callback function that handles errors within the provider.
-  onError?: (error: NFTError) => void;
-
-  // An optional callback function that exposes the component lifecycle state
-  onStatus?: (lifecycleStatus: LifecycleStatus) => void;
-
-  // card will not pass transactionReceipt
-  onSuccess?: (transactionReceipt?: TransactionReceipt) => void;
-};
-```
-
-## `NFTMintCardReact`
-```ts
-type NFTMintCardReact = {
-  children: ReactNode;
-
-  // Optional className override for top div element.
-  className?: string;
-
-  // Contract address of the NFT
-  contractAddress: Hex;
-
-  // Token ID of the NFT only required for ERC1155
-  tokenId?: string;
-
-  // Optional boolean to determine if the mint is sponsored by paymaster
-  isSponsored?: boolean;
-
-  // Optional hook to override the default useNFTData hook
-  useNFTData?: UseNFTData;
-
-  // Optional function to override the default function that builds the mint transaction
-  buildMintTransaction?: BuildMintTransaction;
-
-  // An optional callback function that handles errors within the provider.
-  onError?: (error: NFTError) => void;
-
-  // An optional callback function that exposes the component lifecycle state
-  onStatus?: (lifecycleStatus: LifecycleStatus) => void;
-
-  // MintCard will pass transactionReceipt
-  onSuccess?: (transactionReceipt?: TransactionReceipt) => void;
-};
-```
-
-## `NFTData`
-```ts
-type NFTData = {
-  // card components
-  name?: string; // required for NFTTitle and NFTCollectionTitle
-  description?: string; // not currently used
-  imageUrl?: string; // required for NFTMedia
-  animationUrl?: string; // required for NFTMedia (audio and video types)
-  /* supported mimeTypes:
-   * image = image/*
-   * video = video/*
-   * audio = audio/* | application/*
-   */
-  lastSoldPrice?: NFTPrice; // required for NFTLastSoldPrice
-  mimeType?: string; // required for NFTMedia (falls back to image)
-
-  // mint components
-  ownerAddress?: `0x${string}`; // required for NFTOwner
-  contractType?: ContractType;
-  mintDate?: Date; // required for NFTMintDate
-  price?: NFTPrice; // required for NFTAssetCost, NftTotalCost
-  mintFee?: NFTPrice; // required for NFTTotalCost
-  creatorAddress?: Hex; // required for NFTCreator
-  maxMintsPerWallet?: number; // required for NFTMintButton
-  isEligibleToMint?: boolean; // required for NFTMintButton
-  totalOwners?: string; // required for NFTMinters
-  recentOwners?: Address[]; // required for NFTMinters
-  network?: string; // required for default BuildMintTransaction implementation
-};
-```
-
diff --git a/docs/onchainkit/paymaster/erc20-paymaster.mdx b/docs/onchainkit/paymaster/erc20-paymaster.mdx
deleted file mode 100644
index 1e31ca707..000000000
--- a/docs/onchainkit/paymaster/erc20-paymaster.mdx
+++ /dev/null
@@ -1,272 +0,0 @@
----
-title: 'Paymaster (ERC20): Set up your Paymaster to require ERC20 tokens'
-sidebar_label: ERC20 Paymaster
----
-
-<Accordion title="Expand for images and click to enlarge">
-<Frame caption="Paymaster - ERC20 Policy">
-<img src="/images/paymaster/pb-paymaster-policy-erc20.png" width="700" alt="Paymaster ERC20 Policy" />
-</Frame>
-</Accordion>
-
-
-### Billing
-
-Because you’re receiving the ERC20 tokens back, CDP will meter all the token transfers, and bill you at the end of the month similar to the regular sponsored gas flow (based on the USD value of the ERC20 at the time your wallet receives). This gives you the flexibility to decide what to do with the tokens. The Paymaster's regular 7% service fee applies to this volume and is factored into the ERC20 quote your users receive and accept.
-
-Note: existing Paymaster specific CDP credits continue to apply for regular sponsored Paymaster volume but not ERC20 Paymaster volume.
-
-### Configuring your policy
-
-**To allows your users to pay their gas in an ERC20 token, your policy needs to be configured to reject regular sponsorship.**
-
-This allows you to configure customizations such as
-
-- Fully sponsor 3 UserOperations per user per day - any additional UserOperations will require users to pay using ERC20 token
-- Fully sponsor UserOperations up to $1 per week - any additional UserOperations will require users to pay using ERC20 token
-- Never fully sponsor any UserOperations - all UserOperations will require users to pay using an ERC20 token
-
-**If you only want the third option (always require users to pay using erc20 token) we recommend setting your `Per User Address Max` to `.01`.**
-
-We also recommend creating a separate project to test your ERC20 custom flows so it doesn’t affect any existing regular sponsorship flows that you have.
-
-
-<Accordion title="Expand for images and click to enlarge">
-<Frame caption="Paymaster - ERC20 Policy Flow">
-<img src="/images/paymaster/pb-paymaster-policy-erc20-flow.png" width="700" alt="Paymaster ERC20 Policy Flow" />
-</Frame>
-</Accordion>
-
-### Integration guide & code examples
-
-The ERC20 Paymaster fits seamlessly into any existing regular sponsored Paymaster integration. The only difference is that you need to configure your smart wallet to `approve` our Paymaster contract to spend your user’s ERC20 tokens.
-
-- Paymaster Contract Address (Sepolia): `0x709a4bae3db73a8e717aefca13e88512f738b27f`
-- Paymaster Contract Address (Mainnet): `0x2FAEB0760D4230Ef2aC21496Bb4F0b47D634FD4c`
-
-For example, the code below is almost identical to the `index.js` in the [Paymaster quickstart guide](https://docs.cdp.coinbase.com/paymaster/docs/paymaster-bundler-qs-headless). The only difference is that we added an `approve` function call to the `calls` field.
-
-```
-//index.js
-import { http, encodeFunctionData, parseAbi } from "viem";
-import { baseSepolia } from "viem/chains";
-import { createBundlerClient } from "viem/account-abstraction";
-import { account, client, RPC_URL } from "./config.js";
-import { abi } from "./example-app-abi.js";
-
-// Logs your deterministic public address generated by your private key
-console.log(`Minting nft to ${account.address}`)
-
-// The bundler is a special node that gets your UserOperation on chain
-const bundlerClient = createBundlerClient({
-  account,
-  client,
-  transport: http(RPC_URL),
-  chain: baseSepolia,
-});
-
-// Approves our paymaster to spend your users erc20 tokens. The example below uses USDC
-const tokenAddress = "0x036CbD53842c5426634e7929541eC2318f3dCF7e"
-const tokenAmount = 1000000 // 1 USDC
-const paymasterAddress = "0x709a4bae3db73a8e717aefca13e88512f738b27f"
-const approve = {
-  to: tokenAddress,
-  data: encodeFunctionData({
-      abi: parseAbi(["function approve(address,uint)"]),
-      functionName: "approve",
-      args: [paymasterAddress, tokenAmount],
-  })
-}
-
-// The call for your app. You will have change this depending on your dapp's abi
-const nftContractAddress = "0x66519FCAee1Ed65bc9e0aCc25cCD900668D3eD49"
-const mintTo = {
-  abi: abi,
-  functionName: "mintTo",
-  to: nftContractAddress,
-  args: [account.address, 1],
-};
-const calls = [approve, mintTo]
-
-// Pads the preVerificationGas (or any other gas limits you might want) to ensure your UserOperation lands onchain
-account.userOperation = {
-  estimateGas: async (userOperation) => {
-    const estimate = await bundlerClient.estimateUserOperationGas(userOperation);
-    // adjust preVerification upward
-    estimate.preVerificationGas = estimate.preVerificationGas * 2n;
-    return estimate;
-  },
-};
-
-// Sign and send the UserOperation
-try {
-  const userOpHash = await bundlerClient.sendUserOperation({
-    account,
-    calls,
-    paymaster: true
-  });
-
-  const receipt = await bundlerClient.waitForUserOperationReceipt({
-    hash: userOpHash,
-  });
-
-  console.log("✅ Transaction successfully sponsored!");
-  console.log(`⛽ View sponsored UserOperation on blockscout: https://base-sepolia.blockscout.com/op/${receipt.userOpHash}`);
-  console.log(`🔍 View NFT mint on basescan: https://sepolia.basescan.org/address/${account.address}`);
-  process.exit()
-} catch (error) {
-  console.log("Error sending transaction: ", error);
-  process.exit(1)
-}
-```
-
-Please consider checking for your user's ERC20 `allowance` before adding the additional ERC20 `approve` function call. This will save on gas costs for your users as our Paymaster is already allowed to spend their funds.
-
-```
-// Checks for allowance
-const allowance = await client.readContract({
-  abi: parseAbi(["function allowance(address owner, address spender) returns (uint256)"]),
-  address: tokenAddress,
-  functionName: "allowance",
-  args: [account.address, paymasterAddress],
-})
-
-const calls = [mintTo]
-if (allowance < tokenAmount) {
-   calls.unshift(approve)
-}
-```
-
-### Specification
-
-The CDP ERC20 Paymaster uses both `pm_getPaymasterStubData` and `pm_getPaymasterData` JSON-RPC requests specified by ERC-7677 and an additional API `pm_getAcceptedPaymentTokens`. We step through each request and response below.
-
-#### pm_getPaymasterStubData and pm_getPaymasterData
-
-1. The paymaster will use the specified ERC20 for payment if specified in the 7677 context field under `erc20`.
-2. Upon rejection / failure the paymaster should return a `data` field in the JSONRPC response which could be used to approve the paymaster and includes:
-
-- `acceptedTokens` array which is a struct including the token address
-- `paymasterAddress` field which is the paymaster address which will perform the token transfers.
-
-3. Upon success the paymaster will return a `tokenPayment` field in the result. This includes:
-
-- `tokenAddress` address of the token used for payment
-- `maxFee` the maximum fee to show in the UI
-- `decimals` decimals to use in the UI
-- `name` name of the token
-
-Smart wallet will simulate the transaction to ensure success and accurate information.
-
-##### Request
-
-This is a standard V0.6 Entrypoint request example with the additional context for the specified token to be used.
-
-```json
-{
-  "jsonrpc": "2.0",
-  "id": 1,
-  "method": "pm_getPaymasterData",
-  "params": [
-    {
-      "sender": "0xe62B4aD6A7c079F47D77a9b939D5DC67A0dcdC2B",
-      "nonce": "0x4e",
-      "initCode": "0x",
-      "callData": "0xb61d27f60000000000000000000000007746371e8df1d7099a84c20ed72e3335fb016b23000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000600000000000000000000000000000000000000000000000000000000000000000",
-      "callGasLimit": "0x113e10",
-      "verificationGasLimit": "0x113e10",
-      "preVerificationGas": "0x113e10",
-      "maxFeePerGas": "0x113e10",
-      "maxPriorityFeePerGas": "0x113e10",
-      "paymasterAndData": "0x",
-      "signature": "0x5ee079a5dec73fe39c1ce323955fb1158fc1b9a6b2ddbec104cd5cfec740fa5531584f098b0ca95331b6e316bd76091e3ab75a7bc17c12488664d27caf19197e1c"
-    },
-    "0x5FF137D4b0FDCD49DcA30c7CF57E578a026d2789",
-    "0x2105",
-    {
-      "erc20": "0x833589fcd6edb6e08f4c7c32d4f71b54bda02913"
-    }
-  ]
-}
-```
-
-##### Response
-
-Successful response:
-
-```json
-{
-  "id": 1,
-  "jsonrpc": "2.0",
-  "result": {
-    "paymasterAndData": "0x2faeb0760d4230ef2ac21496bb4f0b47d634fd4c0000670fdc98000000000000494b3b6e1d074fbca920212019837860000100833589fcd6edb6e08f4c7c32d4f71b54bda029137746371e8df1d7099a84c20ed72e3335fb016b23000000000000000000000000000000000000000000000000000000009b75458400000000697841102cd520d4e0171a58dadc3e6086111a49a90826cb0ad25579f25f1652081f68c17d8652387a33bf8880dc44ecf95be4213e786566d755baa6299f477b0bb21c",
-    "tokenPayment": {
-      "name": "USDC",
-      "address": "0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913",
-      "maxFee": "0xa7c8",
-      "decimals": 6
-    }
-  }
-}
-```
-
-Rejection response:
-
-```json
-{
-  "id": 1,
-  "jsonrpc": "2.0",
-  "error": {
-    "code": -32002,
-    "message": "request denied - no sponsorship and address can not pay with accepted token",
-    "data": {
-      "acceptedTokens": [
-        {
-          "name": "USDC",
-          "address": "0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913"
-        }
-      ]
-    }
-  }
-}
-```
-
-#### pm_getAcceptedPaymentTokens
-
-`pm_getAcceptedPaymentTokens` returns an array of tokens the paymaster will accept for payment.
-The request contains the entrypoint and the chain id with optional context.
-
-##### Request
-
-```json
-{
-  "jsonrpc": "2.0",
-  "id": 1,
-  "method": "pm_getAcceptedPaymentTokens",
-  "params": ["0x5FF137D4b0FDCD49DcA30c7CF57E578a026d2789", "0x2105", {}]
-}
-```
-
-##### Response
-
-```json
-{
-  "id": 1,
-  "jsonrpc": "2.0",
-  "result": {
-    "acceptedTokens": [
-      {
-        "name": "USDC",
-        "address": "0x833589fcd6edb6e08f4c7c32d4f71b54bda02913"
-      }
-    ]
-  }
-}
-```
-
-### Troubleshooting
-
-`request denied - max address sponsorship value reached 0x4D44afB8D98c9984F381E60Ac855D89C73f40e45 and sender can not pay with an accepted ERC20”`
-
-The first part of the error signifies why the regular fully sponsored transaction was not accepted. This is to be expected. However, if the “sender can not pay with an accepted ERC20”, check to make sure that the user has enough ERC20 tokens in their wallet to pay for the gas and your wallet approved our Paymaster to spend those tokens.
-
diff --git a/docs/onchainkit/paymaster/errors.mdx b/docs/onchainkit/paymaster/errors.mdx
deleted file mode 100644
index f7e48b969..000000000
--- a/docs/onchainkit/paymaster/errors.mdx
+++ /dev/null
@@ -1,96 +0,0 @@
----
-title: 'Paymaster & Bundler Errors'
-sidebar_label: Errors
----
-
-Learn about Paymaster & Bundler error codes and how to resolve them.
-
-If the error you're encountering persists, please join the [Coinbase Developer Platform Discord](https://discord.com/invite/cdp) and contact us in `#paymaster` for assistance.
-
-## Paymaster Error Codes
-
-Below are a list of common error codes returned by the Paymaster.
-
-| Error                | Code   | Description                                                                                                                       |
-| :------------------- | :----- | :-------------------------------------------------------------------------------------------------------------------------------- |
-| INTERNAL_ERROR       | -32000 | Internal error. Something is wrong with our service. Please contact support if this persists.                                     |
-| UNAUTHORIZED_ERROR   | -32001 | Unauthorized. Check if your API key and RPC URL are valid.                                                                        |
-| DENIED_ERROR         | -32002 | Request denied. This may be due to the gas policy you configured in the Paymaster page. Check the values in your gas policy.      |
-| UNAVAILABLE_ERROR    | -32003 | Service unavailable. Please contact support if this persists.                                                                     |
-| GAS_ESTIMATION_ERROR | -32004 | An error occurred during eth_estimateUserOperation. This is typically due to insufficient gas, or an invalid paymaster signature. |
-| METHOD_NOT_FOUND     | -32601 | Method not found. Check if Paymaster is enabled on your RPC URL, and if you're sending the correct JSON-RPC method.               |
-| INVALID_ARGUMENT     | -32602 | Invalid argument. Ensure you have the correct parameters in the UserOperation.                                                    |
-| PARSE_ERROR          | -32700 | Parse error. Ensure you have the correct parameters in the UserOperation, and that the request body is formatted properly.        |
-
-## Paymaster Gas Policy Errors
-
-| Message                                                       | Description                                                       |
-| :------------------------------------------------------------ | :---------------------------------------------------------------- |
-| rejected due to max per user op Spend Permission exceeded          | UserOperation cost too large - configure Per UserOperation limit. |
-| rejected due to max monthly org Spend Permission                   | over max monthly spend - contact us to increase your limit.       |
-| rejected due to max global usd Spend Permission reached            | over configured max total USD - adjust your policy.               |
-| rejected due to maximum per address transaction count reached | per sender address maximum number of txn sponsored reached.       |
-| rejected due to maximum per address sponsorship reached       | per sender address maximum USD sponsorship reached.               |
-| attestation not found for address                             | sender address does not have required attestation.                |
-| target address not in allowed contracts                       | contract allowlist - invalid address called.                      |
-| method not in allowed methods                                 | contract allowlist - wrong method called on allowed contract.     |
-
-## Bundler Error Codes
-
-Below are a list of common error codes returned by the Bundler. These will typically be accompanied by an Entrypoint Error Code (defined below).
-
-| Error                      | Code   | Description                                        |
-| :------------------------- | :----- | :------------------------------------------------- |
-| REJECTED_BY_EP_OR_ACCOUNT  | -32500 | The transaction was rejected by the EP or account. |
-| REJECTED_BY_PAYMASTER      | -32501 | The transaction was rejected by the Paymaster.     |
-| BANNED_OPCODE              | -32502 | The transaction contains a banned opcode.          |
-| SHORT_DEADLINE             | -32503 | The transaction deadline is too short.             |
-| BANNED_OR_THROTTLED_ENTITY | -32504 | The entity is banned or throttled.                 |
-| INVALID_ENTITY_STAKE       | -32505 | The entity stake is invalid.                       |
-| INVALID_AGGREGATOR         | -32506 | The aggregator is invalid.                         |
-| INVALID_SIGNATURE          | -32507 | The transaction signature is invalid.              |
-| EXECUTION_REVERTED         | -32521 | The transaction execution was reverted.            |
-| INVALID_FIELDS             | -32602 | The transaction contains invalid fields.           |
-
-## Entrypoint Error Codes
-
-Below are a list of common error codes returned by the Entry Point.
-
-| Error                            | Description                                                                                                                                                          |
-| :------------------------------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| AA10 sender already constructed  | The sender was already created, so initCode should be empty. Remove the initCode.                                                                                    |
-| AA13 initCode failed or OOG      | The initCode failed to create the account or ran out of gas. Additionally, check the verificationGasLimit field in your UserOperation.                               |
-| AA14 initCode must return sender | The initCode fails to provide the sender address. Verify either the initCode or the factory contract for potential issues.                                           |
-| AA15 initCode must create sender | The initCode within the UserOperation fails to generate an account. Please inspect the initCode or the factory contract for potential issues.                        |
-| AA20 Account not deployed        | The smart account has not been deployed, and no initCode was specified. If this is the initial transaction for this account, ensure that an initCode is included.    |
-| AA21 didn’t pay prefund          | The transaction was rejected by the EP or account. Check that the account has enough ETH to pay for the UserOperation, or that the Paymaster is configured properly. |
-| AA23 reverted (or OOG)           | The signature of the UserOperation was rejected or ran out of gas. Check if you have sufficient ETH for gas, or that the Paymaster is configured properly.           |
-| AA24 Signature error             | The signature of the UserOperation is invalid. Check that the UserOperation hash, entrypoint address, and chain ID are correct.                                      |
-| AA25 Invalid account nonce       | The nonce is invalid. The UserOperation is using an old nonce, or the nonce is improperly formatted.                                                                 |
-| AA40 Over verification gas limit | The verification gas limit has been surpassed. Check the verificationGasLimit field in your UserOperation.                                                           |
-| AA41 Too little verification gas | Verifying the UserOperation did not complete due to insufficient gas. You may need to increase verificationGasLimit.                                                 |
-| AA50 PostOp reverted             | The execution of additional logic by the EntryPoint resulted in a revert.                                                                                            |
-| AA51 prefund below actualGasCost | The actual cost of the UserOperation is higher than the total amount of gas approved.                                                                                |
-
-## Request Logs
-
-Request Logs for UserOps can be downloaded under the Logs tab on the Paymaster page. These logs are useful for debugging errors or auditing sponsored UserOps. Click on `Download CSV` to download a CSV of successful and failed requests.
-
-| Column          | Description                                                                              |
-| :-------------- | :--------------------------------------------------------------------------------------- |
-| OrganizationId  | ID of your Cloud Developer Platform Organization.                                        |
-| ProjectId       | ID of your Cloud Developer Platform Project.                                             |
-| Network         | Network for the request. Either base or base-sepolia.                                    |
-| Status          | Status of the request. Either completed, in progress or failed.                          |
-| UserOpHash      | Hash of the UserOperation.                                                               |
-| Sender          | Account making the UserOperation.                                                        |
-| Paymaster       | Contract/service that sponsors UserOperation gas (making transactions free to end user). |
-| TransactionHash | Transaction hash that the UserOperation was included in.                                 |
-| GasCost         | Cost of gas in Gwei.                                                                     |
-| GasUsed         | Amount of gas used \* the gas cost.                                                      |
-| Method          | Method called by the request.                                                            |
-| ErrorCode       | Error code for failed requests.                                                          |
-| ErrorMessage    | Error message for failed requests.                                                       |
-
-
-
diff --git a/docs/onchainkit/paymaster/gasless-transactions-with-paymaster.mdx b/docs/onchainkit/paymaster/gasless-transactions-with-paymaster.mdx
deleted file mode 100644
index c435aef0e..000000000
--- a/docs/onchainkit/paymaster/gasless-transactions-with-paymaster.mdx
+++ /dev/null
@@ -1,680 +0,0 @@
----
-sidebarTitle: 'Gasless Transactions on Base using a Paymaster'
-title: Gasless Transactions on Base using Base Paymaster
-description: Learn how to leverage the Base Paymaster for seamless, gasless transactions on the Coinbase Cloud Developer Platform.
----
-
-import { Danger } from "/snippets/danger.mdx";
-
-Still trying to onboard users to your app? Want to break free from the worries of gas transactions and sponsor them for your users on Base? Look no further!
-
-Base transaction fees are less than a penny, but the concept of gas can be confusing for new users. Abstract this away and improve your UX by using the Base Paymaster. The Base Paymaster allows you to batch multi-step transactions and create custom gasless experiences. Sponsor up to $10k monthly on mainnet (unlimited on testnet). To request an increase in limit, reach out in [Discord].
-
-## Objectives
-
-- Configure security measures to ensure safe and reliable transactions
-- Manage and allocate resources for sponsored transactions
-- Subsidize transaction fees for users, enhancing the user experience by making transactions free for them
-- Set up and manage sponsored transactions on various schedules, including weekly, monthly, and daily cadences
-
-## Prerequisites
-
-This tutorial assumes you have a Coinbase Cloud Developer Platform account. If not, sign up on the [CDP site].
-
-### Coinbase CDP account
-
-This is your access point to the Coinbase Cloud Developer Platform, where you can manage projects and utilize tools like the Paymaster.
-
-### Familiarity with Smart Accounts and ERC 4337
-
-Understanding Smart Accounts and the ERC 4337 standard is crucial as they are the backbone of executing advanced transaction patterns and account abstractions on the Ethereum network.
-
-### Foundry
-
-Foundry is a development environment, testing framework, and smart contract toolkit for Ethereum. It's essential for deploying and testing smart contracts.
-
-## Set Up a Base Paymaster & Bundler
-
-In this section, you will configure a Paymaster to sponsor payments on behalf of a specific smart contract for a specified amount. First, navigate to the Coinbase Developer Platform, create or select your project, and click on the Paymaster tool from the left navigation. Then, go to the Configuration tab and save the RPC URL to your clipboard, which will be needed for later steps in your index.js file.
-
-Navigate to the [Coinbase Developer Platform]:
-
-Create or select your project of choice from the upper left corner of your screen.
-
-<Frame>
-![cdp-home.png](/images/gasless-transaction-on-base/cdp-select-project.png)
-</Frame>
-
-Click on the `Paymaster` tool on the left navigation:\*\* [Paymaster Tool]
-
-<Frame>
-![cdp-paymaster-tool.png](/images/gasless-transaction-on-base/cdp-paymaster.png)
-</Frame>
-
-Click on `Configuration` at the top of the screen
-
-<Frame>
-![cdp-paymaster-tool.png](/images/gasless-transaction-on-base/cdp-config.png)
-</Frame>
-
-Save the RPC URL to your paymaster to your clipboard. You will need it in your `index.js` file in a later step.
-
-### Allowlist a Sponsorable Contract
-
-Sponsoring transactions are beneficial to easing the onboarding and UX of a decentralized application. As a developer, you want to ensure this is done in the most secure and cost-effective manner. Start by allowlisting a contract of your choice.
-
-Select **Base Mainnet**
-
-From the configuration page, select `Base Mainnet` from the dropdown menu. Then, enable your paymaster by clicking on the toggle button to the right of the screen.
-
-<Frame>
-![cdp-project-selection.png](/images/gasless-transaction-on-base/cdp-select-project.png)
-</Frame>
-
-Allowlist the NFT contract and the mintTo functions:
-
-Click the `Add` button to add a contract.
-
-Add the following contract: [`0x83bd615eb93eE1336acA53e185b03B54fF4A17e8`](https://basescan.org/token/0x83bd615eb93ee1336aca53e185b03b54ff4a17e8)
-
-Put `mintTo(address)` as the function to allowlist then click `Save` at the bottom of the page.
-
-<Frame>
-![cdp-allowlist-contracts.png](/images/gasless-transaction-on-base/cdp-allowlist-contract.png)
-</Frame>
-
-<Info>
-**Use your own contract**
-
-You will be using this [simple NFT contract]deployed on Base mainnet for our example. Feel free to use a contract of your choice.
-</Info>
-
-
-### Global & Per User Limits:
-
-Scroll down to the “Per User Limit” section
-
-You can set a Paymaster policy that specifies either a specific dollar amount or a number of UserOperations. You can enable a 'limit cycle' that allows this policy to refresh every week. This feature enables applications to sponsor smart wallets on a weekly, daily, or monthly basis, either by amount or by number of UserOperations.
-
-Set the max USD to $0.05 and the max UserOperation to 1 to create a policy with a maximum sponsorship limit of $0.05 and a maximum of 1 UserOperation per user.
-
-<Info>
-**Limit Cycles**
-
-Limit Cycles enables applications to sponsor smart wallets on a weekly, daily, or monthly basis, either by amount or by number of UserOperations. These limits reset based on the cadence selected in the dropdown menu.
-</Info>
-
-
-Set the Global limit:
-
-This setting allows you to define the maximum amount of gas or USD that can be sponsored globally across all users. It helps control the total expenditure on gas sponsorship, ensuring that the allocated budget is not exceeded. For example, setting a global limit of $1 means that the Paymaster will sponsor transactions until the total gas cost reaches $1.
-
-Set your global policy to be `$.07` by entering the amount in the text field and clicking the `Save` button.
-
-<Frame>
-![cdp-allowlist-contracts.png](/images/gasless-transaction-on-base/cdp-global-user-limits.png)
-</Frame>
-
-## Test Your Paymaster policy
-
-You will now test the policy that was created.
-
-<Note>
-**The Use of Foundry**
-
-In this tutorial, You use foundry to create two key pairs that will allow us to create Smart Accounts that you will sponsor transactions on behalf of. You will **not** need to send any funds (ETH) to these wallets. You may use private keys of wallets you own as an alternative.
-
-Foundry depends on Rust to work. If you do not have rust install:
-
-```bash
-curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh
-```
-
-For more information, see the [Foundry Book installation guide](https://book.getfoundry.sh/getting-started/installation).
-</Note>
-
-
-Open a terminal and install Foundry by running:
-
-```bash
-curl -L https://foundry.paradigm.xyz | bash
-```
-
-Install the Foundry toolchain installer:
-
-```bash
-foundryup
-```
-
-Create a directory named `sponsored_transactions`:
-
-```bash
-mkdir sponsored_transactions
-```
-
-Change into the new directory, initialize a node project, install two dependencies `viem` and `permissionless` and create a file titled `index.js`:
-
-```bash
-cd sponsored_transactions
-npm init es6
-npm install permissionless
-npm install viem
-touch index.js
-```
-
-In the `index.js` file, import the dependencies from viem and permissionless.
-These dependencies will allow us to connect to Base, create our smart accounts, initialize a paymaster, and send our encoded data to the network.
-
-```javascript
-import { http, createPublicClient, encodeFunctionData } from 'viem';
-import { base } from 'viem/chains';
-import { createSmartAccountClient } from 'permissionless';
-import { privateKeyToSimpleSmartAccount } from 'permissionless/accounts';
-import { createPimlicoPaymasterClient } from 'permissionless/clients/pimlico';
-```
-
-### Set Constants for Your Paymaster & Bundler endpoint
-
-<Info>
-**Find your Paymaster & Bundler endpoint**
-
-The Paymaster & Bundler endpoint is the URL for your Coinbase Developer Platform (CDP) Paymaster.
-
-This was saved in the previous section and follows this format: `https://api.developer.coinbase.com/rpc/v1/base/<SPECIAL-KEY>`
-
-Navigate to the [Paymaster Tool] and select the `Configuration` tab at the top of the screen to obtain your RPC URL.
-</Info>
-
-
-<Danger>
-**Secure your endpoints**
-
-You will create a constant for our Paymaster & Bundler endpoint obtained from cdp.portal.coinbase.com. The most secure way to do this is by using a proxy. For the purposes of this demo, hardcode it into our `index.js` file. For product, we highly recommend using a [proxy service].
-</Danger>
-
-
-You will also need the address of the entrypoint contract for Base. A full list of entrypoint contracts and their addresses can be found [here](https://docs.alchemy.com/reference/factory-addresses).
-
-Add the following to lines of code after your import statements:
-
-```javascript
-const rpcUrl = https://api.developer.coinbase.com/rpc/v1/base/<SPECIAL-KEY> //Paymaster & Bundler endpoint
-```
-
-```javascript
-const baseEntryPoint = '0x5FF137D4b0FDCD49DcA30c7CF57E578a026d2789';
-```
-
-```javascript
-const baseFactoryAddress = '0x15Ba39375ee2Ab563E8873C8390be6f2E2F50232';
-```
-
-Now, create a public client. Public clients enable our application to interact with the Ethereum blockchain. They use JSON-RPC API methods to perform actions such as retrieving block numbers, transactions, and reading from smart contracts. Learn more about this on viem.
-
-Initialize a public client named `publicClient` and set the chain to `base` and the transport to our `rpcURL` variable:
-
-```javascript
-const publicClient = createPublicClient({
-  chain: base,
-  transport: http(rpcUrl),
-});
-```
-
-### Create Two Smart Accounts
-
-Now, you are going to create two `SimpleAccounts` for this demonstration. Collectively, these two accounts will help us test the security policies you set at both the global level and the per-account user operation level.
-
-To do so, you'll first need two private keys that will be used to create the Smart Accounts using Foundry. Open a terminal and run the following command **twice**:
-
-```bash
-cast wallet new
-```
-
-You will see something like this:
-
-```bash
-> cast wallet new
-Successfully created new keypair.
-Address: 0xD440D74620542...D6F005cfD9
-Private key: 0x01c9720c1dfa3c9...634793138897
-
-> cast wallet new
-Successfully created new keypair.
-Address: 0x5f8e5bC8620542...D6F005cfD9
-Private key: 0xbcd6fbc1dfa3c9...634793138897
-```
-
-Use the newly generated private keys as the parameter to the `privateKeyToSimpleSmartAccount` function and set the factory address to
-
-<Danger>
-**Secure your private keys**
-
-Be sure to store your private keys somewhere safe. Committing these to a public code repository will give anyone access to your smart accounts.
-
-Saving them to a `.env` file is safest.
-</Danger>
-
-
-```javascript
-const simpleAccount = await privateKeyToSimpleSmartAccount(publicClient, {
-  privateKey: '<Your first key>',
-  factoryAddress: baseFactoryAddress, //Base v0.6
-  entryPoint: baseEntryPoint,
-});
-
-const simpleAccount2 = await privateKeyToSimpleSmartAccount(publicClient, {
-  privateKey: '<Your second key>',
-  factoryAddress: baseFactoryAddress, //Base v0.6
-  entryPoint: baseEntryPoint,
-});
-```
-
-Let’s break down what’s happening here:
-Private key : the private key to the wallet that your created either using Foundry or a wallet that you own. Either is fine.
-
-Factory address is the address to the smart account factory deployed on base. Account factories are smart contracts that facilitate the creation of new wallet contracts. You make view a more comprehensive [list of factory addresses] on Alchemy.
-
-Entrypoint is the entrypoint contract for Base.
-
-<Tip>
-**Find the correct entrypoint address**
-
-Make an JSON RPC request to a node using the `` method to get the correct entrpoint contract. Here's an example for Base using a Coinbase Base Node:
-
-```
-curl --request POST \
-     --url https://api.developer.coinbase.com/rpc/v1/base/<Your-Key> \
-     --header 'Accept: application/json' \
-     --header 'Content-Type: application/json' \
-     --data '{"id": 1, "jsonrpc": "2.0", "method": "eth_supportedEntryPoints", "params": []}'
-```
-</Tip>
-
-
-### Initialize Paymaster and Create Accounts
-
-Initialize the paymaster and smart account client for both smart accounts:
-
-```javascript
-const cloudPaymaster = createPimlicoPaymasterClient({
-  chain: base,
-  transport: http(rpcUrl),
-  entryPoint: baseEntryPoint,
-});
-
-const smartAccountClient = createSmartAccountClient({
-  account: simpleAccount,
-  chain: base,
-  bundlerTransport: http(rpcUrl),
-  middleware: {
-    sponsorUserOperation: cloudPaymaster.sponsorUserOperation,
-  },
-});
-
-const smartAccountClient2 = createSmartAccountClient({
-  account: simpleAccount2,
-  chain: base,
-  bundlerTransport: http(rpcUrl),
-  middleware: {
-    sponsorUserOperation: cloudPaymaster.sponsorUserOperation,
-  },
-});
-```
-
-To sponsor transactions you will need the ABI and the address of the contracts you want to support.
-
-<Info>
-**Sponsor any contract**
-
-Feel free to use your own contract to interact with the Paymaster. For learning purposes, you will interact with an ERC-721 contract deployed on the Base mainnet. You will call the mintTo function, which takes an address as its only parameter.
-</Info>
-
-
-You will be interacting with the NFT + ABI from a simple NFT contract deployed at: `0x83bd615eb93eE1336acA53e185b03B54fF4A17e8`
-
-Copy and paste the NFT's abi into `index.js`
-
-```javascript
-const abi = [
-  {
-    type: 'constructor',
-    inputs: [
-      { name: '_name', type: 'string', internalType: 'string' },
-      { name: '_symbol', type: 'string', internalType: 'string' },
-    ],
-    stateMutability: 'nonpayable',
-  },
-  {
-    type: 'function',
-    name: 'approve',
-    inputs: [
-      { name: 'spender', type: 'address', internalType: 'address' },
-      { name: 'id', type: 'uint256', internalType: 'uint256' },
-    ],
-    outputs: [],
-    stateMutability: 'nonpayable',
-  },
-  {
-    type: 'function',
-    name: 'balanceOf',
-    inputs: [{ name: 'owner', type: 'address', internalType: 'address' }],
-    outputs: [{ name: '', type: 'uint256', internalType: 'uint256' }],
-    stateMutability: 'view',
-  },
-  {
-    type: 'function',
-    name: 'currentTokenId',
-    inputs: [],
-    outputs: [{ name: '', type: 'uint256', internalType: 'uint256' }],
-    stateMutability: 'view',
-  },
-  {
-    type: 'function',
-    name: 'getApproved',
-    inputs: [{ name: '', type: 'uint256', internalType: 'uint256' }],
-    outputs: [{ name: '', type: 'address', internalType: 'address' }],
-    stateMutability: 'view',
-  },
-  {
-    type: 'function',
-    name: 'isApprovedForAll',
-    inputs: [
-      { name: '', type: 'address', internalType: 'address' },
-      { name: '', type: 'address', internalType: 'address' },
-    ],
-    outputs: [{ name: '', type: 'bool', internalType: 'bool' }],
-    stateMutability: 'view',
-  },
-  {
-    type: 'function',
-    name: 'mintTo',
-    inputs: [{ name: 'recipient', type: 'address', internalType: 'address' }],
-    outputs: [{ name: '', type: 'uint256', internalType: 'uint256' }],
-    stateMutability: 'payable',
-  },
-  {
-    type: 'function',
-    name: 'name',
-    inputs: [],
-    outputs: [{ name: '', type: 'string', internalType: 'string' }],
-    stateMutability: 'view',
-  },
-  {
-    type: 'function',
-    name: 'ownerOf',
-    inputs: [{ name: 'id', type: 'uint256', internalType: 'uint256' }],
-    outputs: [{ name: 'owner', type: 'address', internalType: 'address' }],
-    stateMutability: 'view',
-  },
-  {
-    type: 'function',
-    name: 'safeTransferFrom',
-    inputs: [
-      { name: 'from', type: 'address', internalType: 'address' },
-      { name: 'to', type: 'address', internalType: 'address' },
-      { name: 'id', type: 'uint256', internalType: 'uint256' },
-    ],
-    outputs: [],
-    stateMutability: 'nonpayable',
-  },
-  {
-    type: 'function',
-    name: 'safeTransferFrom',
-    inputs: [
-      { name: 'from', type: 'address', internalType: 'address' },
-      { name: 'to', type: 'address', internalType: 'address' },
-      { name: 'id', type: 'uint256', internalType: 'uint256' },
-      { name: 'data', type: 'bytes', internalType: 'bytes' },
-    ],
-    outputs: [],
-    stateMutability: 'nonpayable',
-  },
-  {
-    type: 'function',
-    name: 'setApprovalForAll',
-    inputs: [
-      { name: 'operator', type: 'address', internalType: 'address' },
-      { name: 'approved', type: 'bool', internalType: 'bool' },
-    ],
-    outputs: [],
-    stateMutability: 'nonpayable',
-  },
-  {
-    type: 'function',
-    name: 'supportsInterface',
-    inputs: [{ name: 'interfaceId', type: 'bytes4', internalType: 'bytes4' }],
-    outputs: [{ name: '', type: 'bool', internalType: 'bool' }],
-    stateMutability: 'view',
-  },
-  {
-    type: 'function',
-    name: 'symbol',
-    inputs: [],
-    outputs: [{ name: '', type: 'string', internalType: 'string' }],
-    stateMutability: 'view',
-  },
-  {
-    type: 'function',
-    name: 'tokenURI',
-    inputs: [{ name: 'id', type: 'uint256', internalType: 'uint256' }],
-    outputs: [{ name: '', type: 'string', internalType: 'string' }],
-    stateMutability: 'view',
-  },
-  {
-    type: 'function',
-    name: 'transferFrom',
-    inputs: [
-      { name: 'from', type: 'address', internalType: 'address' },
-      { name: 'to', type: 'address', internalType: 'address' },
-      { name: 'id', type: 'uint256', internalType: 'uint256' },
-    ],
-    outputs: [],
-    stateMutability: 'nonpayable',
-  },
-  {
-    type: 'event',
-    name: 'Approval',
-    inputs: [
-      {
-        name: 'owner',
-        type: 'address',
-        indexed: true,
-        internalType: 'address',
-      },
-      {
-        name: 'spender',
-        type: 'address',
-        indexed: true,
-        internalType: 'address',
-      },
-      { name: 'id', type: 'uint256', indexed: true, internalType: 'uint256' },
-    ],
-    anonymous: false,
-  },
-  {
-    type: 'event',
-    name: 'ApprovalForAll',
-    inputs: [
-      {
-        name: 'owner',
-        type: 'address',
-        indexed: true,
-        internalType: 'address',
-      },
-      {
-        name: 'operator',
-        type: 'address',
-        indexed: true,
-        internalType: 'address',
-      },
-      { name: 'approved', type: 'bool', indexed: false, internalType: 'bool' },
-    ],
-    anonymous: false,
-  },
-  {
-    type: 'event',
-    name: 'Transfer',
-    inputs: [
-      { name: 'from', type: 'address', indexed: true, internalType: 'address' },
-      { name: 'to', type: 'address', indexed: true, internalType: 'address' },
-      { name: 'id', type: 'uint256', indexed: true, internalType: 'uint256' },
-    ],
-    anonymous: false,
-  },
-];
-```
-
-### Encode the Function Call
-
-Encode the `mintTo` function call with the parameter being the address of the first smart wallet
-
-```javascript
-const callData = encodeFunctionData({
-  abi: abi,
-  functionName: 'mintTo',
-  args: [smartAccountClient.account.address],
-});
-```
-
-Create a function called `sendTransactionFromAccount1` in order to send the transaction request and store the response in a variable named `txHash`:
-
-```javascript
-async function sendTransactionFromAccount1() {
-  try {
-    const txHash = await smartAccountClient.sendTransaction({
-      account: smartAccountClient.account,
-      to: '0x83bd615eb93eE1336acA53e185b03B54fF4A17e8',
-      data: callData,
-      value: 0n,
-    });
-
-    console.log('✅ Transaction successfully sponsored for account 1!');
-    console.log(`🔍 View on Etherscan: https://basescan.org/tx/${txHash}`);
-  } catch (error) {
-    console.log('Transaction failed from account 1: ', error);
-  }
-}
-```
-
-Call the function at the bottom of the `index.js` file:
-
-```javascript
-async function sendTransactionFromAccount1() {
-  // previous lines of code ...
-}
-
-sendTransactionFromAccount1();
-```
-
-Run the following line of code from your terminal, ensuring you are in the root folder:
-
-```bash
-node index.js
-```
-
-The first attempt should be successful with the following output:
-
-```bash
-✅ Transaction successfully sponsored!
-🔍 View on Etherscan: https://basescan.org/tx/0x1439431b0bf333f8106bc1815a532fdec18d62c3ee1c07a10d07711c6e5a2e56
-```
-
-Run the script again but this time you should get an error that contains a `code` and `message` similar to this:
-
-```json
-{
-  "code": -32001,
-  "message": "request denied - rejected due to maximum per address transaction count reached"
-}
-```
-
-Awesome! Errors, in this case, are good. This means our Paymaster policy works and prevents unwanted sponsorship.
-
-Navigate back to your CDP portal and update the number of UserOperations to `2`.
-
-Give it about 10-15 minutes for the changes to take affect then run `node index.js` again to send a new transaction.
-
-It should return a successful prompt:
-
-```bash
-✅ Transaction successfully sponsored for account 1!
-🔍 View on Etherscan: https://basescan.org/tx/0x1439431b0bf333f8106bc1815a532fdec18d62c3ee1c07a10d07711c6e5a2e56
-```
-
-Looking back at our Paymaster configuration, you'll see that you've used about $0.03 of our $0.05 global limit, and for account 1, you've hit our UserOperation limit.
-
-Now, let's send another transaction, this time using the second account.
-
-Before you do that, let's update the per-wallet UserOperation limit to 10. Since gas is cheap on Base, you may need to do a few transactions before you hit our global limit of $0.07.
-
-<Info>
-**Increase the global limit**
-
-You may get a warning to increase the global limit and that is okay for now...
-
-[Image-of-policy]
-</Info>
-
-
-Navigate back to the [UI] and update the policy to 10 and hit the `Save` button.
-
-[image of updated policy]
-
-### Testing Global Limits
-
-Back in your code editor, open the `index.js` file and create a function called `sendTransactionFromAccount2` and run place it at the bottom on the `index.js` file:
-
-```javascript
-// previous lines of code ...
-
-async function sendTransactionFromAccount2() {
-  try {
-    const txHash2 = await smartAccountClient2.sendTransaction({
-      account: smartAccountClient2.account,
-      to: '0x83bd615eb93eE1336acA53e185b03B54fF4A17e8',
-      data: callData,
-      value: 0n,
-    });
-
-    console.log('✅ Transaction successfully sponsored for account 2!');
-    console.log(`🔍 View on Etherscan: https://basescan.org/tx/${txHash2}`);
-  } catch (error) {
-    console.log('Transaction failed from account 2: ', error);
-  }
-}
-
-// sendTransactionFromAccount1();
-sendTransactionFromAccount2();
-```
-
-Run the `sendTransactionFromAccount2()` function a few times to help reach your global limit.
-
-You should eventually encounter an error similar to this:
-
-```json
-{
-  "code": -32001,
-  "message": "request denied - rejected due to max global usd Spend Permission reached"
-}
-```
-
-Congrats! Your global limit has been hit.
-
-Navigate back to the cloud portal and increase the global policy to your choosing. Run `node index.js` again and you should be able to successfully sponsor a transaction.
-
-## Conclusion
-
-In this tutorial, you learned to set up and configure the Base Paymaster on the Coinbase Developer Platform, allowing you to sponsor gasless transactions for your users. This enhances the user experience by abstracting away gas fees and making transactions more accessible and cost-effective.
-
----
-
-[list of factory addresses]: https://docs.alchemy.com/reference/factory-addresses
-[Discord]: https://discord.com/invite/cdp
-[CDP site]: https://portal.cdp.coinbase.com/
-[Coinbase Developer Platform]: https://portal.cdp.coinbase.com/
-[UI]: https://portal.cdp.coinbase.com/products/bundler-and-paymaster
-[proxy service]: https://www.smartwallet.dev/guides/paymasters
-[Paymaster Tool]: https://portal.cdp.coinbase.com/products/bundler-and-paymaster
-[Foundry Book installation guide]: https://book.getfoundry.sh/getting-started/installation
-[simple NFT contract]: https://basescan.org/token/0x83bd615eb93ee1336aca53e185b03b54ff4a17e8
-
diff --git a/docs/onchainkit/paymaster/how-to-contribute.mdx b/docs/onchainkit/paymaster/how-to-contribute.mdx
deleted file mode 100644
index 8b1378917..000000000
--- a/docs/onchainkit/paymaster/how-to-contribute.mdx
+++ /dev/null
@@ -1 +0,0 @@
-
diff --git a/docs/onchainkit/paymaster/quickstart-guide.mdx b/docs/onchainkit/paymaster/quickstart-guide.mdx
deleted file mode 100644
index 1a4139d1a..000000000
--- a/docs/onchainkit/paymaster/quickstart-guide.mdx
+++ /dev/null
@@ -1,116 +0,0 @@
----
-title: 'Quickstart: Set up your Paymaster on your application'
-sidebar_label: Quickstart
----
-
-This Paymaster quickstart tutorial explains how to set up a basic app and sponsor transactions using [OnchainKit](https://onchainkit.xyz/) and Coinbase Smart Wallet.
-
-## Getting an endpoint on Base Sepolia
-
-> **How to Get a Paymaster & Bundler endpoint on Base testnet (Sepolia) from CDP**
-
-1. [Create](https://coinbase.com/developer-platform) a new CDP account or [sign in](https://portal.cdp.coinbase.com) to your existing account.
-2. Navigate to [Paymaster](https://portal.cdp.coinbase.com/products/bundler-and-paymaster).
-3. Add the following address to the allowlist under **Configuration**&mdash;this is the address of the contract we are calling:
-
-   ```
-   0x67c97D1FB8184F038592b2109F854dfb09C77C75
-   ```
-
-4. Switch to Base testnet (Sepolia) in the top right of the configuration.
-5. Copy your endpoint to use later.
-
-
-<Accordion title="Expand for images and click to enlarge">
-<Frame caption="Paymaster - Gas Policy">
-<img
-  src="/images/paymaster/pb-paymaster-config.png"
-  width="700"
-  alt=""
-/>
-</Frame>
-</Accordion>
-
-## Setting up an app template
-
-Clone the repo
-
-```js
-git clone https://github.com/coinbase/onchain-app-template.git
-cd onchain-app-template
-```
-
-You can find the API key on the Coinbase Developer Portal's [OnchainKit page](https://portal.cdp.coinbase.com/products/onchainkit). If you don't have an account, you will need to create one.
-You can find your Wallet Connector project ID at Wallet Connect.
-Add the following to your `.env` file
-
-```js
-NEXT_PUBLIC_PAYMASTER_AND_BUNDLER_ENDPOINT = ADD_YOUR_PAYMASTER_URL_HERE;
-NEXT_PUBLIC_CDP_API_KEY = ADD_YOUR_ONCHAINKIT_KEY_HERE;
-NEXT_PUBLIC_WC_PROJECT_ID = ADD_YOUR_PROJECT_ID_HERE;
-```
-
-Install dependencies - run these in your terminal in the root of the project
-
-```sh
-# Install bun in case you don't have it
-bun curl -fsSL <https://bun.sh/install> | bash
-
-# Install packages
-bun i
-```
-
-### Add your paymaster to the transact button
-
-Navigate to `/src/components/TransactionWrapper.tsx` and modify the Transaction component to include the paymaster service.
-
-```js
-      <Transaction
-        address={address}
-        contracts={contracts}
-        className="w-[450px]"
-        chainId={BASE_SEPOLIA_CHAIN_ID}
-        onError={handleError}
-        onSuccess={handleSuccess}
-        // Paymaster capabilities added below
-        capabilities={{
-          paymasterService: {
-            url: process.env.NEXT_PUBLIC_PAYMASTER_AND_BUNDLER_ENDPOINT!,
-          },
-        }}
-      >
-        <TransactionButton
-          className="mt-0 mr-auto ml-auto w-[450px] max-w-full text-[white]"
-          text="Collect"
-        />
-        <TransactionStatus>
-          <TransactionStatusLabel />
-          <TransactionStatusAction />
-        </TransactionStatus>
-      </Transaction>
-```
-
-### Start the app locally
-
-```js
-bun run dev
-```
-
-### Open the app in your browser and sign in with a smart wallet
-
-Navigate to [http://localhost:3000](http://localhost:3000)
-
-Click connect and sign in with your smart wallet or create a new one.
-
-### Initiate the transaction
-
-Click the "Collect" button and your paymaster will sponsor. Note only Smart Wallets can have sponsored transactions so EOA accounts will not get sponsorship.
-
-Thats it! You've successfully set up your paymaster on your application.
-
-## Other Examples
-
-Additional documentation and information on Coinbase Smart Wallet is at [smartwallet.dev](https://smartwallet.dev/).
-
-Check out how to build onchain applications with ease using [OnchainKit](https://onchainkit.xyz/)!
-
diff --git a/docs/onchainkit/paymaster/quickstart-headless.mdx b/docs/onchainkit/paymaster/quickstart-headless.mdx
deleted file mode 100644
index 995fb0a2f..000000000
--- a/docs/onchainkit/paymaster/quickstart-headless.mdx
+++ /dev/null
@@ -1,196 +0,0 @@
----
-title: 'Quickstart: Submit your first sponsored smart account transaction'
-sidebar_label: Quickstart (Headless)
----
-
-This Paymaster quickstart tutorial explains how to submit your first smart account transaction on Base Sepolia using [Viem](https://viem.sh/), with gas sponsorship from [Coinbase Developer Platform](https://portal.cdp.coinbase.com/products/bundler-and-paymaster). The example below sponsors an NFT mint, but can be updated to call your smart contract instead.
-
-## Prerequisites
-
-```
-node >= 14.0.0
-npm >= 6.0.0
-```
-
-## Getting an endpoint on Base Sepolia
-
-> **How to Get a Paymaster & Bundler endpoint on Base testnet (Sepolia) from CDP**
-
-1. [Create](https://coinbase.com/developer-platform) a new CDP account or [sign in](https://portal.cdp.coinbase.com) to your existing account.
-2. Navigate to [Paymaster](https://portal.cdp.coinbase.com/products/bundler-and-paymaster).
-3. The address of the NFT contract we are calling is `0x66519FCAee1Ed65bc9e0aCc25cCD900668D3eD49`, add that to the contract allowlist and save the policy.
-4. Switch to Base testnet (Sepolia) in the top right of the configuration.
-5. Copy your endpoint to use later.
-
-<Accordion title="Expand for images and click to enlarge">
-<Frame caption="Paymaster - Gas Policy">
-<img
-  src="/images/paymaster/pb-paymaster-config-highlight.png"
-  width="700"
-  alt=""
-/>
-</Frame>
-</Accordion>
-
-## Sending a transaction
-
-**How to call the mint function of a Base Sepolia NFT contract (or contract of choice)**
-
-### 1. Initialize your project
-
-In your terminal, create a directory called `paymaster-tutorial` and initialize a project using [npm](https://www.npmjs.com/).
-
-```js
-mkdir paymaster-tutorial
-cd paymaster-tutorial
-npm init es6
-```
-
-### 2. Download dependencies
-
-2. Install `viem`.
-
-```js
-npm install viem
-```
-
-### 3. Create smart account using a private key
-
-The example below uses Coinbase smart wallet, but any smart account will work.
-a. Create a new private key with [Foundry](https://book.getfoundry.sh/reference/cast/cast-wallet-new).
-b. Install Foundry: `curl -L https://foundry.paradigm.xyz | bash`
-c. Generate a new key pair: `cast wallet new`.
-d. Update your `config.js` file with the private key and create the account.
-
-```js
-//config.js
-import { createPublicClient, http } from 'viem';
-import { toCoinbaseSmartAccount } from 'viem/account-abstraction';
-import { baseSepolia } from 'viem/chains';
-import { privateKeyToAccount } from 'viem/accounts';
-
-// Your RPC url. Make sure you're using the right network (base vs base-sepolia)
-export const RPC_URL = 'https://api.developer.coinbase.com/rpc/v1/base-sepolia/<your-rpc-token>';
-
-export const client = createPublicClient({
-  chain: baseSepolia,
-  transport: http(RPC_URL),
-});
-
-// Creates a Coinbase smart wallet using an EOA signer
-const owner = privateKeyToAccount('<your-private-key>');
-export const account = await toCoinbaseSmartAccount({
-  client,
-  owners: [owner],
-});
-```
-
-### 4. Add your smart contract's ABI
-
-Create a file called `example-app-abi.js` to store our NFT contract's abi and address. You will have to update this to your smart contract's ABI.
-
-```js
-//example-app-abi.js
-export const abi = [
-  {
-    inputs: [
-      { internalType: 'address', name: 'recipient', type: 'address' },
-      { internalType: 'uint16', name: 'item', type: 'uint16' },
-    ],
-    name: 'mintTo',
-    outputs: [{ internalType: 'uint256', name: '', type: 'uint256' }],
-    stateMutability: 'payable',
-    type: 'function',
-  },
-];
-```
-
-### 5. Create the Bundler and Paymaster clients, submit transaction
-
-Create a new file called `index.js`
-
-```ts
-//index.js
-import { http } from 'viem';
-import { baseSepolia } from 'viem/chains';
-import { createBundlerClient } from 'viem/account-abstraction';
-import { account, client, RPC_URL } from './config.js';
-import { abi } from './example-app-abi.js';
-
-// Logs your deterministic public address generated by your private key
-console.log(`Minting nft to ${account.address}`);
-
-// The bundler is a special node that gets your UserOperation on chain
-const bundlerClient = createBundlerClient({
-  account,
-  client,
-  transport: http(RPC_URL),
-  chain: baseSepolia,
-});
-
-// The call for your app. You will have change this depending on your dapp's abi
-const nftContractAddress = '0x66519FCAee1Ed65bc9e0aCc25cCD900668D3eD49';
-const mintTo = {
-  abi: abi,
-  functionName: 'mintTo',
-  to: nftContractAddress,
-  args: [account.address, 1],
-};
-const calls = [mintTo];
-
-// Pads the preVerificationGas (or any other gas limits you might want) to ensure your UserOperation lands onchain
-account.userOperation = {
-  estimateGas: async (userOperation) => {
-    const estimate = await bundlerClient.estimateUserOperationGas(userOperation);
-    // adjust preVerification upward
-    estimate.preVerificationGas = estimate.preVerificationGas * 2n;
-    return estimate;
-  },
-};
-
-// Sign and send the UserOperation
-try {
-  const userOpHash = await bundlerClient.sendUserOperation({
-    account,
-    calls,
-    paymaster: true,
-  });
-
-  const receipt = await bundlerClient.waitForUserOperationReceipt({
-    hash: userOpHash,
-  });
-
-  console.log('✅ Transaction successfully sponsored!');
-  console.log(
-    `⛽ View sponsored UserOperation on blockscout: https://base-sepolia.blockscout.com/op/${receipt.userOpHash}`,
-  );
-  console.log(
-    `🔍 View NFT mint on basescan: https://sepolia.basescan.org/address/${account.address}`,
-  );
-  process.exit();
-} catch (error) {
-  console.log('Error sending transaction: ', error);
-  process.exit(1);
-}
-```
-
-In your terminal you can run this script using the below command from the correct directory
-
-```js
-node index.js
-```
-
-## Next steps
-
-Modify your allowlist and gas policy to ensure you only sponsor what you want!
-
-## Other examples
-
-Coinbase Smart wallet examples can be found on our other quickstart guide or on [smartwallet.dev](https://smartwallet.dev/).
-
-Examples for integrations with other common SDKs can be found here [paymaster-bundler-examples](https://github.com/coinbase/paymaster-bundler-examples/tree/master/examples).
-
-## Troubleshooting
-
-If you run into any errors with this tutorial, please check out our [troubleshooting guide](https://docs.cdp.coinbase.com/paymaster/docs/paymaster-bundler-troubleshooting).
-
diff --git a/docs/onchainkit/paymaster/security.mdx b/docs/onchainkit/paymaster/security.mdx
deleted file mode 100644
index b0848efd3..000000000
--- a/docs/onchainkit/paymaster/security.mdx
+++ /dev/null
@@ -1,25 +0,0 @@
----
-title: Paymaster Security
-sidebar_label: Security
----
-
-It is important to understand where you are using your Paymaster endpoint as anyone who has your key can send requests to sponsor transactions.
-
-We strongly recommend setting up a contract allowlist on your paymaster configuration which will lock down your paymaster to only sponsor transactions on your wallet.
-
-Further security measures such as setting up a paymaster Proxy so that your api key is not leaked is also recommended.
-
-If you are in a situation where you can not add a contract allowlist due to dynamic calls to contracts that are not on policy then you must set up a paymaster proxy on your backend such that your api token does not get leaked.
-
-Set sponsorship limits to further ensure you're only sponsoring what you want to.
-
-## Paymaster Proxy
-
-Creating an API to proxy calls to your paymaster service is important for two reasons.
-
-- Allows you to protect any API secret.
-- Allows you to add extra validation on what requests you want to sponsor.
-
-You can see more details on implementing a paymaster proxy at [smartwallet.dev](https://www.smartwallet.dev/guides/paymasters).
-
-
diff --git a/docs/onchainkit/paymaster/troubleshooting.mdx b/docs/onchainkit/paymaster/troubleshooting.mdx
deleted file mode 100644
index 60b8f60da..000000000
--- a/docs/onchainkit/paymaster/troubleshooting.mdx
+++ /dev/null
@@ -1,107 +0,0 @@
----
-title: 'Paymaster & Bundler Troubleshooting'
-sidebar_label: Troubleshooting
----
-
-This tutorial explains how to debug common issues you may face when sending UserOperations.
-
-## Execution reverted
-
-The UserOperation was able to make it onchain, but an error occurred in one of the smart contracts it interacted with, and thus the entire operation had to be reverted. This can be due to
-
-- Not enough gas to pay for execution
-  - Try increasing the `preVerificationGas` or `callGasLimit` padding
-- An issue with the `callData` of your UserOperations
-  - This is an issue with your dapp's smart contract, which you will need to debug.
-
-You can use a tool like [Tenderly](https://dashboard.tenderly.co/) to help simulate and debug the UserOperation.
-
-### Issue regarding gas estimation
-
-If you think the issue may be related to gas, simulate using the Entrypoint contract, `0x5ff137d4b0fdcd49dca30c7cf57e578a026d2789`, and pasting in your UserOperation into the `tuple` field.
-
-For example, your UserOperation may look something like
-
-```
-{
-  "callData": "0xb61d27f600000000000000000000000066519fcaee1ed65bc9e0acc25ccd900668d3ed490000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000006000000000000000000000000000000000000000000000000000000000000000443f84ac0e0000000000000000000000001e3143e0ed8c0ea51f1551b6c355e02f3e0baae0000000000000000000000000000000000000000000000000000000000000006400000000000000000000000000000000000000000000000000000000",
-  "paymasterAndData": "0xc484bcd10ab8ad132843872deb1a0adc1473189c000066cd03db0000000000000098973f00000a968163f0a57b400000018633de6cf5e53752c5eac49e8f8ffb4ecd16b2afe7b4074086d6693536a9ab1f117bae0b427f83f94246c34d25add97b05e8a73859c2dceef6ee730ab2842bf31b",
-  "sender": "0x1e3143E0ED8C0Ea51F1551B6c355e02f3e0bAae0",
-  "initCode": "0x",
-  "maxFeePerGas": "3000000000",
-  "maxPriorityFeePerGas": "1000000000",
-  "nonce": "31815307923431762811356398485504",
-  "signature": "0x0000000000000000000000000000000000000000000000000000000000000020000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000400000000000000000000000000000000000000000000000000000000000000041ca7a742cff01aa9d5e377c5a146b5d8f03a4e44bd1817b1899bf7e0ff6885ed63294c69f017fe47f385c046055cc687e503bba08513ff52fbf21dcd8019c1f1d1b00000000000000000000000000000000000000000000000000000000000000",
-  "callGasLimit": "257565",
-  "preVerificationGas": "96024",
-  "verificationGasLimit": "87888"
-}
-```
-
-You can use the `simulateHandleOp` function and pass that UserOperation in the `op` field (don't forget to add array brackets around it, because technically it handles a "bundle" of UserOperations).
-
-<Accordion title="Expand for images and click to enlarge">
-<Frame caption="Tenderly - Entrypoint">
-<img
-  src="/images/paymaster/pb-paymaster-tenderly-entrypoint.png"
-  width="700"
-  alt="Tenderly Entrypoint"
-/>
-</Frame>
-</Accordion>
-
-### Execution reverted with data
-
-Error may look something like this
-
-```
-cause: {
-  "code": -32004,
-  "message": " - execution reverted with data",
-  "data": "0xed6c3dec00000000000000000000000036e53f56454e1206f775dafe2b33c1b737c43632"
-}
-```
-
-You can use a tool like https://bia.is/tools/abi-decoder/ to upload your ABI, enter the data in, and decode the error message. Try using the ABI of every smart contract your dapp could be interacting with.
-
-### Execution reverted for an unknown reason
-
-Similar to above, except your contract is reverting without any error codes. Try reviewing your smart contract's code, your `callData`, and using [Tenderly](https://dashboard.tenderly.co/) to debug. It may help to have your [contract verified.](https://book.getfoundry.sh/reference/forge/forge-verify-contract)
-
-The example below shows you how to debug your own smart contract.
-
-- `Insert any address` - Enter your smart contract's address here
-- `Enter raw input data` - Enter the `callData` of your contract's function (right after `callData = encodeFunctionData()`)
-
-<Accordion title="Expand for images and click to enlarge">
-<Frame caption="Tenderly - Contract Debug">
-<img
-  src="/images/paymaster/pb-paymaster-tenderly-dev-debug.png"
-  width="700"
-  alt="Tenderly Debug"
-/>
-</Frame>
-</Accordion>
-
-## Invalid chain id
-
-You might be using the mainnet RPC url instead of the testnet RPC url (or vis versa). Make sure you select the right network in the CDP portal
-
-<Accordion title="Expand for images and click to enlarge">
-<Frame caption="Paymaster chain">
-<img
-  src="/images/paymaster/pb-paymaster-chainid.png"
-  width="700"
-  alt="Paymaster Chain ID"
-/>
-</Frame>
-</Accordion>
-
-## Invalid UserOperation signature or paymaster signature
-
-```
-UserOperation rejected because account signature check failed (or paymaster signature, if the paymaster uses its data as signature).
-```
-
-This likely means that you updated the UserOperation after getting a signature from our Paymaster service. Our Paymster signs the UserOperation with the UserOperation itself, so make sure you're not making any changes to the UserOperation after it's already been signed by our Paymaster `paymasterClient.getPaymasterData()`. If you need to adjust things like `callData`, `preVerificationGas`, or `callGasLimit`, you will need to receive a new signature from our Paymaster. Also if you're handling multiple UserOperation, make sure the paymaster signature matches the right UserOperation.
-
diff --git a/docs/onchainkit/paymaster/welcome.mdx b/docs/onchainkit/paymaster/welcome.mdx
deleted file mode 100644
index 8a42dbeed..000000000
--- a/docs/onchainkit/paymaster/welcome.mdx
+++ /dev/null
@@ -1,11 +0,0 @@
----
-title: Welcome to Paymaster
-sidebar_label: Welcome
----
-
-<Accordion title="Expand for images and click to enlarge">
-<Frame caption="Paymaster - Smart Wallet Sponsored Transaction">
-<img src="/images/paymaster/pb-sponsorship-scw.png" width="700" alt="Smart Wallet Sponsored Transaction" />
-</Frame>
-</Accordion>
-
diff --git a/docs/onchainkit/restricted.mdx b/docs/onchainkit/restricted.mdx
deleted file mode 100644
index 6aeac749e..000000000
--- a/docs/onchainkit/restricted.mdx
+++ /dev/null
@@ -1,16 +0,0 @@
----
-title: Access Denied
-description: Restricted Access to OnchainKit
-content:
-  width: 100%
-layout: landing
-showOutline: false
----
-
-<div className="flex justify-center p-4">
-  <div className="text-center">
-    <h1 className="text-3xl md:text-4xl">Access Restricted</h1>
-    <p className="text-lg md:text-xl">You're not allowed to use OnchainKit from a restricted territory.</p>
-  </div>
-</div>
-
diff --git a/docs/onchainkit/signature/signature.mdx b/docs/onchainkit/signature/signature.mdx
deleted file mode 100644
index 5a71ff0b5..000000000
--- a/docs/onchainkit/signature/signature.mdx
+++ /dev/null
@@ -1,318 +0,0 @@
----
-title: <Signature /> · OnchainKit
-sidebarTitle: <Signature />
-description: The `<Signature />` component supports signing EIP712 and personal_sign messages.
----
-
-The `<Signature />` components provide a wrapper around the useSignTypedData and useSignMessage wagmi hooks.
-These hooks handle EIP712 signatures and personal_sign messages, falling back to eth_sign.
-
-Before using them, ensure you've completed all [Getting Started steps](/onchainkit/getting-started).
-
-## Quick start
-
-You can use the `Signature` component with the default implementation without passing any subcomponents or pass any subcomponents to fully customize the UI.
-
-### Default implementation for EIP712 signatures
-
-<CodeGroup>
-```tsx Signature.tsx
-// @noErrors: 2307 2395 2554 2834 - Cannot find module 'data'
-import { Signature } from '@coinbase/onchainkit/signature';
-import { domain, types, message } from './data';
-// ---cut-start---
-import { encodeAbiParameters } from 'viem';
-import { base } from 'viem/chains';
-
-export const domain = {
-  name: 'EAS Attestation',
-  version: '1.0.0',
-  chainId: base.id,
-  verifyingContract: '0x4200000000000000000000000000000000000021',
-};
-
-export const types = {
-  Attest: [
-    { name: 'schema', type: 'bytes32' },
-    { name: 'recipient', type: 'address' },
-    { name: 'time', type: 'uint64' },
-    { name: 'revocable', type: 'bool' },
-    { name: 'refUID', type: 'bytes32' },
-    { name: 'data', type: 'bytes' },
-    { name: 'value', type: 'uint256' },
-  ],
-};
-
-export const message = {
-  schema: '0xf58b8b212ef75ee8cd7e8d803c37c03e0519890502d5e99ee2412aae1456cafe',
-  recipient: '0x1230000000000000000000000000000000000000000',
-  time: BigInt(0),
-  revocable: false,
-  refUID: '0x0000000000000000000000000000000000000000000000000000000000000000',
-  data: encodeAbiParameters([{ type: 'string' }], ['test attestation']),
-  value: BigInt(0),
-};
-// ---cut-end---
-<Signature
-  domain={domain}
-  types={types}
-  primaryType="Attest"
-  message={message}
-  label="Sign EIP712"
-  onSuccess={(signature: string) => console.log(signature)}
-/>
-```
-
-```tsx data
-// @noErrors: 2554 - Expected 0 arguments, but got 2
-import { encodeAbiParameters } from 'viem';
-import { base } from 'viem/chains';
-
-export const domain = {
-  name: 'EAS Attestation',
-  version: '1.0.0',
-  chainId: base.id,
-  verifyingContract: '0x4200000000000000000000000000000000000021',
-};
-
-export const types = {
-  Attest: [
-    { name: 'schema', type: 'bytes32' },
-    { name: 'recipient', type: 'address' },
-    { name: 'time', type: 'uint64' },
-    { name: 'revocable', type: 'bool' },
-    { name: 'refUID', type: 'bytes32' },
-    { name: 'data', type: 'bytes' },
-    { name: 'value', type: 'uint256' },
-  ],
-};
-
-export const message = {
-  schema: '0xf58b8b212ef75ee8cd7e8d803c37c03e0519890502d5e99ee2412aae1456cafe',
-  recipient: '0x1230000000000000000000000000000000000000000',
-  time: BigInt(0),
-  revocable: false,
-  refUID: '0x0000000000000000000000000000000000000000000000000000000000000000',
-  data: encodeAbiParameters([{ type: 'string' }], ['test attestation']),
-  value: BigInt(0),
-};
-```
-</CodeGroup>
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-signature--second-signature&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <EIP712Signature /> */}
-
-
-### Default implementation for personal_sign messages
-
-```tsx Signature.tsx
-import { Signature } from '@coinbase/onchainkit/signature';
-
-<Signature
-  message="Hello, OnchainKit!"
-  label="Personal_Sign me"
-  onSuccess={(signature: string) => console.log(signature)}
-/>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-signature--personal-sign&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <PersonalSignSignature /> */}
-
-## Components
-
-The Signature components provide a complete signature flow:
-
-### Core Component
-
-- `<Signature />` - Main container that manages the signature lifecycle
-
-### `<Signature />` subcomponents
-
-- `<SignatureButton />` - Handles signature initiation with customizable labels
-- `<SignatureStatus />` - Displays current signature status and actions
-- `<SignatureToast />` - Shows toast notifications for signature events
-
-### `<SignatureStatus />` and `<SignatureToast />` subcomponents
-
-- `<SignatureLabel />` - Displays status text ("Success", "Confirm in wallet", etc.)
-- `<SignatureIcon />` - Shows status icons (pending, success, error)
-
-## Component API
-
-### Signature
-
-Main wrapper component that manages the signature flow.
-
-```tsx
-<Signature
-  // Required for EIP-712 typed data
-  domain={domain}
-  types={types}
-  message={message}
-  primaryType="Test"
-
-  // OR for personal_sign
-  message="Hello World"
-
-  // Optional props
-  label="Sign"
-  onSuccess={(signature: string) => {}}
-  onError={(error: APIError) => {}}
-  onStatus={(status: LifecycleStatus) => {}}
-  resetAfter={5000} // ms to reset after success
-  className="custom-class"
-  disabled={false}
-/>
-```
-
-### SignatureButton
-
-Button component that triggers the signature request.
-
-```tsx
-<SignatureButton
-  label="Sign Message" // Default: "Sign"
-  connectLabel="Connect Wallet" // Default: "Connect Wallet"
-  errorLabel="Try Again" // Default: "Try again"
-  successLabel="Signed!" // Default: "Signed"
-  pendingLabel="Signing..." // Default: "Signing..."
-  disabled={false}
-  className="custom-class"
-/>
-```
-
-### SignatureStatus
-
-Container for signature status information.
-
-```tsx
-<SignatureStatus className="custom-class">
-  <SignatureLabel />
-  {/* Custom status content */}
-</SignatureStatus>
-```
-
-### SignatureToast
-
-Toast notification for signature events.
-
-```tsx
-<SignatureToast
-  durationMs={5000} // Default: 5000
-  position="bottom-center" // Default: "bottom-center"
-  className="custom-class"
->
-  <SignatureIcon />
-  <SignatureLabel />
-  {/* Custom toast content */}
-</SignatureToast>
-```
-
-## Lifecycle States
-
-The signature flow has the following states:
-
-- `init` - Initial state
-- `pending` - Waiting for wallet signature
-- `success` - Signature completed successfully
-- `error` - Error occurred during signing
-- `reset` - Component reset to initial state
-
-Access the current state through the `onStatus` callback:
-
-```tsx
-<Signature
-  onStatus={(status: LifecycleStatus) => {
-    switch (status.statusName) {
-      case 'success':
-        console.log('Signature:', status.statusData.signature);
-        break;
-      case 'error':
-        console.log('Error:', status.statusData.message);
-        break;
-    }
-  }}
-/>
-```
-
-## Error Handling
-
-Errors are handled automatically and displayed in the UI. Common errors include:
-
-- User rejected request
-- Invalid message format
-- Wallet connection issues
-
-Custom error handling:
-
-```tsx
-<Signature
-  onError={(error: APIError) => {
-    console.error('Error code:', error.code);
-    console.error('Error message:', error.message);
-  }}
-/>
-```
-
-## Message Types
-
-The `<Signature />` component supports two types of messages:
-
-### EIP-712 Typed Data
-
-```tsx
-<Signature
-  domain={{
-    name: 'Example App',
-    version: '1.0.0',
-    chainId: 1,
-    verifyingContract: '0x...'
-  }}
-  types={{
-    Person: [
-      { name: 'name', type: 'string' },
-      { name: 'wallet', type: 'address' }
-    ]
-  }}
-  message={{
-    name: 'Bob',
-    wallet: '0x...'
-  }}
-  primaryType="Person"
-/>
-```
-
-### Personal Sign (personal_sign)
-
-```tsx
-<Signature
-  message="Welcome to Example App! Click to sign in."
-/>
-```
-
-## Component types
-
-- [`SignatureReact`](/onchainkit/signature/types#signaturereact)
-- [`SignatureButtonProps`](/onchainkit/signature/types#signaturebuttonprops)
-- [`SignatureStatusProps`](/onchainkit/signature/types#signaturestatusprops)
-- [`SignatureToastProps`](/onchainkit/signature/types#signaturetoastprops)
-- [`SignatureIconProps`](/onchainkit/signature/types#signatureiconprops)
-- [`SignatureLabelProps`](/onchainkit/signature/types#signaturelabelprops)
-- [`MessageType`](/onchainkit/signature/types#messagetype)
-- [`ValidateMessageResult`](/onchainkit/signature/types#validatemessageresult)
-- [`MessageData`](/onchainkit/signature/types#messagedata)
-- [`SignatureProviderProps`](/onchainkit/signature/types#signatureproviderprops)
-
-## Related Components
-
-- [`<Wallet />`](/onchainkit/wallet/wallet) - Handles the wallet connection
-- [`<Transaction />`](/onchainkit/transaction/transaction) - Handles transaction signing
-
diff --git a/docs/onchainkit/signature/types.mdx b/docs/onchainkit/signature/types.mdx
deleted file mode 100644
index 2a914acee..000000000
--- a/docs/onchainkit/signature/types.mdx
+++ /dev/null
@@ -1,167 +0,0 @@
----
-title: Signature components & utilities Types
-description: Glossary of Types in Signature components & utilities.
-sidebarTitle: Signature
----
-
-## `LifecycleStatus`
-
-```ts
-type LifecycleStatus =
-  | {
-      statusName: 'init';
-      statusData: null;
-    }
-  | {
-      statusName: 'error';
-      statusData: APIError;
-    }
-  | {
-      statusName: 'pending';
-      statusData: {
-        type: MessageType;
-      };
-    }
-  | {
-      statusName: 'success';
-      statusData: {
-        signature: `0x${string}`;
-        type: MessageType;
-      };
-    }
-  | {
-      statusName: 'reset';
-      statusData: null;
-    };
-```
-
-## `SignatureReact`
-
-```ts
-type SignatureReact = {
-  chainId?: number;
-  className?: string;
-  onSuccess?: (signature: string) => void;
-  onStatus?: (status: LifecycleStatus) => void;
-  onError?: (error: APIError) => void;
-  resetAfter?: number;
-} & (
-  | {
-      domain?: SignTypedDataParameters['domain'];
-      types: SignTypedDataParameters['types'];
-      message: SignTypedDataParameters['message'];
-      primaryType: SignTypedDataParameters['primaryType'];
-    }
-  | {
-      message: SignMessageParameters['message'];
-      domain?: never;
-      types?: never;
-      primaryType?: never;
-    }
-) &
-  (
-    | {
-        children: React.ReactNode;
-        label?: never;
-        disabled?: never;
-      }
-    | {
-        children?: never;
-        label?: React.ReactNode;
-        disabled?: boolean;
-      }
-  );
-```
-
-## `SignatureButtonProps`
-
-```ts
-type SignatureButtonProps = {
-  className?: string;
-  disabled?: boolean;
-  label?: ReactNode;
-  connectLabel?: ReactNode;
-  errorLabel?: ReactNode;
-  successLabel?: ReactNode;
-  pendingLabel?: ReactNode;
-};
-```
-
-## `SignatureStatusProps`
-
-```ts
-type SignatureStatusProps = {
-  children?: React.ReactNode;
-  className?: string;
-};
-```
-
-## `SignatureToastProps`
-
-```ts
-type SignatureToastProps = {
-  children?: React.ReactNode;
-  className?: string;
-  durationMs?: number;
-  position?: 'bottom-center' | 'top-center' | 'top-right' | 'bottom-right';
-};
-```
-
-## `SignatureIconProps`
-
-```ts
-type SignatureIconProps = {
-  className?: string;
-};
-```
-
-## `SignatureLabelProps`
-
-```ts
-type SignatureLabelProps = {
-  className?: string;
-};
-```
-
-## `MessageType`
-
-```ts
-enum MessageType {
-  SIGNABLE_MESSAGE = 'signable_message',
-  TYPED_DATA = 'typed_data',
-  INVALID = 'invalid'
-}
-```
-
-## `ValidateMessageResult`
-
-```ts
-type ValidateMessageResult =
-  | { type: MessageType.TYPED_DATA; data: SignTypedDataParameters }
-  | { type: MessageType.SIGNABLE_MESSAGE; data: SignMessageParameters }
-  | { type: MessageType.INVALID; data: null };
-```
-
-## `MessageData`
-
-```ts
-type MessageData = {
-  domain?: SignTypedDataParameters['domain'];
-  types?: SignTypedDataParameters['types'];
-  message: SignTypedDataParameters['message'] | SignMessageParameters['message'];
-  primaryType?: SignTypedDataParameters['primaryType'];
-};
-```
-
-## `SignatureProviderProps`
-
-```ts
-type SignatureProviderProps = {
-  children: React.ReactNode;
-  onSuccess?: (signature: string) => void;
-  onError?: (error: APIError) => void;
-  onStatus?: (status: LifecycleStatus) => void;
-  resetAfter?: number;
-} & MessageData;
-```
-
diff --git a/docs/onchainkit/swap/swap-settings.mdx b/docs/onchainkit/swap/swap-settings.mdx
deleted file mode 100644
index 7c2893667..000000000
--- a/docs/onchainkit/swap/swap-settings.mdx
+++ /dev/null
@@ -1,387 +0,0 @@
----
-title: <SwapSettings /> · OnchainKit
-sidebarTitle: <SwapSettings />
-description: Customizable components for token Swap settings and slippage configuration
----
-
-The `SwapSettings` component enables customizable slippage configuration in the `Swap` component.
-
-## Usage
-
-```tsx
-// omitted for brevity
-import {
-  Swap,
-  SwapSettings,
-  SwapSettingsSlippageDescription,
-  SwapSettingsSlippageInput,
-  SwapSettingsSlippageTitle,
-} from '@coinbase/onchainkit/swap';
-
-<Swap>
-  <SwapSettings>
-    <SwapSettingsSlippageTitle>
-      Max. slippage
-    </SwapSettingsSlippageTitle>
-    <SwapSettingsSlippageDescription>
-      Your swap will revert if the prices change by more than the selected
-      percentage.
-    </SwapSettingsSlippageDescription>
-    <SwapSettingsSlippageInput />
-  </SwapSettings>
-</Swap>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-swap-settings--default&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="520px"
-/>
-{/* <App>
-  <SwapWrapper>
-    {({ address, swappableTokens }) => {
-      if (address) {
-        return (
-          <Swap>
-            <SwapSettings>
-             <SwapSettingsSlippageTitle>Max. slippage</SwapSettingsSlippageTitle>
-             <SwapSettingsSlippageDescription>
-              Your swap will revert if the prices change by more than the selected
-              percentage.
-             </SwapSettingsSlippageDescription>
-             <SwapSettingsSlippageInput />
-            </SwapSettings>
-            <SwapAmountInput
-              label="Sell"
-              swappableTokens={swappableTokens}
-              token={swappableTokens[1]}
-              type="from"
-            />
-            <SwapToggleButton />
-            <SwapAmountInput
-              label="Buy"
-              swappableTokens={swappableTokens}
-              token={swappableTokens[2]}
-              type="to"
-            />
-            <SwapButton disabled />
-            <SwapMessage />
-          </Swap>
-        )
-      }
-      return <>
-        <Wallet>
-          <ConnectWallet>
-            <Avatar className="h-6 w-6" />
-            <Name />
-          </ConnectWallet>
-        </Wallet>
-      </>;
-    }}
-  </SwapWrapper>
-</App> */}
-
-### Override styles
-
-You can override component styles using `className`.
-
-```tsx
-import {
-  Swap,
-  SwapSettings,
-  SwapSettingsSlippageDescription,
-  SwapSettingsSlippageInput,
-  SwapSettingsSlippageTitle,
-} from '@coinbase/onchainkit/swap';
-// ---cut-before---
-// omitted for brevity
-<Swap>
-  <SwapSettings>
-    <SwapSettingsSlippageTitle className="text-[#EA580C]">
-      Max. slippage
-    </SwapSettingsSlippageTitle>
-    <SwapSettingsSlippageDescription className="text-[#EA580C]">
-      Your swap will revert if the prices change by more than the selected
-      percentage.
-    </SwapSettingsSlippageDescription>
-    <SwapSettingsSlippageInput/>
-  </SwapSettings>
-</Swap>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-swap-settings--styled-title-and-description&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="520px"
-/>
-{/* <App>
-  <SwapWrapper>
-    {({ address, swappableTokens }) => {
-      if (address) {
-        return (
-          <Swap>
-            <SwapSettings>
-             <SwapSettingsSlippageTitle className="text-[#EA580C]">Max. slippage</SwapSettingsSlippageTitle>
-             <SwapSettingsSlippageDescription className="text-[#EA580C]">
-              Your swap will revert if the prices change by more than the selected
-              percentage.
-             </SwapSettingsSlippageDescription>
-             <SwapSettingsSlippageInput/>
-            </SwapSettings>
-            <SwapAmountInput
-              label="Sell"
-              swappableTokens={swappableTokens}
-              token={swappableTokens[1]}
-              type="from"
-            />
-            <SwapToggleButton />
-            <SwapAmountInput
-              label="Buy"
-              swappableTokens={swappableTokens}
-              token={swappableTokens[2]}
-              type="to"
-            />
-            <SwapButton disabled />
-            <SwapMessage />
-          </Swap>
-        )
-      }
-      return <>
-        <Wallet>
-          <ConnectWallet>
-            <Avatar className="h-6 w-6" />
-            <Name />
-          </ConnectWallet>
-        </Wallet>
-      </>;
-    }}
-  </SwapWrapper>
-</App> */}
-
-### Override icon
-
-You can override the icon using the icon prop.
-
-```tsx
-// suppress twoslash error
-declare const baseIcon: any;
-
-import {
-  Swap,
-  SwapSettings,
-  SwapSettingsSlippageDescription,
-  SwapSettingsSlippageInput,
-  SwapSettingsSlippageTitle,
-} from '@coinbase/onchainkit/swap';
-// ---cut-before---
-// omitted for brevity
-<SwapSettings icon={baseIcon}>
-// ---cut-after---
-</SwapSettings>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-swap-settings--with-icon&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="520px"
-/>
-{/* <App>
-  <SwapWrapper>
-    {({ address, swappableTokens }) => {
-      if (address) {
-        return (
-          <Swap>
-            <SwapSettings icon={walletDropdownLinkCustomBaseIconSvg}>
-             <SwapSettingsSlippageTitle>Max. slippage</SwapSettingsSlippageTitle>
-             <SwapSettingsSlippageDescription>
-              Your swap will revert if the prices change by more than the selected
-              percentage.
-             </SwapSettingsSlippageDescription>
-             <SwapSettingsSlippageInput/>
-            </SwapSettings>
-            <SwapAmountInput
-              label="Sell"
-              swappableTokens={swappableTokens}
-              token={swappableTokens[1]}
-              type="from"
-            />
-            <SwapToggleButton />
-            <SwapAmountInput
-              label="Buy"
-              swappableTokens={swappableTokens}
-              token={swappableTokens[2]}
-              type="to"
-            />
-            <SwapButton disabled />
-            <SwapMessage />
-          </Swap>
-        )
-      }
-      return <>
-        <Wallet>
-          <ConnectWallet>
-            <Avatar className="h-6 w-6" />
-            <Name />
-          </ConnectWallet>
-        </Wallet>
-      </>;
-    }}
-  </SwapWrapper>
-</App> */}
-
-### Add text
-
-You can add text next to the `SwapSettings` component using text.
-
-```tsx
-import {
-  Swap,
-  SwapSettings,
-  SwapSettingsSlippageDescription,
-  SwapSettingsSlippageInput,
-  SwapSettingsSlippageTitle,
-} from '@coinbase/onchainkit/swap';
-// ---cut-before---
-// omitted for brevity
-<SwapSettings text="Settings">
-// ---cut-after---
-</SwapSettings>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-swap-settings--with-text-prop&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="520px"
-/>
-{/* <App>
-  <SwapWrapper>
-    {({ address, swappableTokens }) => {
-      if (address) {
-        return (
-          <Swap>
-            <SwapSettings text="Settings">
-             <SwapSettingsSlippageTitle>Max. slippage</SwapSettingsSlippageTitle>
-             <SwapSettingsSlippageDescription>
-              Your swap will revert if the prices change by more than the selected
-              percentage.
-             </SwapSettingsSlippageDescription>
-             <SwapSettingsSlippageInput/>
-            </SwapSettings>
-            <SwapAmountInput
-              label="Sell"
-              swappableTokens={swappableTokens}
-              token={swappableTokens[1]}
-              type="from"
-            />
-            <SwapToggleButton />
-            <SwapAmountInput
-              label="Buy"
-              swappableTokens={swappableTokens}
-              token={swappableTokens[2]}
-              type="to"
-            />
-            <SwapButton disabled />
-            <SwapMessage />
-          </Swap>
-        )
-      }
-      return <>
-        <Wallet>
-          <ConnectWallet>
-            <Avatar className="h-6 w-6" />
-            <Name />
-          </ConnectWallet>
-        </Wallet>
-      </>;
-    }}
-  </SwapWrapper>
-</App> */}
-
-### Override text
-
-You can override component text by providing children text.
-
-```tsx
-import {
-  Swap,
-  SwapSettings,
-  SwapSettingsSlippageDescription,
-  SwapSettingsSlippageInput,
-  SwapSettingsSlippageTitle,
-} from '@coinbase/onchainkit/swap';
-<Swap>
-// ---cut-before---
-// omitted for brevity
-
-<SwapSettingsSlippageTitle>
-  Slippage Settings
-</SwapSettingsSlippageTitle>
-<SwapSettingsSlippageDescription>
-  Set a max slippage you are willing to accept.
-</SwapSettingsSlippageDescription>
-// ---cut-after---
-</Swap>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-swap-settings--custom-title-and-description&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="520px"
-/>
-{/* <App>
-  <SwapWrapper>
-    {({ address, swappableTokens }) => {
-      if (address) {
-        return (
-          <Swap>
-            <SwapSettings>
-             <SwapSettingsSlippageTitle>Slippage Settings</SwapSettingsSlippageTitle>
-             <SwapSettingsSlippageDescription>
-              Set a max slippage you are willing to accept.
-             </SwapSettingsSlippageDescription>
-             <SwapSettingsSlippageInput/>
-            </SwapSettings>
-            <SwapAmountInput
-              label="Sell"
-              swappableTokens={swappableTokens}
-              token={swappableTokens[1]}
-              type="from"
-            />
-            <SwapToggleButton />
-            <SwapAmountInput
-              label="Buy"
-              swappableTokens={swappableTokens}
-              token={swappableTokens[2]}
-              type="to"
-            />
-            <SwapButton disabled />
-            <SwapMessage />
-          </Swap>
-        )
-      }
-      return <>
-        <Wallet>
-          <ConnectWallet>
-            <Avatar className="h-6 w-6" />
-            <Name />
-          </ConnectWallet>
-        </Wallet>
-      </>;
-    }}
-  </SwapWrapper>
-</App> */}
-
-## Components
-
-- `<SwapSettings />` - Container component for swap slippage settings.
-- `<SwapSettingsSlippageDescription />` - Displays description text explaining the slippage setting.
-- `<SwapSettingsSlippageInput />` - Input field for users to enter their desired max slippage percentage
-- `<SwapSettingsSlippageTitle />` - Displays the title for the slippage settings section
-
-## Props
-
-- [`SwapSettingsReact`](/onchainkit/swap/types#swapsettingsreact)
-- [`SwapSettingsSlippageDescriptionReact`](/onchainkit/swap/types#swapsettingsslippagedescriptionreact)
-- [`SwapSettingsSlippageInputReact`](/onchainkit/swap/types#swapsettingsslippageinputreact)
-- [`SwapSettingsSlippageTitleReact`](/onchainkit/swap/types#swapsettingsslippagetitlereact)
-
diff --git a/docs/onchainkit/swap/swap.mdx b/docs/onchainkit/swap/swap.mdx
deleted file mode 100644
index f94bc684c..000000000
--- a/docs/onchainkit/swap/swap.mdx
+++ /dev/null
@@ -1,703 +0,0 @@
----
-title: <Swap /> · OnchainKit
-sidebarTitle: <Swap />
-description: Swap components & utilities
----
-
-import { Danger } from "/snippets/danger.mdx";
-
-The `Swap` components provide a comprehensive interface for users to execute [Token](/onchainkit/token/types#token) swaps.
-
-Before using them, ensure you've completed all [Getting Started steps](/onchainkit/getting-started).
-
-## Quick start
-
-The `SwapDefault` component is a simplified version of the `Swap` component, designed to streamline the integration process for developers. Instead of manually defining each subcomponent and prop, developers can use this shorthand version which renders our suggested implementation of the component and includes `SwapAmountInput`, `SwapSettings`, `SwapToggleButton`, `SwapButton`, and `SwapToast`.
-
-If you'd like more customization, follow the implementation guide for our `Swap` component below.
-
-```tsx
-import { SwapDefault } from '@coinbase/onchainkit/swap'; // [!code focus]
-import type { Token } from '@coinbase/onchainkit/token';
-
-const eth: Token = {
-  name: 'ETH',
-  address: '',
-  symbol: 'ETH',
-  decimals: 18,
-  image:
-    'https://wallet-api-production.s3.amazonaws.com/uploads/tokens/eth_288.png',
-  chainId: 8453,
-};
-
-const usdc: Token = {
-  name: 'USDC',
-  address: '0x833589fcd6edb6e08f4c7c32d4f71b54bda02913',
-  symbol: 'USDC',
-  decimals: 6,
-  image:
-    'https://d3r81g40ycuhqg.cloudfront.net/wallet/wais/44/2b/442b80bd16af0c0d9b22e03a16753823fe826e5bfd457292b55fa0ba8c1ba213-ZWUzYjJmZGUtMDYxNy00NDcyLTg0NjQtMWI4OGEwYjBiODE2',
-  chainId: 8453,
-};
-
-<SwapDefault // [!code focus]
-  from={[eth]} // [!code focus]
-  to={[usdc]} // [!code focus]
-/> // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-swap-swap--default&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="520px"
-/>
-{/* <App>
-  <SwapWrapper>
-    {({ address, swappableTokens }) => {
-      if (address) {
-        return (
-          <SwapDefault from={swappableTokens} to={swappableTokens.slice().reverse()} disabled />
-        )
-      }
-      return <>
-        <Wallet>
-          <ConnectWallet>
-            <Avatar className="h-6 w-6" />
-            <Name />
-          </ConnectWallet>
-        </Wallet>
-      </>;
-    }}
-  </SwapWrapper>
-</App> */}
-
-### Props
-
-[`SwapDefaultReact`](/onchainkit/swap/types#swapdefaultreact)
-
-## Usage
-
-Example using `@coinbase/onchainkit/swap` and `@coinbase/onchainkit/wallet`.
-
-```tsx
-import { Avatar, Name } from '@coinbase/onchainkit/identity';
-import { // [!code focus]
-  Swap, // [!code focus]
-  SwapAmountInput, // [!code focus]
-  SwapToggleButton, // [!code focus]
-  SwapButton, // [!code focus]
-  SwapMessage, // [!code focus]
-  SwapToast, // [!code focus]
-} from '@coinbase/onchainkit/swap'; // [!code focus]
-import { Wallet, ConnectWallet } from '@coinbase/onchainkit/wallet';
-import { useAccount } from 'wagmi';
-import type { Token } from '@coinbase/onchainkit/token';
-
-export default function SwapComponents() {
-  const { address } = useAccount();
-
-  const ETHToken: Token = {
-    address: "",
-    chainId: 8453,
-    decimals: 18,
-    name: "Ethereum",
-    symbol: "ETH",
-    image: "https://dynamic-assets.coinbase.com/dbb4b4983bde81309ddab83eb598358eb44375b930b94687ebe38bc22e52c3b2125258ffb8477a5ef22e33d6bd72e32a506c391caa13af64c00e46613c3e5806/asset_icons/4113b082d21cc5fab17fc8f2d19fb996165bcce635e6900f7fc2d57c4ef33ae9.png",
-  };
-
-  const USDCToken: Token = {
-    address: "0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913",
-    chainId: 8453,
-    decimals: 6,
-    name: "USDC",
-    symbol: "USDC",
-    image: "https://dynamic-assets.coinbase.com/3c15df5e2ac7d4abbe9499ed9335041f00c620f28e8de2f93474a9f432058742cdf4674bd43f309e69778a26969372310135be97eb183d91c492154176d455b8/asset_icons/9d67b728b6c8f457717154b3a35f9ddc702eae7e76c4684ee39302c4d7fd0bb8.png",
-  };
-
-  // add other tokens here to display them as options in the swap
-  const swappableTokens: Token[] = [ETHToken, USDCToken];
-
-
-  return address ? (
-    <Swap> // [!code focus]
-      <SwapAmountInput // [!code focus]
-        label="Sell" // [!code focus]
-        swappableTokens={swappableTokens} // [!code focus]
-        token={ETHToken} // [!code focus]
-        type="from" // [!code focus]
-      /> // [!code focus]
-      <SwapToggleButton /> // [!code focus]
-      <SwapAmountInput // [!code focus]
-        label="Buy" // [!code focus]
-        swappableTokens={swappableTokens} // [!code focus]
-        token={USDCToken} // [!code focus]
-        type="to" // [!code focus]
-      /> // [!code focus]
-      <SwapButton /> // [!code focus]
-      <SwapMessage /> // [!code focus]
-      <SwapToast /> // [!code focus]
-    </Swap> // [!code focus]
-  ) : (
-    <Wallet>
-      <ConnectWallet>
-        <Avatar className="h-6 w-6" />
-        <Name />
-      </ConnectWallet>
-    </Wallet>
-  );
-}
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-swap-swap--full-swap&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="520px"
-/>
-{/* <App>
-  <SwapWrapper>
-    {({ address, swappableTokens }) => {
-      if (address) {
-        return (
-          <Swap>
-            <SwapAmountInput
-              label="Sell"
-              swappableTokens={swappableTokens}
-              token={swappableTokens[1]}
-              type="from"
-            />
-            <SwapToggleButton />
-            <SwapAmountInput
-              label="Buy"
-              swappableTokens={swappableTokens}
-              token={swappableTokens[2]}
-              type="to"
-            />
-            <SwapButton disabled />
-            <SwapMessage />
-            <SwapToast />
-          </Swap>
-        )
-      }
-      return <>
-        <Wallet>
-          <ConnectWallet>
-            <Avatar className="h-6 w-6" />
-            <Name />
-          </ConnectWallet>
-        </Wallet>
-      </>;
-    }}
-  </SwapWrapper>
-</App> */}
-
-<Danger>
-**Note: This interface is for demonstration purposes only.**
-
-The swap will execute and work out of the box when you implement the component in your own app.
-</Danger>
-
-
-### Supported Swap Routers
-
-The `Swap` component supports two swap routers:
-
-- [Uniswap V3](https://app.uniswap.org/) (default)
-- [0x Aggregator](https://0x.org/)
-
-To use the 0x Aggregator, set the `experimental.useAggregator` prop to `true`.
-
-### Sponsor gas with Paymaster
-
-To sponsor swap transactions for your users, toggle the Paymaster using the `isSponsored` prop.
-
-By default, this will use the [Coinbase Developer Platform](https://portal.cdp.coinbase.com/products/bundler-and-paymaster) Paymaster.
-
-You can configure sponsorship settings on the [Paymaster](https://portal.cdp.coinbase.com/products/bundler-and-paymaster) page.
-For security reasons, we recommend setting up a contract allowlist in the Portal. Without a contract allowlist defined, your Paymaster will only be able to sponsor up to $1.
-
-The contract used in our Swap API is Uniswap's [Universal Router](https://basescan.org/address/0x3fC91A3afd70395Cd496C647d5a6CC9D4B2b7FAD), which is deployed on Base at `0x3fC91A3afd70395Cd496C647d5a6CC9D4B2b7FAD`.
-
-Note that gas sponsorship will only work for Smart Wallets.
-
-```tsx
-import { Avatar, Name } from '@coinbase/onchainkit/identity';
-import {
-  Swap,
-  SwapAmountInput,
-  SwapToggleButton,
-  SwapButton,
-  SwapMessage,
-} from '@coinbase/onchainkit/swap';
-import { Wallet, ConnectWallet } from '@coinbase/onchainkit/wallet';
-import { useAccount } from 'wagmi';
-import type { Token } from '@coinbase/onchainkit/token';
-
-export default function SwapComponents() {
-  const { address } = useAccount();
-
-  const ETHToken: Token = {
-    address: "",
-    chainId: 8453,
-    decimals: 18,
-    name: "Ethereum",
-    symbol: "ETH",
-    image: "https://dynamic-assets.coinbase.com/dbb4b4983bde81309ddab83eb598358eb44375b930b94687ebe38bc22e52c3b2125258ffb8477a5ef22e33d6bd72e32a506c391caa13af64c00e46613c3e5806/asset_icons/4113b082d21cc5fab17fc8f2d19fb996165bcce635e6900f7fc2d57c4ef33ae9.png",
-  };
-
-  const USDCToken: Token = {
-    address: "0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913",
-    chainId: 8453,
-    decimals: 6,
-    name: "USDC",
-    symbol: "USDC",
-    image: "https://dynamic-assets.coinbase.com/3c15df5e2ac7d4abbe9499ed9335041f00c620f28e8de2f93474a9f432058742cdf4674bd43f309e69778a26969372310135be97eb183d91c492154176d455b8/asset_icons/9d67b728b6c8f457717154b3a35f9ddc702eae7e76c4684ee39302c4d7fd0bb8.png",
-  };
-
-return (
-// ---cut-before---
-// omitted for brevity
-
-// Set isSponsored to true // [!code focus]
-<Swap isSponsored > // [!code focus]
-  ...
-</Swap> // [!code focus]
-// ---cut-after---
-);
-}
-```
-
-### Custom token pair
-
-You can adjust to only allow swap between a token pair.
-
-```tsx
-import { Avatar, Name } from '@coinbase/onchainkit/identity';
-import {
-  Swap,
-  SwapAmountInput,
-  SwapToggleButton,
-  SwapButton,
-  SwapMessage,
-  SwapToast,
-} from '@coinbase/onchainkit/swap';
-import { Wallet, ConnectWallet } from '@coinbase/onchainkit/wallet';
-import { useAccount } from 'wagmi';
-import type { Token } from '@coinbase/onchainkit/token';
-
-export default function SwapComponents() {
-  const { address } = useAccount();
-
-  const ETHToken: Token = {
-    address: "",
-    chainId: 8453,
-    decimals: 18,
-    name: "Ethereum",
-    symbol: "ETH",
-    image: "https://dynamic-assets.coinbase.com/dbb4b4983bde81309ddab83eb598358eb44375b930b94687ebe38bc22e52c3b2125258ffb8477a5ef22e33d6bd72e32a506c391caa13af64c00e46613c3e5806/asset_icons/4113b082d21cc5fab17fc8f2d19fb996165bcce635e6900f7fc2d57c4ef33ae9.png",
-  };
-
-  const USDCToken: Token = {
-    address: "0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913",
-    chainId: 8453,
-    decimals: 6,
-    name: "USDC",
-    symbol: "USDC",
-    image: "https://dynamic-assets.coinbase.com/3c15df5e2ac7d4abbe9499ed9335041f00c620f28e8de2f93474a9f432058742cdf4674bd43f309e69778a26969372310135be97eb183d91c492154176d455b8/asset_icons/9d67b728b6c8f457717154b3a35f9ddc702eae7e76c4684ee39302c4d7fd0bb8.png",
-  };
-
-return (
-// ---cut-before---
-// omitted for brevity
-
-<Swap> // [!code focus]
-  <SwapAmountInput // [!code focus]
-    label="Sell" // [!code focus]
-    token={ETHToken} // [!code focus]
-    type="from" // [!code focus]
-  /> // [!code focus]
-  <SwapToggleButton /> // [!code focus]
-  <SwapAmountInput // [!code focus]
-    label="Buy" // [!code focus]
-    token={USDCToken} // [!code focus]
-    type="to" // [!code focus]
-  /> // [!code focus]
-  <SwapButton /> // [!code focus]
-  <SwapMessage /> // [!code focus]
-  <SwapToast /> // [!code focus]
-</Swap> // [!code focus]
-// ---cut-after---
-);
-}
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-swap-swap--without-swappable-prop&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="520px"
-/>
-{/* <App>
-  <SwapWrapper>
-    {({ address, swappableTokens }) => {
-      if (address) {
-        return (
-          <Swap>
-            <SwapAmountInput
-              label="Sell"
-              token={swappableTokens[1]}
-              type="from"
-            />
-            <SwapToggleButton />
-            <SwapAmountInput
-              label="Buy"
-              token={swappableTokens[2]}
-              type="to"
-            />
-            <SwapButton disabled />
-            <SwapMessage />
-            <SwapToast />
-          </Swap>
-        )
-      }
-      return <>
-        <Wallet>
-          <ConnectWallet>
-            <Avatar className="h-6 w-6" />
-            <Name />
-          </ConnectWallet>
-        </Wallet>
-      </>;
-    }}
-  </SwapWrapper>
-</App> */}
-
-### Remove toggle button
-
-You can remove `SwapToggleButton` to make swap unidirectional.
-
-```tsx
-import { Avatar, Name } from '@coinbase/onchainkit/identity';
-import {
-  Swap,
-  SwapAmountInput,
-  SwapToggleButton,
-  SwapButton,
-  SwapMessage,
-  SwapToast,
-} from '@coinbase/onchainkit/swap';
-import { Wallet, ConnectWallet } from '@coinbase/onchainkit/wallet';
-import { useAccount } from 'wagmi';
-import type { Token } from '@coinbase/onchainkit/token';
-
-export default function SwapComponents() {
-  const { address } = useAccount();
-
-  const ETHToken: Token = {
-    address: "",
-    chainId: 8453,
-    decimals: 18,
-    name: "Ethereum",
-    symbol: "ETH",
-    image: "https://dynamic-assets.coinbase.com/dbb4b4983bde81309ddab83eb598358eb44375b930b94687ebe38bc22e52c3b2125258ffb8477a5ef22e33d6bd72e32a506c391caa13af64c00e46613c3e5806/asset_icons/4113b082d21cc5fab17fc8f2d19fb996165bcce635e6900f7fc2d57c4ef33ae9.png",
-  };
-
-  const USDCToken: Token = {
-    address: "0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913",
-    chainId: 8453,
-    decimals: 6,
-    name: "USDC",
-    symbol: "USDC",
-    image: "https://dynamic-assets.coinbase.com/3c15df5e2ac7d4abbe9499ed9335041f00c620f28e8de2f93474a9f432058742cdf4674bd43f309e69778a26969372310135be97eb183d91c492154176d455b8/asset_icons/9d67b728b6c8f457717154b3a35f9ddc702eae7e76c4684ee39302c4d7fd0bb8.png",
-  };
-
-return (
-// ---cut-before---
-// omitted for brevity
-
-<Swap> // [!code focus]
-  <SwapAmountInput // [!code focus]
-    label="Sell" // [!code focus]
-    token={ETHToken} // [!code focus]
-    type="from" // [!code focus]
-  /> // [!code focus]
-  <SwapAmountInput // [!code focus]
-    label="Buy" // [!code focus]
-    token={USDCToken} // [!code focus]
-    type="to" // [!code focus]
-  /> // [!code focus]
-  <SwapButton /> // [!code focus]
-  <SwapMessage /> // [!code focus]
-  <SwapToast /> // [!code focus]
-</Swap> // [!code focus]
-// ---cut-after---
-);
-}
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-swap-swap--no-toggle&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="520px"
-/>
-{/* <App>
-  <SwapWrapper>
-    {({ address, swappableTokens }) => {
-      if (address) {
-        return (
-          <Swap>
-            <SwapAmountInput
-              label="Sell"
-              token={swappableTokens[1]}
-              type="from"
-            />
-            <SwapAmountInput
-              label="Buy"
-              token={swappableTokens[2]}
-              type="to"
-            />
-            <SwapButton disabled />
-            <SwapMessage />
-            <SwapToast />
-          </Swap>
-        )
-      }
-      return <>
-        <Wallet>
-          <ConnectWallet>
-            <Avatar className="h-6 w-6" />
-            <Name />
-          </ConnectWallet>
-        </Wallet>
-      </>;
-    }}
-  </SwapWrapper>
-</App> */}
-
-### Remove swap message
-
-You can remove `SwapMessage` component.
-
-```tsx
-import { Avatar, Name } from '@coinbase/onchainkit/identity';
-import {
-  Swap,
-  SwapAmountInput,
-  SwapToggleButton,
-  SwapButton,
-  SwapMessage,
-  SwapToast,
-} from '@coinbase/onchainkit/swap';
-import { Wallet, ConnectWallet } from '@coinbase/onchainkit/wallet';
-import { useAccount } from 'wagmi';
-import type { Token } from '@coinbase/onchainkit/token';
-
-export default function SwapComponents() {
-  const { address } = useAccount();
-
-  const ETHToken: Token = {
-    address: "",
-    chainId: 8453,
-    decimals: 18,
-    name: "Ethereum",
-    symbol: "ETH",
-    image: "https://dynamic-assets.coinbase.com/dbb4b4983bde81309ddab83eb598358eb44375b930b94687ebe38bc22e52c3b2125258ffb8477a5ef22e33d6bd72e32a506c391caa13af64c00e46613c3e5806/asset_icons/4113b082d21cc5fab17fc8f2d19fb996165bcce635e6900f7fc2d57c4ef33ae9.png",
-  };
-
-  const USDCToken: Token = {
-    address: "0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913",
-    chainId: 8453,
-    decimals: 6,
-    name: "USDC",
-    symbol: "USDC",
-    image: "https://dynamic-assets.coinbase.com/3c15df5e2ac7d4abbe9499ed9335041f00c620f28e8de2f93474a9f432058742cdf4674bd43f309e69778a26969372310135be97eb183d91c492154176d455b8/asset_icons/9d67b728b6c8f457717154b3a35f9ddc702eae7e76c4684ee39302c4d7fd0bb8.png",
-  };
-
-return (
-// ---cut-before---
-// omitted for brevity
-
-<Swap> // [!code focus]
-  <SwapAmountInput // [!code focus]
-    label="Sell" // [!code focus]
-    token={ETHToken} // [!code focus]
-    type="from" // [!code focus]
-  /> // [!code focus]
-  <SwapToggleButton />
-  <SwapAmountInput // [!code focus]
-    label="Buy" // [!code focus]
-    token={USDCToken} // [!code focus]
-    type="to" // [!code focus]
-  /> // [!code focus]
-  <SwapButton /> // [!code focus]
-  <SwapToast /> // [!code focus]
-</Swap> // [!code focus]
-// ---cut-after---
-);
-}
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-swap-swap--no-message&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="520px"
-/>
-{/* <App>
-  <SwapWrapper>
-    {({ address, swappableTokens }) => {
-      if (address) {
-        return (
-          <Swap>
-            <SwapAmountInput
-              label="Sell"
-              token={swappableTokens[1]}
-              type="from"
-            />
-            <SwapToggleButton />
-            <SwapAmountInput
-              label="Buy"
-              token={swappableTokens[2]}
-              type="to"
-            />
-            <SwapButton disabled />
-            <SwapToast />
-          </Swap>
-        )
-      }
-      return <>
-        <Wallet>
-          <ConnectWallet>
-            <Avatar className="h-6 w-6" />
-            <Name />
-          </ConnectWallet>
-        </Wallet>
-      </>;
-    }}
-  </SwapWrapper>
-</App> */}
-
-### Override styles
-
-You can override component styles using `className`.
-
-```tsx
-import { Avatar, Name } from '@coinbase/onchainkit/identity';
-import {
-  Swap,
-  SwapAmountInput,
-  SwapToggleButton,
-  SwapButton,
-  SwapMessage,
-  SwapToast,
-} from '@coinbase/onchainkit/swap';
-import { Wallet, ConnectWallet } from '@coinbase/onchainkit/wallet';
-import { useAccount } from 'wagmi';
-import type { Token } from '@coinbase/onchainkit/token';
-
-export default function SwapComponents() {
-  const { address } = useAccount();
-
-  const ETHToken: Token = {
-    address: "",
-    chainId: 8453,
-    decimals: 18,
-    name: "Ethereum",
-    symbol: "ETH",
-    image: "https://dynamic-assets.coinbase.com/dbb4b4983bde81309ddab83eb598358eb44375b930b94687ebe38bc22e52c3b2125258ffb8477a5ef22e33d6bd72e32a506c391caa13af64c00e46613c3e5806/asset_icons/4113b082d21cc5fab17fc8f2d19fb996165bcce635e6900f7fc2d57c4ef33ae9.png",
-  };
-
-  const USDCToken: Token = {
-    address: "0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913",
-    chainId: 8453,
-    decimals: 6,
-    name: "USDC",
-    symbol: "USDC",
-    image: "https://dynamic-assets.coinbase.com/3c15df5e2ac7d4abbe9499ed9335041f00c620f28e8de2f93474a9f432058742cdf4674bd43f309e69778a26969372310135be97eb183d91c492154176d455b8/asset_icons/9d67b728b6c8f457717154b3a35f9ddc702eae7e76c4684ee39302c4d7fd0bb8.png",
-  };
-
-return (
-// ---cut-before---
-// omitted for brevity
-
-<Swap>
-  <SwapAmountInput
-    label="Sell"
-    token={ETHToken}
-    type="from"
-  />
-  <SwapToggleButton className='border-[#EA580C]'/> // [!code focus]
-  <SwapAmountInput
-    label="Buy"
-    token={USDCToken}
-    type="to"
-  />
-  <SwapButton className='bg-[#EA580C]'/> // [!code focus]
-  <SwapMessage />
-  <SwapToast />
-</Swap>
-// ---cut-after---
-);
-}
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-swap-swap--styled&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="520px"
-/>
-{/* <App>
-  <SwapWrapper>
-    {({ address, swappableTokens }) => {
-      if (address) {
-        return (
-          <Swap>
-            <SwapAmountInput
-              label="Sell"
-              swappableTokens={swappableTokens}
-              token={swappableTokens[1]}
-              type="from"
-            />
-            <SwapToggleButton className='border-[#EA580C]' />
-            <SwapAmountInput
-              label="Buy"
-              swappableTokens={swappableTokens}
-              token={swappableTokens[2]}
-              type="to"
-            />
-            <SwapButton className='bg-[#EA580C]' disabled />
-            <SwapMessage/>
-            <SwapToast />
-          </Swap>
-        )
-      }
-      return <>
-        <Wallet>
-          <ConnectWallet>
-            <Avatar className="h-6 w-6" />
-            <Name />
-          </ConnectWallet>
-        </Wallet>
-      </>;
-    }}
-  </SwapWrapper>
-</App> */}
-
-## Components
-
-The components are designed to work together hierarchically. For each component, ensure the following:
-
-- `<Swap />` - Set the user's address and error handling.
-- `<SwapAmountInput />` - Set the [Token](/onchainkit/token/types#token) to swap and specify the input type (`from` or `to`).
-- `<SwapToggleButton />` - Optional component to toggle between input types.
-- `<SwapMessage />` - Optional component that displays a message related to the swap operation's current state.
-- `<SwapButton />` - Set the onSuccess and onError callbacks.
-- `<SwapToast />` - Optional component to notify user of successful swap transaction.
-
-## Props
-
-- [`SwapReact`](/onchainkit/swap/types#swapreact)
-- [`SwapDefaultReact`](/onchainkit/swap/types#swapdefaultreact)
-- [`SwapAmountInputReact`](/onchainkit/swap/types#swapamountinputreact)
-- [`SwapButtonReact`](/onchainkit/swap/types#swapbuttonreact)
-- [`SwapMessageReact`](/onchainkit/swap/types#swapmessagereact)
-- [`SwapToggleButtonReact`](/onchainkit/swap/types#swaptogglebuttonreact)
-- [`SwapToastReact`](/onchainkit/swap/types#swaptoastreactt)
-
diff --git a/docs/onchainkit/swap/types.mdx b/docs/onchainkit/swap/types.mdx
deleted file mode 100644
index f393079d3..000000000
--- a/docs/onchainkit/swap/types.mdx
+++ /dev/null
@@ -1,239 +0,0 @@
----
-title: Swap components & utilities Types
-description: Glossary of Types in Swap components & utilities.
-sidebarTitle: Swap
----
-
-## `Fee`
-
-```ts
-type Fee = {
-  amount: string; // The amount of the fee
-  baseAsset: Token; // The base asset for the fee
-  percentage: string; // The percentage of the fee
-};
-```
-
-## `QuoteWarning`
-
-```ts
-type QuoteWarning = {
-  description?: string; // The description of the warning
-  message?: string; // The message of the warning
-  type?: string; // The type of the warning
-};
-```
-
-## `LifecycleStatus`
-
-```ts
-type LifecycleStatusDataShared = {
-  isMissingRequiredField: boolean;
-  maxSlippage: number;
-};
-
-type LifecycleStatus =
-  | {
-      statusName: 'init';
-      statusData: LifecycleStatusDataShared;
-    }
-  | {
-      statusName: 'error';
-      statusData: SwapError & LifecycleStatusDataShared;
-    }
-  | {
-      statusName: 'amountChange';
-      statusData: {
-        amountFrom: string;
-        amountTo: string;
-        tokenFrom?: Token;
-        tokenTo?: Token;
-      } & LifecycleStatusDataShared;
-    }
-  | {
-      statusName: 'slippageChange';
-      statusData: LifecycleStatusDataShared;
-    }
-  | {
-      statusName: 'transactionPending';
-      statusData: LifecycleStatusDataShared;
-    }
-  | {
-      statusName: 'transactionApproved';
-      statusData: {
-        transactionHash: Hex;
-        transactionType: 'ERC20' | 'Permit2';
-      } & LifecycleStatusDataShared;
-    }
-  | {
-      statusName: 'success';
-      statusData: {
-        transactionReceipt: TransactionReceipt;
-      } & LifecycleStatusDataShared;
-    };
-```
-
-## `SwapAmountInputReact`
-
-```ts
-type SwapAmountInputReact = {
-  className?: string; // Optional className override for top div element.
-  delayMs?: number; // The debounce delay in milliseconds
-  label: string; // Descriptive label for the input field
-  swappableTokens?: Token[]; // Swappable tokens
-  token?: Token; // Selected token
-  type: 'to' | 'from'; // Identifies if component is for toToken or fromToken
-};
-```
-
-## `SwapButtonReact`
-
-```ts
-type SwapButtonReact = {
-  className?: string; // Optional className override for top div element.
-  disabled?: boolean; // Disables swap button
-};
-```
-
-## `SwapError`
-
-```ts
-type SwapError = {
-  code: string; // The error code representing the type of swap error.
-  error: string; // The error message providing details about the swap error.
-  message: string; // The error message providing details about the swap error.
-};
-```
-
-## `SwapMessageReact`
-
-```ts
-type SwapMessageReact = {
-  className?: string; // Optional className override for top div element.
-};
-```
-
-## `SwapQuote`
-
-```ts
-type SwapQuote = {
-  amountReference: string; // The reference amount for the quote
-  from: Token; // The source token for the swap
-  fromAmount: string; // The amount of the source token
-  fromAmountUSD: string; // The USD value of the source token
-  hasHighPriceImpact: boolean; // Whether the price impact is high
-  priceImpact: string; // The price impact of the swap
-  slippage: string; // The slippage of the swap
-  to: Token; // The destination token for the swap
-  toAmount: string; // The amount of the destination token
-  toAmountUSD: string; // The USD value of the destination token
-  warning?: QuoteWarning; // The warning associated with the quote
-};
-```
-
-## `SwapReact`
-
-```ts
-type SwapReact = {
-  children: ReactNode;
-  className?: string; // Optional className override for top div element.
-  config?: {
-    maxSlippage: number; // Maximum acceptable slippage for a swap (e.g., 3 for 3%). This is a percentage, not basis points;
-  };
-  experimental?: {
-    /**
-     * Whether to use a DEX aggregator.
-     * true - 0x Aggregator
-     * false - Uniswap V3
-     * @default false
-     */
-    useAggregator: boolean;
-  };
-  isSponsored?: boolean; // An optional setting to sponsor swaps with a Paymaster. (default: false)
-  onError?: (error: SwapError) => void; // An optional callback function that handles errors within the provider.
-  onStatus?: (lifecycleStatus: LifecycleStatus) => void; // An optional callback function that exposes the component lifecycle state
-  onSuccess?: (transactionReceipt: TransactionReceipt) => void; // An optional callback function that exposes the transaction receipt
-  title?: string; // Title for the Swap component. (default: "Swap")
-};
-```
-
-## `SwapDefaultReact`
-
-```ts
-export type SwapDefaultReact = {
-  to: Token[]; // Swappable tokens (first token in array will be initial token selected)
-  from: Token[]; // Swappable tokens (first token in array will be initial token selected)
-  disabled?: boolean; // Disables swap button
-} & Omit<SwapReact, 'children'>;
-```
-
-## `SwapSettingsReact`
-
-```ts
-type SwapSettingsReact = {
-  children: ReactNode;
-  className?: string; // Optional className override for top div element.
-  icon?: ReactNode; // Optional icon override
-  text?: string; // Optional text override
-};
-```
-
-## `SwapSettingsSlippageDescriptionReact`
-
-```ts
-type SwapSettingsSlippageDescriptionReact = {
-  children: ReactNode;
-  className?: string; // Optional className override for top div element.
-};
-```
-
-## `SwapSettingsSlippageInputReact`
-
-```ts
-type SwapSettingsSlippageInputReact = {
-  className?: string; // Optional className override for top div element.
-};
-```
-
-## `SwapSettingsSlippageTitleReact`
-
-```ts
-type SwapSettingsSlippageTitleReact = {
-  children: ReactNode;
-  className?: string; // Optional className override for top div element.
-};
-```
-
-## `SwapToastReact`
-
-```ts
-type SwapToastReact = {
-  className?: string; // An optional CSS class name for styling the toast component.
-  durationMs?: number; // An optional value to customize time until toast disappears
-  position?: 'top-center' | 'top-right' | 'bottom-center' | 'bottom-right'; // An optional position property to specify the toast's position on the screen.
-};
-```
-
-## `SwapToggleButtonReact`
-
-```ts
-type SwapToggleButtonReact = {
-  className?: string; // Optional className override for top div element.
-};
-```
-
-## `Transaction`
-
-```ts
-type Transaction = {
-  chainId: number; // The chain ID
-  data: Hex; // The data for the transaction
-  gas: bigint; // The gas limit
-  maxFeePerGas?: bigint | undefined; // The maximum fee per gas
-  maxPriorityFeePerGas?: bigint | undefined; // The maximum priority fee per gas
-  nonce?: number; // The nonce for the transaction
-  to: Address; // The recipient address
-  value: bigint; // The value of the transaction
-};
-```
-
diff --git a/docs/onchainkit/templates/onchain-commerce-app.mdx b/docs/onchainkit/templates/onchain-commerce-app.mdx
deleted file mode 100644
index d4c95b413..000000000
--- a/docs/onchainkit/templates/onchain-commerce-app.mdx
+++ /dev/null
@@ -1,4 +0,0 @@
----
-title: 'Onchain Commerce App'
-url: https://onchain-commerce-template.vercel.app/
----
diff --git a/docs/onchainkit/templates/onchain-nft-app.mdx b/docs/onchainkit/templates/onchain-nft-app.mdx
deleted file mode 100644
index 3c22dfa4c..000000000
--- a/docs/onchainkit/templates/onchain-nft-app.mdx
+++ /dev/null
@@ -1,4 +0,0 @@
----
-title: 'Onchain NFT App'
-url: https://ock-mint.vercel.app/
----
diff --git a/docs/onchainkit/templates/onchain-social-profile.mdx b/docs/onchainkit/templates/onchain-social-profile.mdx
deleted file mode 100644
index 330414aa0..000000000
--- a/docs/onchainkit/templates/onchain-social-profile.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
----
-title: 'Onchain Social Profile'
-url: https://github.com/fakepixels/ock-identity
----
-
diff --git a/docs/onchainkit/token/format-amount.mdx b/docs/onchainkit/token/format-amount.mdx
deleted file mode 100644
index bf70f6731..000000000
--- a/docs/onchainkit/token/format-amount.mdx
+++ /dev/null
@@ -1,30 +0,0 @@
----
-title: formatAmount
----
-
-
-The `formatAmount` utility is designed for consistent number formatting.
-
-## Usage
-
-<CodeGroup>
-```tsx code
-import { formatAmount } from '@coinbase/onchainkit/token';
-
-const amount = formatAmount('10000', { minimumFractionDigits: 2 });
-```
-
-```ts return value
-'10,000.00'; // if in U.S. English locale
-
-'10.000,00'; // if in EU country locale
-```
-</CodeGroup>
-
-## Returns
-
-`string` - The formatted amount.
-
-## Parameters
-
-[`FormatAmountOptions`](/onchainkit/token/types#formatamountoptions)
diff --git a/docs/onchainkit/token/token-chip.mdx b/docs/onchainkit/token/token-chip.mdx
deleted file mode 100644
index 813186423..000000000
--- a/docs/onchainkit/token/token-chip.mdx
+++ /dev/null
@@ -1,48 +0,0 @@
----
-title: "`<TokenChip />`"
----
-
-The `TokenChip` component is a button that displays the token symbol.
-
-## Usage
-
-```tsx
-// @noErrors: 2322 - type 'string' is not assignable to type 0x{string}
-import { TokenChip } from '@coinbase/onchainkit/token';
-import '@coinbase/onchainkit/styles.css';
-
-const token = {
-  address: '0x1234',
-  chainId: 1,
-  decimals: 18,
-  image:
-    'https://dynamic-assets.coinbase.com/dbb4b4983bde81309ddab83eb598358eb44375b930b94687ebe38bc22e52c3b2125258ffb8477a5ef22e33d6bd72e32a506c391caa13af64c00e46613c3e5806/asset_icons/4113b082d21cc5fab17fc8f2d19fb996165bcce635e6900f7fc2d57c4ef33ae9.png',
-  name: 'Ethereum',
-  symbol: 'ETH',
-};
-
-<TokenChip token={token} />; // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-token-chip--default&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <TokenChip
-    token={{
-      address: '0x1234',
-      chainId: 1,
-      decimals: 18,
-      image:
-        'https://dynamic-assets.coinbase.com/dbb4b4983bde81309ddab83eb598358eb44375b930b94687ebe38bc22e52c3b2125258ffb8477a5ef22e33d6bd72e32a506c391caa13af64c00e46613c3e5806/asset_icons/4113b082d21cc5fab17fc8f2d19fb996165bcce635e6900f7fc2d57c4ef33ae9.png',
-      name: 'Ethereum',
-      symbol: 'ETH',
-    }}
-  />
-</App> */}
-
-## Props
-
-[`TokenChipReact`](/onchainkit/token/types#tokenchipreact)
diff --git a/docs/onchainkit/token/token-image.mdx b/docs/onchainkit/token/token-image.mdx
deleted file mode 100644
index a160b80db..000000000
--- a/docs/onchainkit/token/token-image.mdx
+++ /dev/null
@@ -1,148 +0,0 @@
----
-title: "`<TokenImage />`"
----
-
-The `TokenImage` component is an image that crops token image to a circle with an adjustable size.
-
-With `token` props has no image, render partial token symbol and deterministic dark color.
-
-## Usage
-
-`TokenImage` with an url
-
-```tsx
-// @noErrors: 2739 - missing properties from Token
-import { TokenImage } from '@coinbase/onchainkit/token';
-<div>
-// ---cut-before---
-<TokenImage
-  token={{
-    image: "https://dynamic-assets.coinbase.com/dbb4b4983bde81309ddab83eb598358eb44375b930b94687ebe38bc22e52c3b2125258ffb8477a5ef22e33d6bd72e32a506c391caa13af64c00e46613c3e5806/asset_icons/4113b082d21cc5fab17fc8f2d19fb996165bcce635e6900f7fc2d57c4ef33ae9.png",
-  }}
-  size={24}
-/>
-
-<TokenImage
-  token={{
-    image: "https://dynamic-assets.coinbase.com/dbb4b4983bde81309ddab83eb598358eb44375b930b94687ebe38bc22e52c3b2125258ffb8477a5ef22e33d6bd72e32a506c391caa13af64c00e46613c3e5806/asset_icons/4113b082d21cc5fab17fc8f2d19fb996165bcce635e6900f7fc2d57c4ef33ae9.png",
-  }}
-  size={32}
-/>
-// ---cut-after---
-</div>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-token-image--default&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <div style={{ display: 'flex', gap: '8px', flexDirection: 'column'}}>
-    <TokenImage
-      token={{
-        name: 'Ethereum',
-        address: '',
-        symbol: 'ETH',
-        decimals: 18,
-        image: 'https://wallet-api-production.s3.amazonaws.com/uploads/tokens/eth_288.png',
-        chainId: 8453,
-      }}
-      size={24}
-    />
-
-    <TokenImage
-      token={{
-        name: 'Ethereum',
-        address: '',
-        symbol: 'ETH',
-        decimals: 18,
-        image: 'https://wallet-api-production.s3.amazonaws.com/uploads/tokens/eth_288.png',
-        chainId: 8453,
-      }}
-      size={32}
-    />
-
-  </div>
-</App> */}
-
-`TokenImage` with null as src
-
-```tsx
-import { TokenImage } from '@coinbase/onchainkit/token';
-<div>
-// ---cut-before---
-<TokenImage
-  token={{
-    name: 'USDC',
-    address: '0x833589fcd6edb6e08f4c7c32d4f71b54bda02913',
-    symbol: 'USDC',
-    decimals: 6,
-    image: null,
-    chainId: 8453,
-  }}
-  size={24}
-/>
-
-<TokenImage
-  token={{
-    name: 'USDC',
-    address: '0x833589fcd6edb6e08f4c7c32d4f71b54bda02913',
-    symbol: 'USDC',
-    decimals: 6,
-    image: null,
-    chainId: 8453,
-  }}
-  size={32}
-/>
-// ---cut-after---
-</div>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-token-image--null&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <div style={{ display: 'flex', gap: '8px', flexDirection: 'column'}}>
-    <TokenImage
-      token={{
-        name: 'USDC',
-        address: '0x833589fcd6edb6e08f4c7c32d4f71b54bda02913',
-        symbol: 'USDC',
-        decimals: 6,
-        image: null,
-        blockchain: 'eth',
-        chainId: 8453,
-      }}
-      size={24}
-    />
-
-    <TokenImage
-      token={{
-        name: 'USDC',
-        address: '0x833589fcd6edb6e08f4c7c32d4f71b54bda02913',
-        symbol: 'USDC',
-        decimals: 6,
-        image: null,
-        blockchain: 'eth',
-        chainId: 8453,
-      }}
-      size={32}
-    />
-
-  </div>
-</App> */}
-
-## Props
-
-[`TokenSelectorReact`](/onchainkit/token/types#tokenselectorreact)
-
-## CSS
-
-```css
-.ock-tokenimage {
-  @apply overflow-hidden rounded-[50%];
-}
-```
diff --git a/docs/onchainkit/token/token-row.mdx b/docs/onchainkit/token/token-row.mdx
deleted file mode 100644
index a727b83f2..000000000
--- a/docs/onchainkit/token/token-row.mdx
+++ /dev/null
@@ -1,186 +0,0 @@
----
-title: "`<TokenRow />`"
----
-
-The `TokenRow` component displays token information in a row format to be used in list components.
-
-## Usage
-
-Token with an image url
-
-```tsx
-// @noErrors: 1109 - Expression expected
-import { TokenRow } from '@coinbase/onchainkit/token';
-
-const token = { ... };
-
-<TokenRow token={token} />; // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-token-row--default&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <TokenRow
-    token={{
-      address: '0x1234',
-      chainId: 1,
-      decimals: 18,
-      image:
-        'https://dynamic-assets.coinbase.com/dbb4b4983bde81309ddab83eb598358eb44375b930b94687ebe38bc22e52c3b2125258ffb8477a5ef22e33d6bd72e32a506c391caa13af64c00e46613c3e5806/asset_icons/4113b082d21cc5fab17fc8f2d19fb996165bcce635e6900f7fc2d57c4ef33ae9.png',
-      name: 'Ethereum',
-      symbol: 'ETH',
-    }}
-  />
-</App> */}
-
-Token without an image url
-
-```tsx
-// @noErrors: 1109 - Expression expected
-import { TokenRow } from '@coinbase/onchainkit/token';
-
-const token = { ... };
-
-<TokenRow token={token} />; // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-token-row--null&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <TokenRow
-    token={{
-      address: '0x1234',
-      chainId: 1,
-      decimals: 18,
-      image: null,
-      name: 'Ethereum',
-      symbol: 'ETH',
-    }}
-    amount="1000.00234"
-  />
-</App> */}
-
-Token with an amount
-
-```tsx
-// @noErrors: 1109 - Expression expected
-import { TokenRow } from '@coinbase/onchainkit/token';
-
-const token = { ... };
-
-<TokenRow token={token} amount="1000" />; // [!code focus]
-<TokenRow token={token} amount="0.00234567" />; // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-token-row--amount&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <TokenRow
-    token={{
-      address: '0x1234',
-      chainId: 1,
-      decimals: 18,
-      image:
-        'https://dynamic-assets.coinbase.com/dbb4b4983bde81309ddab83eb598358eb44375b930b94687ebe38bc22e52c3b2125258ffb8477a5ef22e33d6bd72e32a506c391caa13af64c00e46613c3e5806/asset_icons/4113b082d21cc5fab17fc8f2d19fb996165bcce635e6900f7fc2d57c4ef33ae9.png',
-      name: 'Ethereum',
-      symbol: 'ETH',
-    }}
-    amount="1000"
-  />
-  <TokenRow
-    token={{
-      address: '0x1234',
-      chainId: 1,
-      decimals: 18,
-      image:
-        'https://dynamic-assets.coinbase.com/dbb4b4983bde81309ddab83eb598358eb44375b930b94687ebe38bc22e52c3b2125258ffb8477a5ef22e33d6bd72e32a506c391caa13af64c00e46613c3e5806/asset_icons/4113b082d21cc5fab17fc8f2d19fb996165bcce635e6900f7fc2d57c4ef33ae9.png',
-      name: 'Ethereum',
-      symbol: 'ETH',
-    }}
-    amount="0.00234567"
-  />
-</App> */}
-
-Variations with `hideImage` and `hideSymbol`
-
-```tsx
-// @noErrors: 1109 - Expression expected
-import { TokenRow } from '@coinbase/onchainkit/token';
-
-const token = { ... };
-
-<TokenRow token={token} hideSymbol />; // [!code focus]
-<TokenRow token={token} hideImage />; // [!code focus]
-<TokenRow token={token} hideSymbol hideImage />; // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-token-row--hide-symbol&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <TokenRow
-    token={{
-      address: '0x1234',
-      chainId: 1,
-      decimals: 18,
-      image:
-        'https://dynamic-assets.coinbase.com/dbb4b4983bde81309ddab83eb598358eb44375b930b94687ebe38bc22e52c3b2125258ffb8477a5ef22e33d6bd72e32a506c391caa13af64c00e46613c3e5806/asset_icons/4113b082d21cc5fab17fc8f2d19fb996165bcce635e6900f7fc2d57c4ef33ae9.png',
-      name: 'Ethereum',
-      symbol: 'ETH',
-    }}
-    hideSymbol
-  /> */}
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-token-row--hide-image&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-
-{/* <TokenRow
-  token={{
-    address: '0x1234',
-    chainId: 1,
-    decimals: 18,
-    image:
-      'https://dynamic-assets.coinbase.com/dbb4b4983bde81309ddab83eb598358eb44375b930b94687ebe38bc22e52c3b2125258ffb8477a5ef22e33d6bd72e32a506c391caa13af64c00e46613c3e5806/asset_icons/4113b082d21cc5fab17fc8f2d19fb996165bcce635e6900f7fc2d57c4ef33ae9.png',
-    name: 'Ethereum',
-    symbol: 'ETH',
-  }}
-  hideImage
-/> */}
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-token-row--hide-both&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-  {/* <TokenRow
-    token={{
-      address: '0x1234',
-      chainId: 1,
-      decimals: 18,
-      image:
-        'https://dynamic-assets.coinbase.com/dbb4b4983bde81309ddab83eb598358eb44375b930b94687ebe38bc22e52c3b2125258ffb8477a5ef22e33d6bd72e32a506c391caa13af64c00e46613c3e5806/asset_icons/4113b082d21cc5fab17fc8f2d19fb996165bcce635e6900f7fc2d57c4ef33ae9.png',
-      name: 'Ethereum',
-      symbol: 'ETH',
-    }}
-    hideSymbol
-    hideImage
-  />
-</App> */}
-
-## Props
-
-[`TokenRowReact`](/onchainkit/token/types#tokenrowreact)
diff --git a/docs/onchainkit/token/token-search.mdx b/docs/onchainkit/token/token-search.mdx
deleted file mode 100644
index 2f2b68840..000000000
--- a/docs/onchainkit/token/token-search.mdx
+++ /dev/null
@@ -1,55 +0,0 @@
----
-title: "`<TokenSearch />`"
----
-
-The `<TokenSearch />` is a search component with an optional debounce delay.
-
-If you want to handle debounce delay outside of this component, set `delayMs` to `0`.
-
-## Usage
-
-Use [`getTokens`](/onchainkit/api/get-tokens) and `<TokenSearch />` combined to search the [`Token`](/onchainkit/token/types#token).
-
-```tsx
-// @noErrors: 7006 2322 1128 - 'value' implicitly has any type, Type GetTokensResponse is not assignable to type Token[]
-import { useCallback } from 'react';
-import { base } from 'viem/chains';
-// ---cut-before---
-import { OnchainKitProvider } from '@coinbase/onchainkit';
-import { getTokens } from '@coinbase/onchainkit/api'; // [!code focus]
-import { TokenSearch } from '@coinbase/onchainkit/token'; // [!code focus]
-import type { Token } from '@coinbase/onchainkit/token'; // [!code focus]
-
-...
-
-// example of async onChange handler
-const handleChange = useCallback((value: string) => {
-  async function getData(value) {
-    const tokens: Token[] = await getTokens({ search: value }); // [!code focus]
-    // Do something with tokens here
-  }
-  getData(value);
-}, []);
-
-...
-
-<OnchainKitProvider
-  chain={base}
-  apiKey="YOUR_API_KEY"
->
-  <TokenSearch onChange={handleChange} delayMs={200} />
-</OnchainKitProvider>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-token-search--default&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <TokenSearch onChange={(value) => console.log('Search term:', value)} delayMs={200} />
-</App> */}
-
-## Props
-
-[`TokenSearchReact`](/onchainkit/token/types#tokensearchreact)
diff --git a/docs/onchainkit/token/token-select-dropdown.mdx b/docs/onchainkit/token/token-select-dropdown.mdx
deleted file mode 100644
index 820783f83..000000000
--- a/docs/onchainkit/token/token-select-dropdown.mdx
+++ /dev/null
@@ -1,103 +0,0 @@
----
-title: "`<TokenSelectDropdown />`"
----
-
-The `TokenSelectDropdown` component is a dropdown component that selects a token in a given list of tokens.
-
-## Usage
-
-```tsx
-import { TokenSelectDropdown, Token } from '@coinbase/onchainkit/token';
-const token = {} as Token;
-const setToken = (token: Token) => {};
-// ---cut-before---
-<TokenSelectDropdown // [!code focus]
-  token={token} // [!code focus]
-  setToken={setToken} // [!code focus]
-  options={[ // [!code focus]
-    {
-      name: 'Ethereum',
-      address: '',
-      symbol: 'ETH',
-      decimals: 18,
-      image: 'https://wallet-api-production.s3.amazonaws.com/uploads/tokens/eth_288.png',
-      chainId: 8453,
-    },
-    {
-      name: 'USDC',
-      address: '0x833589fcd6edb6e08f4c7c32d4f71b54bda02913',
-      symbol: 'USDC',
-      decimals: 6,
-      image:
-        'https://d3r81g40ycuhqg.cloudfront.net/wallet/wais/44/2b/442b80bd16af0c0d9b22e03a16753823fe826e5bfd457292b55fa0ba8c1ba213-ZWUzYjJmZGUtMDYxNy00NDcyLTg0NjQtMWI4OGEwYjBiODE2',
-      chainId: 8453,
-    },
-    {
-      name: 'Dai',
-      address: '0x50c5725949a6f0c72e6c4a641f24049a917db0cb',
-      symbol: 'DAI',
-      decimals: 18,
-      image:
-        'https://d3r81g40ycuhqg.cloudfront.net/wallet/wais/d0/d7/d0d7784975771dbbac9a22c8c0c12928cc6f658cbcf2bbbf7c909f0fa2426dec-NmU4ZWViMDItOTQyYy00Yjk5LTkzODUtNGJlZmJiMTUxOTgy',
-      chainId: 8453,
-    },
-  ]} // [!code focus]
-/> // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-token-selectordropdown--default&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <TokenSelectorContainer>
-    {(token, setToken) => (
-      <TokenSelectDropdown
-        token={token}
-        setToken={setToken}
-        options={[
-          {
-            name: 'Ethereum',
-            address: '',
-            symbol: 'ETH',
-            decimals: 18,
-            image: 'https://wallet-api-production.s3.amazonaws.com/uploads/tokens/eth_288.png',
-            chainId: 8453,
-          },
-          {
-            name: 'USDC',
-            address: '0x833589fcd6edb6e08f4c7c32d4f71b54bda02913',
-            symbol: 'USDC',
-            decimals: 6,
-            image:
-              'https://d3r81g40ycuhqg.cloudfront.net/wallet/wais/44/2b/442b80bd16af0c0d9b22e03a16753823fe826e5bfd457292b55fa0ba8c1ba213-ZWUzYjJmZGUtMDYxNy00NDcyLTg0NjQtMWI4OGEwYjBiODE2',
-            chainId: 8453,
-          },
-          {
-            name: 'Dai',
-            address: '0x50c5725949a6f0c72e6c4a641f24049a917db0cb',
-            symbol: 'DAI',
-            decimals: 18,
-            image:
-              'https://d3r81g40ycuhqg.cloudfront.net/wallet/wais/d0/d7/d0d7784975771dbbac9a22c8c0c12928cc6f658cbcf2bbbf7c909f0fa2426dec-NmU4ZWViMDItOTQyYy00Yjk5LTkzODUtNGJlZmJiMTUxOTgy',
-            chainId: 8453,
-          },
-        ]}
-      />
-    )}
-  </TokenSelectorContainer>
-</App> */}
-
-## Props
-
-[`TokenSelectDropdownReact`](/onchainkit/token/types#tokenselectdropdownreact)
-
-## CSS
-
-```css
-.ock-scrollbar {
-  scrollbar-width: thin;
-  scrollbar-color: #d1d5db #ffffff;
-}
-```
diff --git a/docs/onchainkit/token/types.mdx b/docs/onchainkit/token/types.mdx
deleted file mode 100644
index 8523b5692..000000000
--- a/docs/onchainkit/token/types.mdx
+++ /dev/null
@@ -1,109 +0,0 @@
----
-title: Token components & utilities Types
-description: Glossary of Types in Token components & utilities.
-sidebarTitle: Token
----
-
-## `FormatAmountOptions`
-
-```ts
-type FormatAmountOptions = {
-  locale?: string; // User locale (default: browser locale)
-  minimumFractionDigits?: number; // Minimum fraction digits for number decimals (default: 0)
-  maximumFractionDigits?: number; // Maximum fraction digits for number decimals (default: 0)
-};
-```
-
-## `FormatAmountResponse`
-
-```ts
-type FormatAmountResponse = string; // See Number.prototype.toLocaleString for more info
-```
-
-## `Token`
-
-```ts
-type Token = {
-  address: Address; // The address of the token contract
-  chainId: number; // The chain id of the token contract
-  decimals: number; // The number of token decimals
-  image: string | null; // A string url of the token logo
-  name: string;
-  symbol: string; // A ticker symbol or shorthand, up to 11 characters
-};
-```
-
-## `TokenChipReact`
-
-```ts
-type TokenChipReact = {
-  token: Token; // Rendered token
-  onClick?: (token: Token) => void;
-  className?: string;
-  isPressable?: boolean; // Default: true
-};
-```
-
-## `TokenImageReact`
-
-```ts
-type TokenImageReact = {
-  className?: string; // Optional additional CSS class to apply to the component
-  size?: number; // size of the image in px (default: 24)
-  token: Token;
-};
-```
-
-## `TokenRowReact`
-
-```ts
-type TokenRowReact = {
-  amount?: string; // Token amount
-  className?: string;
-  hideImage?: boolean;
-  hideSymbol?: boolean;
-  onClick?: (token: Token) => void; // Component on click handler
-  token: Token; // Rendered token
-};
-```
-
-## `TokenSearchReact`
-
-```ts
-type TokenSearchReact = {
-  className?: string;
-  delayMs?: number; // Debounce delay in milliseconds
-  onChange: (value: string) => void; // Search callback function
-};
-```
-
-## `TokenSelectButtonReact`
-
-```ts
-type TokenSelectDropdownReact = {
-  className?: string;
-  isOpen: boolean; // Determines carot icon direction
-  onClick: () => void; // Button on click handler
-  token?: Token; // Selected token
-};
-```
-
-## `TokenSelectDropdownReact`
-
-```ts
-type TokenSelectDropdownReact = {
-  options: Token[]; // List of tokens
-  setToken: (token: Token) => void; // Token setter
-  token?: Token; // Selected token
-};
-```
-
-## `TokenSelectModalReact`
-
-```ts
-type TokenSelectModalReact = {
-  options: Token[]; // List of tokens
-  setToken: (token: Token) => void; // Token setter
-  token?: Token; // Selected token
-};
-```
diff --git a/docs/onchainkit/transaction/transaction.mdx b/docs/onchainkit/transaction/transaction.mdx
deleted file mode 100644
index f1ce6d906..000000000
--- a/docs/onchainkit/transaction/transaction.mdx
+++ /dev/null
@@ -1,394 +0,0 @@
----
-title: <Transaction /> · OnchainKit
-sidebarTitle: <Transaction />
-description: The `<Transaction />` components provide a high-level wrap around the entire transaction flow. It handles the transaction lifecycle, including gas estimation, fee sponsorship, and status updates.
----
-
-The `<Transaction />` components provide a high-level wrap around the entire transaction flow.
-It handles the transaction lifecycle, including gas estimation, fee sponsorship, and status updates.
-
-Before using them, ensure you've completed all [Getting Started steps](/onchainkit/getting-started).
-
-## Quick start
-
-The `Transaction` component now supports a simplified shorthand version to streamline the integration process for developers. Instead of manually defining each subcomponent and prop, you can render `Transaction` without children, and it will automatically include our suggested implementation — complete with the `TransactionButton` and `TransactionToast` components.
-
-If you'd like more customization, follow the implementation guide for our `Transaction` components below.
-
-```tsx
-// @noErrors: 1109 - Cannot find name 'contracts'
-import { Transaction } from "@coinbase/onchainkit/transaction"
-
-const calls = [...];
-
-<Transaction calls={calls} />
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-transaction--default&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="auto"
-/>
-{/* <App>
-  <TransactionWrapper>
-    {({ address, contracts, onStatus }) => {
-      if (address) {
-        return (
-          <Transaction
-            isSponsored={true}
-            chainId={BASE_SEPOLIA_CHAIN_ID}
-            calls={contracts}
-            onStatus={onStatus}
-          />
-        )
-      } else {
-        return (
-          <Wallet>
-            <ConnectWallet>
-              <Avatar className="h-6 w-6" />
-              <Name />
-            </ConnectWallet>
-          </Wallet>
-        )
-      }
-    }}
-  </TransactionWrapper>
-</App> */}
-
-### Props
-
-[`TransactionReact`](/onchainkit/transaction/types#transactionreact)
-
-## Walkthrough
-
-<Steps>
-  <Step title="Add calls">
-  Execute one or multiple transactions using the Transaction component. You can pass transactions in either `Call` or `ContractFunctionParameters` format. The component will automatically apply batching logic if the user's wallet supports it.
-
-  #### Types
-
-  - [`ContractFunctionParameters`](https://github.com/wevm/viem/blob/ce1b8aff4d4523d3a324e500261c8c0867fd35e9/src/types/contract.ts#L188)
-  - [`Call`](/onchainkit/transaction/types#call)
-
-  <CodeGroup>
-  ```tsx TransactionComponents.tsx
-  // @noErrors: 2307
-  import { useCallback } from 'react';
-  import { Avatar, Name } from '@coinbase/onchainkit/identity';
-  import { // [!code focus]
-    Transaction, // [!code focus]
-    TransactionButton,
-    TransactionSponsor,
-    TransactionStatus,
-    TransactionStatusAction,
-    TransactionStatusLabel,
-  } from '@coinbase/onchainkit/transaction'; // [!code focus]
-  import type { LifecycleStatus } from '@coinbase/onchainkit/transaction';
-  import { Wallet, ConnectWallet } from '@coinbase/onchainkit/wallet';
-  import { useAccount } from 'wagmi';
-  import { calls } from '@/calls'; // [!code focus]
-
-  // ---cut-start---
-
-  const BASE_SEPOLIA_CHAIN_ID = 84532;
-  // ---cut-end---
-
-  export default function TransactionComponents() {
-    const { address } = useAccount();
-
-    const handleOnStatus = useCallback((status: LifecycleStatus) => {
-      console.log('LifecycleStatus', status);
-    }, []);
-
-    return address ? (
-      <Transaction // [!code focus]
-        chainId={BASE_SEPOLIA_CHAIN_ID} // [!code focus]
-        calls={calls} // [!code focus]
-        onStatus={handleOnStatus} // [!code focus]
-      >
-        <TransactionButton />
-        <TransactionSponsor />
-        <TransactionStatus>
-          <TransactionStatusLabel />
-          <TransactionStatusAction />
-        </TransactionStatus>
-      </Transaction> // [!code focus]
-    ) : (
-      <Wallet>
-        <ConnectWallet>
-          <Avatar className='h-6 w-6' />
-          <Name />
-        </ConnectWallet>
-      </Wallet>
-    );
-  };
-  ```
-
-  ```ts calls.ts
-  const clickContractAddress = '0x67c97D1FB8184F038592b2109F854dfb09C77C75';
-  const clickContractAbi = [
-    {
-      type: 'function',
-      name: 'click',
-      inputs: [],
-      outputs: [],
-      stateMutability: 'nonpayable',
-    },
-  ] as const;
-
-  export const calls = [
-    {
-      address: clickContractAddress,
-      abi: clickContractAbi,
-      functionName: 'click',
-      args: [],
-    }
-  ];
-  ```
-  </CodeGroup>
-
-  <iframe
-    src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-transaction--types&viewMode=story&dark=true&hero=true"
-    width="100%"
-    height="auto"
-  />
-  {/* <App>
-    <TransactionWrapper>
-      {({ address, contracts, onStatus }) => {
-        if (address) {
-          return (
-            <Transaction
-              isSponsored={true}
-              chainId={BASE_SEPOLIA_CHAIN_ID}
-              contracts={contracts}
-              onStatus={onStatus}
-            >
-              <TransactionButton />
-              <TransactionSponsor />
-              <TransactionStatus>
-                <TransactionStatusLabel />
-                <TransactionStatusAction />
-              </TransactionStatus>
-            </Transaction>
-          )
-        } else {
-          return (
-            <Wallet>
-              <ConnectWallet>
-                <Avatar className="h-6 w-6" />
-                <Name />
-              </ConnectWallet>
-            </Wallet>
-          )
-        }
-      }}
-
-    </TransactionWrapper>
-  </App> */}
-
-  </Step>
-  <Step title="Listen to LifecycleStatus">
-  Take full control of your transactions data with the `LifecycleStatus` object via the `onStatus` prop.
-  This TypeScript object provides `statusName` and `statusData` to keep you informed.
-
-  ```tsx
-  // @noErrors: 2307
-  import { useCallback } from 'react';
-  import {
-    Transaction,
-    TransactionButton,
-    TransactionSponsor,
-    TransactionStatus,
-    TransactionToast,
-    TransactionToastIcon,
-    TransactionToastLabel,
-    TransactionToastAction,
-  } from '@coinbase/onchainkit/transaction';
-  import {contracts} from '@/contracts';
-  // ---cut-before---
-
-  import type { LifecycleStatus } from '@coinbase/onchainkit/transaction'; // [!code focus]
-
-  // omitted for brevity
-
-  const handleOnStatus = useCallback((status: LifecycleStatus) => {  // [!code focus]
-    console.log('Transaction status:', status); // [!code focus]
-  }, []); // [!code focus]
-
-  // omitted for brevity
-
-  // Usage in component
-  <Transaction  // [!code focus]
-    contracts={contracts}
-    onStatus={handleOnStatus} // [!code focus]
-  >
-    <TransactionButton />
-    <TransactionSponsor />
-    <TransactionToast>
-      <TransactionToastIcon />
-      <TransactionToastLabel />
-      <TransactionToastAction />
-    </TransactionToast>
-  </Transaction>
-  ```
-
-  The Lifecycle Status features seven states for the transaction experience.
-
-  ```ts
-  import type { TransactionError } from "@coinbase/onchainkit/transaction";
-  import type { Address, TransactionReceipt } from "viem";
-  // ---cut-before---
-  type LifecycleStatus =
-    | {
-        statusName: 'init';
-        statusData: null;
-      }
-    | {
-        statusName: 'error';
-        statusData: TransactionError;
-      }
-    | {
-        statusName: 'transactionIdle'; // initial status prior to the mutation function executing
-        statusData: null;
-      }
-    | {
-        statusName: 'buildingTransaction'; // resolving calls or contracts promise
-        statusData: null;
-      }
-    | {
-        statusName: 'transactionPending'; // if the mutation is currently executing
-        statusData: null;
-      }
-    | {
-        statusName: 'transactionLegacyExecuted';
-        statusData: {
-          transactionHashList: string[];
-        };
-      }
-    | {
-        statusName: 'success'; // if the last mutation attempt was successful
-        statusData: {
-          transactionReceipts: TransactionReceipt[];
-        };
-      };
-  ```
-  </Step>
-  <Step title="Sponsor with Paymaster capabilities">
-  To sponsor your transactions with Paymaster capabilities, configure your [`OnchainKitProvider`](/onchainkit/config/onchainkit-provider) with the appropriate `config.paymaster` URL, then pass `isSponsored={true}` to the `Transaction` component.
-
-  Obtain a Paymaster and Bundler endpoint from the [Coinbase Developer Platform](https://portal.cdp.coinbase.com/products/bundler-and-paymaster).
-
-  <Frame>
-  <img
-    alt="OnchainKit Paymaster and Bundler endpoint"
-    title="OnchainKit Paymaster and Bundler endpoint"
-    src="/images/onchainkit/onchainkit-components-paymaster-endpoint.png"
-    width="702"
-    loading="lazy"
-  />
-  </Frame>
-
-  ```tsx
-  // @noErrors:  2304 17008 1005
-  <OnchainKitProvider
-    config={{ // [!code focus]
-      paymaster: process.env.PAYMASTER_ENDPOINT, // [!code focus]
-    }} // [!code focus]
-  >
-  ```
-
-  Next, pass `isSponsored={true}` to the `Transaction` component.
-
-  ```tsx
-  // @noErrors: 2580 2304 2322 - Cannot find name 'process', Cannot find name 'contracts'
-  import { Transaction, TransactionButton, TransactionSponsor } from "@coinbase/onchainkit/transaction"
-  // ---cut-before---
-  // omitted for brevity
-  <Transaction
-    isSponsored={true} // [!code focus]
-    contracts={contracts} // [!code focus]
-  >
-    <TransactionButton />
-    <TransactionSponsor />
-  </Transaction>
-  ```
-  </Step>
-</Steps>
-
-
-### Using `calls` with Promises
-
-`Calls` also accepts asynchronous functions that are resolved on each button click. This can be useful if you're calling an API to retrieve transaction data.
-
-These functions must resolve to `Call[]` or `ContractFunctionParameters[]`.
-
-In the example the calls data will be fetched from api.transaction.com when the user clicks the Transaction Button.
-
-```tsx
-// @noErrors: 2322
-import { Transaction, TransactionButton, LifecycleStatus} from '@coinbase/onchainkit/transaction';
-import { baseSepolia } from 'wagmi/chains';
-
-// ---cut-before---
-
-const callsCallback = async () => { // [!code focus]
-  const res = await fetch('api.transaction.com/createTransaction'); // [!code focus]
-  const callData = await res.json(); // [!code focus]
-  return callData; // [!code focus]
-} // [!code focus]
-
-export default function TransactionWithCalls() {
-
-  return (
-    <Transaction
-      chainId={baseSepolia.id}
-      calls={callsCallback} // [!code focus]
-      onStatus={(status: LifecycleStatus) => console.log('Transaction status:', status)}
-    >
-      <TransactionButton />
-    </Transaction>
-  );
-}
-```
-
-## Components
-
-<Frame>
-<div className="flex flex-col max-w-[648px] gap-6">
-  <img
-    src="/images/onchainkit/onchainkit-components-transaction-anatomy.png"
-    alt="OnchainKit transaction anatomy component diagram"
-    title="Visual breakdown of OnchainKit transaction components"
-    width="648"
-    loading="lazy"
-  />
-</div>
-</Frame>
-
-The components are designed to work together hierarchically. For each component, ensure the following:
-
-- `<Transaction />` - Serves as the main container for all transaction-related components.
-- `<TransactionButton />` - Handles the transaction initiation process.
-- `<TransactionSponsor />` - Displays information about the sponsorship of transaction gas fees.
-- `<TransactionStatus />` - Contains transaction status information and actions.
-- `<TransactionStatusLabel />` - Displays the current status of the transaction.
-- `<TransactionStatusAction />` - Provides additional actions based on the transaction status.
-- `<TransactionToast />` - Displays a toast notification for the transaction status.
-- `<TransactionToastIcon />` - Displays an icon in the transaction toast notification.
-- `<TransactionToastLabel />` - Displays the label text in the transaction toast notification.
-- `<TransactionToastAction />` - Provides additional actions within the transaction toast notification.
-
-## Component types
-
-- [`TransactionButtonReact`](/onchainkit/transaction/types#transactionbuttonreact)
-- [`TransactionError`](/onchainkit/transaction/types#transactionerror)
-- [`TransactionDefaultReact`](/onchainkit/transaction/types#transactiondefaultreact)
-- [`TransactionReact`](/onchainkit/transaction/types#transactionreact)
-- [`TransactionSponsorReact`](/onchainkit/transaction/types#transactionsponsorreact)
-- [`TransactionStatusReact`](/onchainkit/transaction/types#transactionstatusreact)
-- [`TransactionStatusActionReact`](/onchainkit/transaction/types#transactionstatusactionreact)
-- [`TransactionStatusLabelReact`](/onchainkit/transaction/types#transactionstatuslabelreact)
-- [`TransactionToastReact`](/onchainkit/transaction/types#transactiontoastreact)
-- [`TransactionToastActionReact`](/onchainkit/transaction/types#transactiontoastactionreact)
-- [`TransactionToastIconReact`](/onchainkit/transaction/types#transactiontoasticonreact)
-- [`TransactionToastLabelReact`](/onchainkit/transaction/types#transactiontoastlabelreact)
diff --git a/docs/onchainkit/transaction/types.mdx b/docs/onchainkit/transaction/types.mdx
deleted file mode 100644
index 7da773cf1..000000000
--- a/docs/onchainkit/transaction/types.mdx
+++ /dev/null
@@ -1,204 +0,0 @@
----
-title: Transaction components & utilities Types
-description: Glossary of Types in Transaction components & utilities.
-sidebarTitle: Transaction
----
-
-## `Call`
-
-```ts
-type Call = { to: Hex; data?: Hex; value?: bigint };
-```
-
-## `Calls`
-
-```ts
-type Calls = Call[] | Promise<Call[]> | (() => Promise<Call[]>);
-```
-
-## `Contracts`
-
-```ts
-type Contracts =
-  | ContractFunctionParameters[]
-  | Promise<ContractFunctionParameters[]>
-  | (() => Promise<ContractFunctionParameters[]>);
-```
-
-## `LifecycleStatus`
-
-```ts
-type LifecycleStatus =
-  | {
-      statusName: 'init';
-      statusData: null;
-    }
-  | {
-      statusName: 'error';
-      statusData: TransactionError;
-    }
-  | {
-      statusName: 'transactionIdle'; // initial status prior to the mutation function executing
-      statusData: null;
-    }
-  | {
-      statusName: 'buildingTransaction'; // resolving calls or contracts promise
-      statusData: null;
-    }
-  | {
-      statusName: 'transactionPending'; // if the mutation is currently executing
-      statusData: null;
-    }
-  | {
-      statusName: 'transactionLegacyExecuted';
-      statusData: {
-        transactionHashList: Address[];
-      };
-    }
-  | {
-      statusName: 'success'; // if the last mutation attempt was successful
-      statusData: {
-        transactionReceipts: TransactionReceipt[];
-      };
-    };
-```
-
-## `TransactionButtonReact`
-
-```ts
-type TransactionButtonReact = {
-  className?: string; // An optional CSS class name for styling the button component.
-  disabled?: boolean; // A optional prop to disable the submit button
-  text?: string; // An optional text to be displayed in the button component.
-};
-```
-
-## `TransactionError`
-
-```ts
-type TransactionError = {
-  code: string; // The error code representing the type of transaction error.
-  error: string; // The error message providing details about the transaction error.
-  message: string; // The error message providing details about the transaction error.
-};
-```
-
-## `TransactionReact`
-
-```ts
-type TransactionReact = {
-  calls?: Calls | Contracts | (Call | ContractFunctionParameters)[]; // An array of calls to be made in the transaction.
-  isSponsored?: boolean; // Whether or not the transaction is sponsored.
-  /** @deprecated Use `isSponsored` instead. */
-  capabilities?: WalletCapabilities; // Capabilities that a wallet supports (e.g. paymasters, session keys, etc).
-  chainId?: number; // The chainId for the transaction.
-  className?: string; // An optional CSS class name for styling the component.
-  contracts?: Calls | Contracts | (Call | ContractFunctionParameters)[]; // An array of calls to be made in the transaction.
-  onError?: (e: TransactionError) => void; // An optional callback function that handles transaction errors.
-  onStatus?: (lifecycleStatus: LifecycleStatus) => void; // An optional callback function that exposes the component lifecycle state
-  onSuccess?: (response: TransactionResponse) => void; // An optional callback function that exposes the transaction receipts
-} & (
-  | {
-      children: ReactNode;
-      /** An optional prop to disable submit button. Only available when children are not provided. */
-      disabled?: never;
-    }
-  | {
-      children?: never;
-      /** An optional prop to disable submit button. Only available when children are not provided. */
-      disabled?: boolean;
-    }
-);
-```
-
-## `TransactionDefaultReact`
-
-```ts
-export type TransactionDefaultReact = {
-  disabled?: boolean;
-} & Omit<TransactionReact, 'children'>;
-```
-
-## `TransactionResponse`
-
-```ts
-type TransactionResponse = {
-  transactionReceipts: TransactionReceipt[]; // An array containing the transaction receipts
-};
-```
-
-## `TransactionSponsorReact`
-
-```ts
-type TransactionSponsorReact = {
-  className?: string; // An optional CSS class name for styling the sponsor component.
-};
-```
-
-## `TransactionStatusReact`
-
-```ts
-type TransactionStatusReact = {
-  children?: ReactNode; // The child components to be rendered within the status component.
-  className?: string; // An optional CSS class name for styling the status component.
-};
-```
-
-## `TransactionStatusActionReact`
-
-```ts
-type TransactionStatusActionReact = {
-  className?: string; // An optional CSS class name for styling.
-};
-```
-
-## `TransactionStatusLabelReact`
-
-```ts
-type TransactionStatusLabelReact = {
-  className?: string; // An optional CSS class name for styling.
-};
-```
-
-## `TransactionToastReact`
-
-```ts
-type TransactionToastReact = {
-  children?: ReactNode; // The child components to be rendered within the toast component.
-  className?: string; // An optional CSS class name for styling the toast component.
-  durationMs?: number; // An optional value to customize time until toast disappears
-  position?: 'top-center' | 'top-right' | 'bottom-center' | 'bottom-right'; // An optional position property to specify the toast's position on the screen.
-};
-```
-
-## `TransactionToastActionReact`
-
-```ts
-type TransactionToastActionReact = {
-  className?: string; // An optional CSS class name for styling.
-};
-```
-
-## `TransactionToastIconReact`
-
-```ts
-type TransactionToastIconReact = {
-  className?: string; // An optional CSS class name for styling.
-};
-```
-
-## `TransactionToastLabelReact`
-
-```ts
-type TransactionToastLabelReact = {
-  className?: string; // An optional CSS class name for styling.
-};
-```
-
-## `WalletCapabilities`
-
-```ts
-type WalletCapabilities = {
-  paymasterService?: PaymasterService;
-};
-```
diff --git a/docs/onchainkit/use-coinbase-smart-wallet-and-eoas.mdx b/docs/onchainkit/use-coinbase-smart-wallet-and-eoas.mdx
deleted file mode 100644
index d3bd85b4b..000000000
--- a/docs/onchainkit/use-coinbase-smart-wallet-and-eoas.mdx
+++ /dev/null
@@ -1,215 +0,0 @@
----
-title: 'Use the Coinbase Smart Wallet and EOAs with OnchainKit'
-description: Learn how to use OnchainKit to easily handle the Coinbase Smart Wallet and EOA wallets including the Coinbase wallet, at the same time.
----
-
-import { Danger } from "/snippets/danger.mdx";
-
-The [Coinbase Smart Wallet] is a great way to onboard new users to onchain apps, and offers a number of experiential improvements to existing crypto users as well. As we're in a period of adoption and transition, a pain point has developed where a user with both the Smart Wallet and a browser-extension EOA can't always select the wallet they want while connecting to an app.
-
-In this tutorial, you'll learn how to more easily improve that experience by using the [Wallet] component from [OnchainKit] to connect your users to your app.
-
-## Objectives
-
-By the end of this tutorial, you should be able to:
-
-- Create a connection experience using the `Wallet` component from [OnchainKit]
-- Customize the `Wallet` component to allow your users to connect from a chosen list of wallets
-- Give users the option to select the [Coinbase Smart Wallet] or EOA while connecting to your app with RainbowKit
-
-## Prerequisites
-
-### Be familiar with modern, frontend web development
-
-In this tutorial, you'll be working with a React frontend built with [Next.js]. While you don't need to be an expert, we'll assume that you're comfortable with the basics.
-
-### Possess a general understanding of the EVM and smart contract development
-
-This tutorial assumes that you're reasonably comfortable writing basic smart contracts. If you're just getting started, jump over to our [Base Learn] guides and start learning!
-
-### Understand providers and connectors
-
-You'll need to be familiar with how to connect an onchain app to the blockchain with a provider. If you're not, start with the [Onchain App Development] section of [Base Learn], or at least complete the tutorial [Introduction to Providers].
-
-### Coinbase Wallets
-
-You need to have both the [Coinbase Wallet] and [Coinbase Smart Wallet] for this tutorial. You need to set up the [Coinbase Wallet] in advance, but you can create a smart wallet during the tutorial.
-
-## The Default Experience
-
-Begin by using the [Onchain App Template] to quickstart a new app. Click the green `Use this template` button, create a new repo, and clone it.
-
-You'll need a [WalletConnect] id if you don't have one already. Obtain it, the duplicate `.env.local.example` and rename it `.env.local`. Change `NEXT_PUBLIC_WC_PROJECT_ID` to your id.
-
-Then install dependencies, and run the app.
-
-```bash
-bun install
-bun run dev
-```
-
-<Note>
-To bring the world onchain, we'll need to speak in terms people are already comfortable with. Consider using `Log In` rather than `Connect Wallet`!
-</Note>
-
-
-The demo app contains sections showing a number of [OnchainKit] components, including the [Wallet]. Click `Log In` in your browser with the Coinbase wallet extension present, select `Coinbase Wallet`, and you'll get the expected experience for an EOA wallet user with the browser extension.
-
-<Frame>
-![Default eoa](/images/smart-wallet/onchainkit-default-eoa.png)
-</Frame>
-
-Next, open the app in a private browser window with extensions disabled, and try again. This time, you'll get the Smart Wallet experience. If you don't have one already, you can create one now. They're neat!
-
-<Frame>
-![Default smart wallet](/images/smart-wallet/onchainkit-default-smart.png)
-</Frame>
-
-## Customizing the List of Wallets
-
-You can customize the list of wallets with the [Wallet Aggregator].
-
-### Setting Up the Wallet Aggregator
-
-Open `src/app/page.tsx`. Here, you find the root page for the app. You can see the `<WalletWrapper />`, which is what you used to log in and out.
-
-Open `src/components/WalletWrapper.tsx`, and `src/wagmi.ts`. Take a quick look at `WalletWrapper`. It's a robust implementation of several [OnchainKit] components that shows how you can create a login experience that works well for all types of users, and provides the `<Identity>` component once logged in.
-
-You can customize this by making some changes to `wagmi.ts`.
-
-Start with `wagmi.ts`. Update it import the [RainbowKit] connectors for the wallets you want to use (We just picked the ones at the end of the supported list. Do your homework on which wallets to support!):
-
-```tsx
-import { http, createConfig } from 'wagmi';
-import { baseSepolia } from 'wagmi/chains';
-import {
-  coinbaseWallet,
-  metaMaskWallet,
-  rainbowWallet,
-  uniswapWallet,
-  walletConnectWallet,
-  xdefiWallet,
-  zerionWallet,
-} from '@rainbow-me/rainbowkit/wallets';
-import { connectorsForWallets } from '@rainbow-me/rainbowkit';
-```
-
-Then, update the `connectorsForWallets` to use the wallets you've selected in the groupings of your choice:
-
-```tsx
-const connectors = connectorsForWallets(
-  [
-    {
-      groupName: 'Recommended Wallet',
-      wallets: [coinbaseWallet],
-    },
-    {
-      groupName: 'Other Wallets',
-      wallets: [rainbowWallet, metaMaskWallet, walletConnectWallet],
-    },
-    {
-      groupName: 'U Wallets',
-      wallets: [uniswapWallet],
-    },
-    {
-      groupName: 'X Wallets',
-      wallets: [xdefiWallet],
-    },
-    {
-      groupName: 'Z Wallets',
-      wallets: [zerionWallet],
-    },
-  ],
-  {
-    appName: 'onchainkit',
-    projectId,
-  },
-);
-```
-
-Try connecting again. You'll see your updated list with the wallets organized to your preference!
-
-<Frame>
-![Customized List](/images/smart-wallet/customized-wallet-list.png)
-</Frame>
-
-## Tuning the Coinbase Wallet Connection
-
-<Danger>
-If you've already connected with the site, the below won't work unless you clear site data! It will appear that the flag does nothing.
-
-In Chrome: Developer Tools -> Application Tab -> Storage Tab -> Clear Site Data button
-In Firefox: Developer Tools -> Storage -> Right-click each item -> Delete All
-</Danger>
-
-
-With RainbowKit, you can force the connector to use the smart wallet or EOA with:
-
-```tsx
-coinbaseWallet.preference = 'smartWalletOnly';
-```
-
-And:
-
-```tsx
-coinbaseWallet.preference = 'eoaOnly';
-```
-
-The default is:
-
-```tsx
-coinbaseWallet.preference = 'all';
-```
-
-Set this line at the root level of `wagmi.ts`, under the imports:
-
-```tsx
-import { http, createConfig } from 'wagmi';
-import { baseSepolia } from 'wagmi/chains';
-import {
-  coinbaseWallet,
-  metaMaskWallet,
-  rainbowWallet,
-  walletConnectWallet,
-} from '@rainbow-me/rainbowkit/wallets';
-import { connectorsForWallets } from '@rainbow-me/rainbowkit';
-
-coinbaseWallet.preference = 'all';
-```
-
-The `all` setting exhibits the behavior you've observed before. If the EOA is present, it will be used. Otherwise, the Smart Wallet UI/UX will pop up.
-
-You can use these settings to direct users of your app to your preferred use case, or tie it to a UI element to give them a choice.
-
-<Note>
-The Coinbase Smart Wallet will support user-selected choice of which wallet to use soon!
-</Note>
-
-
-## Conclusion
-
-In this tutorial, you've learned how to use [OnchainKit] to log your users into your onchain app. You've also learned how to customize the connection experience with [RainbowKit], enabling your users a broader choice of which wallet to use with your app and making sure all are able to enjoy it.
-
----
-
-[Base Learn]: https://base.org/learn
-[Next.js]: https://nextjs.org/
-[RainbowKit]: https://rainbowkit.com/
-[wagmi]: https://wagmi.sh/
-[viem]: https://viem.sh/
-[quick start]: https://www.rainbowkit.com/docs/installation
-[WalletConnect]: https://cloud.reown.com/
-[smart contract development]: https://base.org/learn
-[Base]: /base-chain/quickstart/use-base
-[smart contract development]: https://base.org/camp
-[`createConfig`]: https://wagmi.sh/react/api/createConfig
-[Introduction to Providers]: ./intro-to-providers
-[Onchain App Development]: /learn/frontend-setup/overview
-[Coinbase Wallet]: https://www.coinbase.com/wallet
-[Coinbase Smart Wallet]: https://www.coinbase.com/wallet/smart-wallet
-[custom wallet list]: https://www.rainbowkit.com/docs/custom-wallet-list
-[OnchainKit]: https://onchainkit.xyz/?utm_source=basedocs&utm_medium=tutorials&campaign=smart-wallet-and-eoa-with-onchainkit
-[Wallet]: https://onchainkit.xyz/wallet/wallet
-[Onchain App Template]: https://github.com/coinbase/onchain-app-template
-[Wallet Aggregator]: https://onchainkit.xyz/wallet/wallet#use-wallet-aggregator
-
diff --git a/docs/onchainkit/wallet/is-valid-aa-entrypoint.mdx b/docs/onchainkit/wallet/is-valid-aa-entrypoint.mdx
deleted file mode 100644
index c5fdd12a8..000000000
--- a/docs/onchainkit/wallet/is-valid-aa-entrypoint.mdx
+++ /dev/null
@@ -1,35 +0,0 @@
----
-title: isValidAAEntrypoint
----
-
-
-The `isValidAAEntrypoint` utility is designed to verify the Account-Abstraction entrypoint before sponsoring a transaction.
-
-## Usage
-
-<CodeGroup>
-```tsx code
-import { isValidAAEntrypoint } from '@coinbase/onchainkit/wallet';
-
-const AAImplementationAddress = '0x123';
-const isValid = isValidAAEntrypoint({ entrypoint: AAImplementationAddress });
-
-if (isValid) {
-  console.log('The entrypoint is valid.');
-} else {
-  console.log('Invalid entrypoint.');
-}
-```
-
-```ts return value
-true;
-```
-</CodeGroup>
-
-## Returns
-
-`boolean` - Returns `true` if the account abstraction entrypoint address is v06, otherwise `false`.
-
-## Parameters
-
-[`isValidAAEntrypointOptions`](/onchainkit/wallet/types#isvalidaaentrypointoptions)
diff --git a/docs/onchainkit/wallet/is-wallet-a-coinbase-smart-wallet.mdx b/docs/onchainkit/wallet/is-wallet-a-coinbase-smart-wallet.mdx
deleted file mode 100644
index 33fbf15dd..000000000
--- a/docs/onchainkit/wallet/is-wallet-a-coinbase-smart-wallet.mdx
+++ /dev/null
@@ -1,44 +0,0 @@
----
-title: isWalletACoinbaseSmartWallet
----
-
-
-The `isWalletACoinbaseSmartWallet` utility is designed to verify if a given sender address is a Smart Wallet proxy with the expected implementation before sponsoring a transaction.
-
-## Usage
-
-<CodeGroup>
-```tsx code
-// @noErrors: 2352 2801 2719 2305
-import { isWalletACoinbaseSmartWallet } from '@coinbase/onchainkit/wallet';
-import { http } from 'viem';
-import { baseSepolia } from 'viem/chains';
-import type { UserOperation } from 'permissionless';
-import { type PublicClient, createPublicClient } from 'viem';
-
-export const publicClient = createPublicClient({
-  chain: baseSepolia,
-  transport: http(),
-});
-
-const userOperation = { sender: '0x123' } as UserOperation<'v0.6'>;
-
-if (isWalletACoinbaseSmartWallet({ client: publicClient, userOp: userOperation })) {
-  console.log('The sender address is a valid smart wallet proxy.');
-} else {
-  console.log('The sender address is not a valid smart wallet proxy.');
-}
-```
-
-```ts return value
-true;
-```
-</CodeGroup>
-
-## Returns
-
-[`IsWalletACoinbaseSmartWalletResponse`](/onchainkit/wallet/types#iswalletacoinbasesmartwalletresponse)
-
-## Parameters
-
-[`isWalletACoinbaseSmartWalletOptions`](/onchainkit/wallet/types#iswalletacoinbasesmartwalletoptions)
diff --git a/docs/onchainkit/wallet/types.mdx b/docs/onchainkit/wallet/types.mdx
deleted file mode 100644
index 7c938bd2d..000000000
--- a/docs/onchainkit/wallet/types.mdx
+++ /dev/null
@@ -1,180 +0,0 @@
----
-title: Wallet components & utilities types
-sidebarTitle: Wallet
-description: Glossary of Types in Wallet components & utilities.
----
-
-## `ConnectWalletReact`
-
-```ts
-type ConnectWalletReact = {
-  children?: React.ReactNode; // Children can be utilized to display customized content when the wallet is connected.
-  className?: string; // Optional className override for button element
-  text?: string; // Optional text override for button. Note: Prefer using `disconnectedLabel` prop instead as this will be deprecated in a future version.
-  disconnectedLabel?: React.ReactNode; // Optional text override for button.
-  onConnect?: () => void; // Optional callback function that is called when the wallet is connected. Can be used to trigger SIWE prompts or other actions.
-};
-```
-
-## `IsValidAAEntrypointOptions`
-
-```ts
-export type IsValidAAEntrypointOptions = {
-  entrypoint: string;
-};
-```
-
-## `IsWalletACoinbaseSmartWalletOptions`
-
-```ts
-export type IsWalletACoinbaseSmartWalletOptions = {
-  client: PublicClient;
-  userOp: UserOperation<'v0.6'>;
-};
-```
-
-## `IsWalletACoinbaseSmartWalletResponse`
-
-```ts
-export type IsWalletACoinbaseSmartWalletResponse =
-  | { isCoinbaseSmartWallet: true }
-  | { isCoinbaseSmartWallet: false; error: string; code: string };
-```
-
-## `WalletContextType`
-
-```ts
-type WalletContextType = {
-  address?: Address | null; // The Ethereum address to fetch the avatar and name for.
-  chain?: Chain; // Optional chain for domain resolution
-  isConnectModalOpen: boolean;
-  setIsConnectModalOpen: Dispatch<SetStateAction<boolean>>;
-  isSubComponentOpen: boolean;
-  setIsSubComponentOpen: Dispatch<SetStateAction<boolean>>;
-  isSubComponentClosing: boolean;
-  setIsSubComponentClosing: Dispatch<SetStateAction<boolean>>;
-  handleClose: () => void;
-  connectRef: React.RefObject<HTMLDivElement>;
-  showSubComponentAbove: boolean;
-  alignSubComponentRight: boolean;
-  activeFeature: WalletAdvancedFeature | null;
-  setActiveFeature: Dispatch<SetStateAction<WalletAdvancedFeature | null>>;
-  isActiveFeatureClosing: boolean;
-  setIsActiveFeatureClosing: Dispatch<SetStateAction<boolean>>;
-  tokenBalances: PortfolioTokenWithFiatValue[] | undefined;
-  portfolioFiatValue: number | undefined;
-  isFetchingPortfolioData: boolean;
-  portfolioDataUpdatedAt: number | undefined;
-  refetchPortfolioData: () => Promise<QueryObserverResult<Portfolio, Error>>;
-  animations: {
-    container: string;
-    content: string;
-  };
-};
-```
-
-## `WalletReact`
-
-```ts
-type WalletReact = {
-  children?: React.ReactNode;
-  className?: string;
-} & (
-  | { draggable?: true; draggableStartingPosition?: { x: number; y: number } }
-  | { draggable?: false; draggableStartingPosition?: never }
-); // discriminated union to allow for optional draggable and draggableStartingPosition
-```
-
-## `WalletDropdownBasenameReact`
-
-```ts
-type WalletDropdownBasenameReact = {
-  className?: string; // Optional className override for the element
-};
-```
-
-## `WalletDropdownReact`
-
-```ts
-type WalletDropdownReact = {
-  children?: React.ReactNode;
-  className?: string; // Optional className override for top div element;
-  classNames?: {
-    container?: string;
-    qr?: WalletAdvancedQrReceiveProps['classNames'];
-    swap?: WalletAdvancedSwapProps['classNames'];
-  };
-  swappableTokens?: Token[];
-};
-```
-
-## `WalletDropdownDisconnectReact`
-
-```ts
-export type WalletDropdownDisconnectReact = {
-  className?: string; // Optional className override for the element
-  text?: string; // Optional text override for the button
-};
-```
-
-## `WalletDropdownFundLinkReact`
-
-```ts
-export type WalletDropdownFundLinkReact = {
-  className?: string; // Optional className override for the element
-  icon?: ReactNode; // Optional icon override
-  openIn?: 'popup' | 'tab'; // Whether to open the funding flow in a tab or a popup window
-  popupSize?: 'sm' | 'md' | 'lg'; // Size of the popup window if `openIn` is set to `popup`
-  rel?: string; // Specifies the relationship between the current document and the linked document
-  target?: string; // Where to open the target if `openIn` is set to tab
-  text?: string; // Optional text override
-};
-```
-
-## `WalletDropdownLinkReact`
-
-```ts
-export type WalletDropdownLinkReact = {
-  children: string;
-  className?: string; // Optional className override for the element
-  href: string;
-  icon?: 'wallet' & ReactNode;
-  rel?: string;
-  target?: string;
-};
-```
-
-## `WalletAdvancedReact`
-
-```ts
-export type WalletAdvancedReact = {
-  children?: React.ReactNode;
-  swappableTokens?: Token[];
-};
-```
-
-## `WalletAdvancedContextType`
-
-```ts
-export type WalletAdvancedContextType = {
-  showSwap: boolean;
-  setShowSwap: Dispatch<SetStateAction<boolean>>;
-  isSwapClosing: boolean;
-  setIsSwapClosing: Dispatch<SetStateAction<boolean>>;
-  showQr: boolean;
-  setShowQr: Dispatch<SetStateAction<boolean>>;
-  isQrClosing: boolean;
-  setIsQrClosing: Dispatch<SetStateAction<boolean>>;
-  tokenBalances: PortfolioTokenWithFiatValue[] | undefined;
-  portfolioFiatValue: number | undefined;
-  isFetchingPortfolioData: boolean;
-  portfolioDataUpdatedAt: number | undefined;
-  refetchPortfolioData: () => Promise<
-    QueryObserverResult<PortfolioTokenBalances, Error>
-  >;
-  animations: {
-    container: string;
-    content: string;
-  };
-};
-```
diff --git a/docs/onchainkit/wallet/wallet-dropdown-basename.mdx b/docs/onchainkit/wallet/wallet-dropdown-basename.mdx
deleted file mode 100644
index 947c91226..000000000
--- a/docs/onchainkit/wallet/wallet-dropdown-basename.mdx
+++ /dev/null
@@ -1,114 +0,0 @@
----
-title: <WalletDropdownBasename />
----
-
-The `WalletDropdownBasename` component adds a [Basename](https://www.base.org/names) tab to the Wallet Component. This tab serves two purposes:
-
-1. For users with a Basename: It provides a link to their Basename profile page.
-2. For users without a Basename: It provides a link to a page where they can create one.
-
-This component enhances the wallet interface by providing easy access to Basename functionality, whether for viewing an existing profile or setting up a new one.
-
-## Usage
-
-```tsx
-import {
-  Address,
-  Avatar,
-  Name,
-  Identity,
-  EthBalance,
-} from '@coinbase/onchainkit/identity';
-import { color } from '@coinbase/onchainkit/theme';
-import {
-  ConnectWallet,
-  Wallet,
-  WalletDropdown,
-  WalletDropdownBasename, // [!code focus]
-  WalletDropdownDisconnect,
-} from '@coinbase/onchainkit/wallet';
-
-export function WalletComponents() {
-  return (
-    <div className="flex justify-end">
-      <Wallet>
-        <ConnectWallet>
-          <Avatar className="h-6 w-6" />
-          <Name />
-        </ConnectWallet>
-        <WalletDropdown>
-          <Identity className="px-4 pt-3 pb-2" hasCopyAddressOnClick>
-            <Avatar />
-            <Name />
-            <Address className={color.foregroundMuted} />
-            <EthBalance />
-          </Identity>
-          <WalletDropdownBasename />
-          <WalletDropdownDisconnect />
-        </WalletDropdown>
-      </Wallet>
-    </div>
-  );
-}
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-basename--main&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="400"
-/>
-{/* <WalletComponents>
-  <Wallet>
-    <ConnectWallet text="Log In">
-      <Avatar className="h-6 w-6" />
-      <Name />
-    </ConnectWallet>
-    <WalletDropdown>
-      <Identity className="px-4 pt-3 pb-2" hasCopyAddressOnClick>
-        <Avatar />
-        <Name />
-        <Address className={color.foregroundMuted} />
-        <EthBalance />
-      </Identity>
-      <WalletDropdownBasename />
-      <WalletDropdownDisconnect />
-    </WalletDropdown>
-  </Wallet>
-</WalletComponents> */}
-
-### Override styles
-
-You can override component styles using `className`.
-
-```tsx
-// omitted for brevity
-
-<WalletDropdownBasename className="hover:bg-red-500" /> // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-basename--override-styles&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="400"
-/>
-{/* <WalletComponents>
-  <Wallet>
-    <ConnectWallet text="Log In">
-      <Avatar className="h-6 w-6" />
-      <Name />
-    </ConnectWallet>
-    <WalletDropdown>
-      <Identity className="px-4 pt-3 pb-2" hasCopyAddressOnClick>
-        <Avatar />
-        <Name />
-        <Address className={color.foregroundMuted} />
-        <EthBalance />
-      </Identity>
-      <WalletDropdownBasename className="hover:bg-red-500"/>
-      <WalletDropdownDisconnect />
-    </WalletDropdown>
-  </Wallet>
-</WalletComponents> */}
-
-## Props
-- [`WalletDropdownBasenameReact`](/onchainkit/wallet/types#walletdropdownbasenamereact)
diff --git a/docs/onchainkit/wallet/wallet-dropdown-disconnect.mdx b/docs/onchainkit/wallet/wallet-dropdown-disconnect.mdx
deleted file mode 100644
index 2d083272f..000000000
--- a/docs/onchainkit/wallet/wallet-dropdown-disconnect.mdx
+++ /dev/null
@@ -1,138 +0,0 @@
----
-title: <WalletDropdownDisconnect />
----
-
-The `WalletDropdownDisconnect` component is used to disconnect the wallet from the application.
-
-## Usage
-
-```tsx
-import {
-  Address,
-  Avatar,
-  Name,
-  Identity,
-  EthBalance,
-} from '@coinbase/onchainkit/identity';
-import { color } from '@coinbase/onchainkit/theme';
-import {
-  ConnectWallet,
-  Wallet,
-  WalletDropdown,
-  WalletDropdownDisconnect, // [!code focus]
-} from '@coinbase/onchainkit/wallet';
-
-export function WalletComponents() {
-  return (
-    <div className="flex justify-end">
-      <Wallet>
-        <ConnectWallet>
-          <Avatar className="h-6 w-6" />
-          <Name />
-        </ConnectWallet>
-        <WalletDropdown>
-          <Identity className="px-4 pt-3 pb-2" hasCopyAddressOnClick>
-            <Avatar />
-            <Name />
-            <Address className={color.foregroundMuted} />
-            <EthBalance />
-          </Identity>
-          <WalletDropdownDisconnect />
-        </WalletDropdown>
-      </Wallet>
-    </div>
-  );
-}
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-disconnect--main&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="400"
-/>
-{/* <WalletComponents>
-  <Wallet>
-    <ConnectWallet>
-      <Avatar className="h-6 w-6" />
-      <Name />
-    </ConnectWallet>
-    <WalletDropdown>
-      <Identity className="px-4 pt-3 pb-2" hasCopyAddressOnClick>
-        <Avatar />
-        <Name />
-        <Address className={color.foregroundMuted} />
-        <EthBalance />
-      </Identity>
-      <WalletDropdownDisconnect />
-    </WalletDropdown>
-  </Wallet>
-</WalletComponents> */}
-
-### Override styles
-
-You can override component styles using `className`.
-
-```tsx
-// omitted for brevity
-
-<WalletDropdownDisconnect className="hover:bg-red-500" /> // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-disconnect--override-styles&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="400"
-/>
-{/* <WalletComponents>
-  <Wallet>
-    <ConnectWallet text="Log In">
-      <Avatar className="h-6 w-6" />
-      <Name />
-    </ConnectWallet>
-    <WalletDropdown>
-      <Identity className="px-4 pt-3 pb-2" hasCopyAddressOnClick>
-        <Avatar />
-        <Name />
-        <Address className={color.foregroundMuted} />
-        <EthBalance />
-      </Identity>
-      <WalletDropdownDisconnect className="hover:bg-red-500" />
-    </WalletDropdown>
-  </Wallet>
-</WalletComponents> */}
-
-### Override text
-
-You can override component text using `text`.
-
-```tsx
-// omitted for brevity
-
-<WalletDropdownDisconnect text="Log out" /> // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-disconnect--override-text&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="400"
-/>
-{/* <WalletComponents>
-  <Wallet>
-    <ConnectWallet text="Log In">
-      <Avatar className="h-6 w-6" />
-      <Name />
-    </ConnectWallet>
-    <WalletDropdown>
-      <Identity className="px-4 pt-3 pb-2" hasCopyAddressOnClick>
-        <Avatar />
-        <Name />
-        <Address className={color.foregroundMuted} />
-        <EthBalance />
-      </Identity>
-      <WalletDropdownDisconnect text="Log out" />
-    </WalletDropdown>
-  </Wallet>
-</WalletComponents> */}
-
-## Props
-- [`WalletDropdownDisconnectReact`](/onchainkit/wallet/types#walletdropdowndisconnectreact)
diff --git a/docs/onchainkit/wallet/wallet-dropdown-fund-link.mdx b/docs/onchainkit/wallet/wallet-dropdown-fund-link.mdx
deleted file mode 100644
index 9caaaf792..000000000
--- a/docs/onchainkit/wallet/wallet-dropdown-fund-link.mdx
+++ /dev/null
@@ -1,226 +0,0 @@
----
-title: Wallet Components & Utilities · OnchainKit
-sidebarTitle: Wallet Components & Utilities
-description: Introduction to Wallet Components & Utilities
----
-
-The `WalletDropdownFundLink` works just like the [`FundButton`](/onchainkit/fund/fund-button) except that it's inside your wallet
-dropdown menu.
-
-If your user connects a Coinbase Smart Wallet, it provides an easy way to access the Coinbase Smart Wallet
-[Fund](https://keys.coinbase.com/fund) flow. Users will be able to buy and receive crypto, or use their Coinbase
-balances onchain with [Magic Spend](https://www.smartwallet.dev/guides/magic-spend).
-
-If your user connects any other EOA wallet, it provides an easy way to access [Coinbase Onramp](https://docs.cdp.coinbase.com/onramp/docs/welcome/)
-where your users will also be able to buy crypto using a fiat payment method, or transfer existing crypto from their
-Coinbase account.
-
-<Tip>
-**Coinbase Onramp Support**
-
-If you would like to provide non Coinbase Smart Wallet users with an easy way to access Coinbase Onramp, please make
-sure you go through the `FundButton` [walkthrough](/onchainkit/fund/fund-button#walkthrough) to configure your Project ID. Otherwise
-only Coinbase Smart Wallet users will be able to use the `WalletDropdownFundLink`.
-</Tip>
-
-
-## Usage
-
-```tsx
-import {
-  ConnectWallet,
-  Wallet,
-  WalletDropdown,
-  WalletDropdownDisconnect,
-  WalletDropdownFundLink, // [!code focus]
-} from '@coinbase/onchainkit/wallet'; // [!code focus]
-import {
-  Address,
-  Avatar,
-  Name,
-  Identity,
-  EthBalance,
-} from '@coinbase/onchainkit/identity';
-import { color } from '@coinbase/onchainkit/theme';
-
-export function WalletComponents() {
-  return (
-    <div className="flex justify-end">
-      <Wallet>
-        <ConnectWallet>
-          <Avatar className="h-6 w-6" />
-          <Name />
-        </ConnectWallet>
-        <WalletDropdown>
-          <Identity className="px-4 pt-3 pb-2" hasCopyAddressOnClick>
-            <Avatar />
-            <Name />
-            <Address />
-            <EthBalance />
-          </Identity>
-          <WalletDropdownFundLink />
-          <WalletDropdownDisconnect />
-        </WalletDropdown>
-      </Wallet>
-    </div>
-  );
-}
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-fundlink--main&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="400"
-/>
-{/* <WalletComponents>
-  <Wallet>
-    <ConnectWallet>
-      <Avatar className="h-6 w-6" />
-      <Name />
-    </ConnectWallet>
-    <WalletDropdown>
-      <Identity className="px-4 pt-3 pb-2" hasCopyAddressOnClick>
-        <Avatar />
-        <Name />
-        <Address className={color.foregroundMuted} />
-        <EthBalance />
-      </Identity>
-      <WalletDropdownFundLink />
-      <WalletDropdownDisconnect />
-    </WalletDropdown>
-  </Wallet>
-</WalletComponents> */}
-
-### Override text
-
-You can override component text using the `text` prop.
-
-```tsx
-<WalletDropdownFundLink text="Add crypto" /> // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-fundlink--override-text&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="400"
-/>
-{/* <WalletComponents>
-  <Wallet>
-    <ConnectWallet>
-      <Avatar className="h-6 w-6" />
-      <Name />
-    </ConnectWallet>
-    <WalletDropdown>
-      <WalletDropdownFundLink text="Add crypto" />
-      <WalletDropdownDisconnect />
-    </WalletDropdown>
-  </Wallet>
-</WalletComponents> */}
-
-### Override icon
-
-You can override the icon using the `icon` prop.
-
-```tsx
-<WalletDropdownFundLink icon={<walletDropdownLinkCustomBaseIconSvg />} /> // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-fundlink--override-icon&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="400"
-/>
-{/* <WalletComponents>
-  <Wallet>
-    <ConnectWallet>
-      <Avatar className="h-6 w-6" />
-      <Name />
-    </ConnectWallet>
-    <WalletDropdown>
-      <WalletDropdownFundLink icon={<walletDropdownLinkCustomBaseIconSvg />} />
-      <WalletDropdownDisconnect />
-    </WalletDropdown>
-  </Wallet>
-</WalletComponents> */}
-
-### Customizing the popup size
-
-You're able to customize the size of the popup window using the `popupSize` prop. Valid values are `sm`, `md`, and `lg`.
-
-```tsx
-<WalletDropdownFundLink popupSize="sm" /> // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-fundlink--pop-up-size&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="400"
-/>
-{/* <WalletComponents>
-  <Wallet>
-    <ConnectWallet>
-      <Avatar className="h-6 w-6" />
-      <Name />
-    </ConnectWallet>
-    <WalletDropdown>
-      <WalletDropdownFundLink popupSize="sm" />
-      <WalletDropdownDisconnect />
-    </WalletDropdown>
-  </Wallet>
-</WalletComponents> */}
-
-### Override default behavior
-
-You can override default link behavior by using the `openIn` prop. Valid values are `popup` and `tab`.
-
-```tsx
-<WalletDropdownFundLink openIn="tab" target="_blank" /> // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-fundlink--override-default-behavior&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="400"
-/>
-{/* <WalletComponents>
-  <Wallet>
-    <ConnectWallet>
-      <Avatar className="h-6 w-6" />
-      <Name />
-    </ConnectWallet>
-    <WalletDropdown>
-      <WalletDropdownFundLink openIn="tab" target="_blank" />
-      <WalletDropdownDisconnect />
-    </WalletDropdown>
-  </Wallet>
-</WalletComponents> */}
-
-### Override funding URL
-
-You can override the default URL by using the `fundingUrl` prop.
-
-```tsx
-<WalletDropdownFundLink fundingUrl={"https://base.org"} openIn="tab" target="_blank" /> // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-fundlink--override-funding-url&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="400"
-/>
-{/* <WalletComponents>
-  <Wallet>
-    <ConnectWallet>
-      <Avatar className="h-6 w-6" />
-      <Name />
-    </ConnectWallet>
-    <WalletDropdown>
-      <WalletDropdownFundLink fundingUrl={"https://base.org"} openIn="tab" target="_blank" />
-      <WalletDropdownDisconnect />
-    </WalletDropdown>
-  </Wallet>
-</WalletComponents> */}
-
-## Props
-
-- [`WalletDropdownFundLinkReact`](/onchainkit/wallet/types#walletdropdownfundlinkreact)
diff --git a/docs/onchainkit/wallet/wallet-dropdown-link.mdx b/docs/onchainkit/wallet/wallet-dropdown-link.mdx
deleted file mode 100644
index 28e32795e..000000000
--- a/docs/onchainkit/wallet/wallet-dropdown-link.mdx
+++ /dev/null
@@ -1,217 +0,0 @@
----
-title: <WalletDropdownLink />
----
-
-The `WalletDropdownLink` component creates customizable, interactive links within the wallet dropdown menu.
-
-## Usage
-
-```tsx
-import {
-  Address,
-  Avatar,
-  Name,
-  Identity,
-  EthBalance,
-} from '@coinbase/onchainkit/identity';
-import { color } from '@coinbase/onchainkit/theme';
-import {
-  ConnectWallet,
-  Wallet,
-  WalletDropdown,
-  WalletDropdownLink, // [!code focus]
-  WalletDropdownDisconnect,
-} from '@coinbase/onchainkit/wallet';
-
-export function WalletComponents() {
-  return (
-    <div className="flex justify-end">
-      <Wallet>
-        <ConnectWallet>
-          <Avatar className="h-6 w-6" />
-          <Name />
-        </ConnectWallet>
-        <WalletDropdown>
-          <Identity className="px-4 pt-3 pb-2" hasCopyAddressOnClick>
-            <Avatar />
-            <Name />
-            <Address className={color.foregroundMuted} />
-            <EthBalance />
-          </Identity>
-          <WalletDropdownLink icon="wallet" href="https://keys.coinbase.com">
-            Wallet
-          </WalletDropdownLink>
-          <WalletDropdownDisconnect />
-        </WalletDropdown>
-      </Wallet>
-    </div>
-  );
-}
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-link--main&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="400"
-/>
-{/* <WalletComponents>
-  <Wallet>
-    <ConnectWallet>
-      <Avatar className="h-6 w-6" />
-      <Name />
-    </ConnectWallet>
-    <WalletDropdown>
-      <Identity className="px-4 pt-3 pb-2" hasCopyAddressOnClick>
-        <Avatar />
-        <Name />
-        <Address className={color.foregroundMuted} />
-        <EthBalance />
-      </Identity>
-      <WalletDropdownLink icon="wallet" href="https://keys.coinbase.com">
-        Wallet
-      </WalletDropdownLink>
-      <WalletDropdownDisconnect />
-    </WalletDropdown>
-  </Wallet>
-</WalletComponents> */}
-
-### Custom link
-
-Add a custom link to the wallet dropdown menu, allowing users to navigate to external resources directly from the wallet interface.
-
-```tsx
-// @noErrors: 2304 Cannot find name 'BaseIcon'
-import {
-  WalletDropdownLink,
-} from '@coinbase/onchainkit/wallet';
-// ---cut-before---
-// omitted for brevity
-<WalletDropdownLink // [!code focus]
-  icon={BaseIcon} // [!code focus]
-  href="https://www.base.org/" // [!code focus]
-  rel="noopener noreferrer" // [!code focus]
->
-  Base.org
-</WalletDropdownLink> // [!code focus]
-```
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-link--custom-link&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="400"
-/>
-{/* <WalletComponents>
-  <Wallet>
-    <ConnectWallet>
-      <Avatar className="h-6 w-6" />
-      <Name />
-    </ConnectWallet>
-    <WalletDropdown>
-      <Identity className="px-4 pt-3 pb-2" hasCopyAddressOnClick>
-        <Avatar />
-        <Name />
-        <Address className={color.foregroundMuted} />
-        <EthBalance />
-      </Identity>
-      <WalletDropdownLink
-        icon={walletDropdownLinkCustomBaseIconSvg}
-        href="https://www.base.org/"
-        rel="noopener noreferrer"
-      >
-        Base.org
-      </WalletDropdownLink>
-      <WalletDropdownDisconnect />
-    </WalletDropdown>
-  </Wallet>
-</WalletComponents> */}
-
-### Custom children components
-
-Accepts React children, enabling the use of custom elements, styled text, icons, and complex components.
-This allows for diverse customizations, including complex layouts and conditional rendering based on your app's state.
-
-```tsx
-// @noErrors: 2322 - type 'Element' is not assignable to type 'string'
-import {
-  WalletDropdownLink,
-} from '@coinbase/onchainkit/wallet';
-// ---cut-before---
-// omitted for brevity
-<WalletDropdownLink icon="wallet" href="https://keys.coinbase.com">
-  <span className="font-bold italic">Profile</span>
-  <span> 🔵 </span>
-</WalletDropdownLink> // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-link--custom-children&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="400"
-/>
-{/* <WalletComponents>
-  <Wallet>
-    <ConnectWallet>
-      <Avatar className="h-6 w-6" />
-      <Name />
-    </ConnectWallet>
-    <WalletDropdown>
-      <Identity className="px-4 pt-3 pb-2" hasCopyAddressOnClick>
-        <Avatar />
-        <Name />
-        <Address className={color.foregroundMuted} />
-        <EthBalance />
-      </Identity>
-      <WalletDropdownLink icon="wallet" href="https://keys.coinbase.com">
-        <span className="font-bold italic">Profile</span>
-        <span> 🔵 </span>
-      </WalletDropdownLink>
-      <WalletDropdownDisconnect />
-    </WalletDropdown>
-  </Wallet>
-</WalletComponents> */}
-
-### Override styles
-
-You can override component styles using className.
-
-```tsx
-import {
-  WalletDropdownLink,
-} from '@coinbase/onchainkit/wallet';
-// ---cut-before---
-// omitted for brevity
-<WalletDropdownLink className="hover:bg-red-500" icon="wallet" href="https://keys.coinbase.com" >
-  Wallet
-</WalletDropdownLink> // [!code focus]
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-link--customize-text-and-style&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="400"
-/>
-{/* <WalletComponents>
-  <Wallet>
-    <ConnectWallet>
-      <Avatar className="h-6 w-6" />
-      <Name />
-    </ConnectWallet>
-    <WalletDropdown>
-      <Identity className="px-4 pt-3 pb-2" hasCopyAddressOnClick>
-        <Avatar />
-        <Name />
-        <Address className={color.foregroundMuted} />
-        <EthBalance />
-      </Identity>
-      <WalletDropdownLink className="hover:bg-red-500" icon="wallet" href="https://keys.coinbase.com">
-        Wallet
-      </WalletDropdownLink>
-      <WalletDropdownDisconnect />
-    </WalletDropdown>
-  </Wallet>
-</WalletComponents> */}
-
-## Props
-
-See the [types](/onchainkit/wallet/types#walletdropdownlinkreact) for more details.
-
-[WalletDropdownLinkReact](/onchainkit/wallet/types#walletdropdownlinkreact)
diff --git a/docs/onchainkit/wallet/wallet-island.mdx b/docs/onchainkit/wallet/wallet-island.mdx
deleted file mode 100644
index bdf02e022..000000000
--- a/docs/onchainkit/wallet/wallet-island.mdx
+++ /dev/null
@@ -1,272 +0,0 @@
----
-title: <WalletIsland /> · OnchainKit
-sidebarTitle: <WalletIsland />
-description: The `<WalletIsland />` component provides an advanced Wallet interface for users.
----
-
-<Frame>
-<img alt="WalletIsland"
-  src="/images/onchainkit/wallet-island.gif"
-  height="364"/>
-</Frame>
-
-`WalletIsland` is our flagship implementation of the new advanced Wallet
-components, providing an advanced Wallet interface for users, including:
-
-- a QR code for receiving funds
-- a link to buy crypto with fiat
-- a swap interface
-- the user's token portfolio
-- a button that moves anywhere on the screen
-
-Designed for desktop experiences, `WalletIsland` component gives
-users a seamless way to interact with their wallet and manage their assets.
-
-Before using these components, ensure you've completed all [Getting Started steps](/onchainkit/getting-started).
-
-<Note>
-This component requires a `projectId` and an `apiKey`to be set in the `OnchainKitProvider`. You
-can find your both of these values on [Coinbase Developer Platform](https://portal.cdp.coinbase.com/products/onchainkit).
-</Note>
-
-
-<Note>
-Please note: token balances are only available for Base mainnet and Ethereum mainnet.
-You can control the network in the `OnchainKitProvider` by setting the `chain` prop.
-</Note>
-
-
-## Quick start
-
-Advanced `Wallet` has two default implementations:
-
-- `WalletAdvancedDefault`
-- `WalletIsland`
-
-`WalletAdvancedDefault` provides the user with an advanced wallet
-interface, anchored to the screen like our standard `Wallet` component.
-`WalletIsland` provides the same powerful interface, while enabling
-the user to drag the component around the window.
-
-If you'd like more customization, follow the implementation guide below.
-
-```tsx
-import { WalletAdvancedDefault } from '@coinbase/onchainkit/wallet';
-import { WalletIsland } from '@coinbase/onchainkit/wallet';
-<>
-  <WalletAdvancedDefault />
-  <WalletIsland />
-</>
-```
-
-You will see two Wallet buttons below. Right below is `WalletAdvancedDefault`.
-This version will stay anchored to its current position.
-
-`WalletIsland` is in the bottom-right corner of the window. Feel free to drag
-it around.
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-island--main&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="800"
-/>
-{/* <WalletComponents>
-  <WalletAdvancedDefault />
-  <WalletIsland />
-</WalletComponents> */}
-
-While this behavior is more noticeable with the `WalletIsland` component, you'll
-notice that for both components, the `WalletAdvanced` container will appear in
-different positions depending on the component's location in the window:
-
-- If there is sufficient space to the right, it will be left-aligned.
-- If there is not enough space to the right, it will be right-aligned.
-- If there is enough space below, it will open below.
-- If there is not enough space below, it will open above.
-
-<Note>
-If you are attempting to use this component and the Buy button is not working,
-make sure you have a `projectId` configured correctly in your providers.
-
-If transaction history is not loading, make sure you have an `apiKey` configured
-correctly in your providers.
-</Note>
-
-
-## Configuring `WalletIsland` and advanced `Wallet`
-
-Experience the magic by simply dropping in `<Wallet />` and advanced `Wallet`
-components, and watch your component seamlessly come to life.
-
-As with [`WalletDefault`](/onchainkit/wallet/wallet) , `WalletAdvancedDefault` leverages
-several [`<Identity>`](/onchainkit/identity/identity) components like [`<Avatar>`](/onchainkit/identity/avatar),
-[`<Name>`](/onchainkit/identity/name), and [`<Address>`](/onchainkit/identity/address).
-
-We've introduces several advanced wallet components, including
-`<WalletAdvancedAddressDetails>`, `<WalletAdvancedTokenHoldings>`, and
-`<WalletAdvancedTransactionActions>`.
-
-```tsx
-import {
-  ConnectWallet,
-  Wallet,
-  WalletDropdown,
-  WalletAdvancedAddressDetails,
-  WalletAdvancedTokenHoldings,
-  WalletAdvancedTransactionActions,
-  WalletAdvancedWalletActions,
-} from '@coinbase/onchainkit/wallet';
-import { Address, Avatar, Name, Identity } from '@coinbase/onchainkit/identity';
-import { color } from '@coinbase/onchainkit/theme';
-
-export function YourWalletAdvanced() {
-  return (
-    <div className="flex justify-end">
-      <Wallet>
-        <ConnectWallet>
-          <Avatar className="h-6 w-6" />
-          <Name />
-        </ConnectWallet>
-        <WalletDropdown>
-          <WalletAdvancedWalletActions />
-          <WalletAdvancedAddressDetails />
-          <WalletAdvancedTransactionActions />
-          <WalletAdvancedTokenHoldings />
-        </WalletDropdown>
-      </Wallet>
-    </div>
-  );
-}
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-island--wallet-and-advanced&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="800"
-/>
-{/* <WalletComponents>
-  <Wallet>
-    <ConnectWallet disconnectedLabel="Connect Wallet">
-      <Avatar className="h-6 w-6" />
-      <Name />
-    </ConnectWallet>
-    <WalletDropdown>
-      <WalletAdvancedWalletActions />
-      <WalletAdvancedAddressDetails />
-      <WalletAdvancedTransactionActions />
-      <WalletAdvancedTokenHoldings />
-    </WalletDropdown>
-  </Wallet>
-</WalletComponents> */}
-
-When customizing your advanced `Wallet` implementation, use the `draggable` prop on
-`Wallet` to enable draggability. `draggable` defaults to `false`, but
-when `draggable` is set to `true`, you can also set a `draggableStartingPosition` prop to
-specify the initial position of your `WalletIsland`.
-
-```tsx
-import {
-  ConnectWallet,
-  Wallet,
-  WalletDropdown,
-  WalletAdvancedAddressDetails,
-  WalletAdvancedTokenHoldings,
-  WalletAdvancedTransactionActions,
-  WalletAdvancedWalletActions,
-} from '@coinbase/onchainkit/wallet';
-import { Address, Avatar, Name, Identity } from '@coinbase/onchainkit/identity';
-import { color } from '@coinbase/onchainkit/theme';
-
-export function DraggableWalletAdvanced() {
-  return (
-    <div className="flex justify-end">
-      <Wallet
-        draggable={true} // [!code focus]
-        draggableStartingPosition={{ // [!code focus]
-          x: window.innerWidth - 300, // [!code focus]
-          y: window.innerHeight - 100, // [!code focus]
-        }}
-      >
-        <ConnectWallet>
-          <Avatar className="h-6 w-6" />
-          <Name />
-        </ConnectWallet>
-        <WalletDropdown>
-          <WalletAdvancedWalletActions />
-          <WalletAdvancedAddressDetails />
-          <WalletAdvancedTransactionActions />
-          <WalletAdvancedTokenHoldings />
-        </WalletDropdown>
-      </Wallet>
-    </div>
-  );
-}
-```
-
-## Customize Connect button text and style
-
-Each OnchainKit component offers the flexibility to customize `className`
-and adjust the style of the React components it represents.
-
-Explore the options for customizing the Connect button text and style [here](/onchainkit/wallet/wallet#customize-connect-button-text-and-style).
-
-## Using Wallet Modal
-
-<Frame>
-<img
-  alt="Wallet Modal"
-  src="/images/onchainkit/wallet-modal.png"
-  height="364"
-  width="364"
-  className="mx-400"
-/>
-</Frame>
-
-Wallet modal offers users multiple wallet connection options. Explore these options
-[here](/onchainkit/wallet/wallet-modal).
-
-## Example usage
-
-### Usage with Sign In With Ethereum (SIWE)
-
-To use [Sign In With Ethereum (SIWE)](https://docs.login.xyz/general-information/siwe-overview) with OnchainKit,
-check out our [SIWE example](/onchainkit/wallet/wallet#usage-with-sign-in-with-ethereum-siwe).
-
-## Components
-
-The components are designed to work together hierarchically. For each component, ensure the following:
-
-- `<Wallet />` - Serves as the main container for all wallet-related components.
-- `<WalletDropdown />` - Contains additional wallet information and options. Place inside the `<Wallet />` component.
-- `<WalletAdvancedWalletActions />` - Provides wallet actions like View Transaction History, view QR Code, and Disconnect wallet. Place inside the `<WalletDropdown />` component.
-- `<WalletAdvancedAddressDetails />` - Displays user address, avatar, and portfolio balance in fiat. Place inside the `<WalletDropdown />` component.
-- `<WalletAdvancedTransactionActions />` - Buttons for buying crypto with fiat, transferring crypto, and swapping. Place inside the `<WalletDropdown />` component.
-- `<WalletAdvancedTokenHoldings />` - Displays token balances and their value in fiat. Place inside the `<WalletDropdown />` component.
-- `<ConnectWallet />` - Handles the wallet connection process. Place child components inside to customize the connect button appearance.
-- `<AppWithWalletModal />` - Enables a wallet aggregation experience.
-- `<Identity />` - Displays user identity information. Place inside `<WalletDropdown />` for a complete profile view.
-- `<WalletDropdownBasename />` - Displays the user's Basename within the dropdown.
-- `<WalletDropdownLink />` - Creates a custom link within the dropdown. Use the `icon` prop to add an icon, and `href` to specify the destination.
-- `<WalletDropdownDisconnect />` - Provides a disconnect option within the dropdown.
-
-Additional components for customizing the wallet interface include:
-
-- `<Avatar />` - Displays the user's avatar image.
-- `<Name />` - Shows the user's name or ENS.
-- `<Badge />` - Can be used to display additional user status or information.
-- `<Address />` - Shows the user's wallet address.
-- `<EthBalance />` - Displays the user's ETH balance.
-
-The Wallet component automatically handles the wallet connection state and updates the UI accordingly.
-You need to wrap your application or relevant part of it with these components
-to provide a complete wallet interaction experience.
-
-## Component types
-
-- [`WalletReact`](/onchainkit/wallet/types#walletreact)
-- [`ConnectWalletReact`](/onchainkit/wallet/types#connectwalletreact)
-- [`WalletDropdownReact`](/onchainkit/wallet/types#walletdropdownreact)
-- [`WalletDropdownBasenameReact`](/onchainkit/wallet/types#walletdropdownbasenamereact)
-- [`WalletDropdownDisconnectReact`](/onchainkit/wallet/types#walletdropdowndisconnectreact)
-- [`WalletDropdownLinkReact`](/onchainkit/wallet/types#walletdropdownlinkreact)
-
diff --git a/docs/onchainkit/wallet/wallet-modal.mdx b/docs/onchainkit/wallet/wallet-modal.mdx
deleted file mode 100644
index e965ced61..000000000
--- a/docs/onchainkit/wallet/wallet-modal.mdx
+++ /dev/null
@@ -1,152 +0,0 @@
----
-title: Wallet Modal · OnchainKit
-sidebarTitle: Wallet Modal
-description: The Wallet Modal provides users with multiple wallet connection options in a polished interface.
----
-
-<Frame>
-<img 
-  alt="Wallet Modal"
-  src="/images/onchainkit/wallet-modal.png"
-  height="364"
-  width="364"
-  className="mx-400"
-/>
-</Frame>
-
-`WalletModal` offers users multiple wallet connection options. The modal automatically appears when users click the `ConnectWallet` component and provides several connection paths:
-
-1. Quickly create a new smart wallet for new users
-2. Coinbase Wallet connection (supporting both smart wallets and EOA)
-3. MetaMask connection
-4. Phantom connection
-5. Rabby, Frame, and Trust Wallet connections (optional)
-
-## Walkthrough
-
-<Steps>
-  <Step title="Configure the OnchainKitProvider with modal settings:">
-  ```tsx providers.tsx
-  <OnchainKitProvider
-    apiKey={process.env.ONCHAINKIT_API_KEY}
-    chain={base}
-    config={{
-      appearance: {
-        name: 'Your App Name',        // Displayed in modal header
-        logo: 'https://your-logo.com',// Displayed in modal header
-        mode: '400',                 // 'light' | 'dark' | '400'
-        theme: 'default',             // 'default' or custom theme
-      },
-      wallet: { // [!code focus]
-        display: 'modal', // [!code focus]
-        termsUrl: 'https://...', // [!code focus]
-        privacyUrl: 'https://...', // [!code focus]
-        },
-    }}
-  >
-    {children}
-  </OnchainKitProvider>
-  ```
-
-  </Step>
-  <Step title="Use the ConnectWallet component in your UI:">
-  ```tsx App.tsx
-  <Wallet>
-    <ConnectWallet>
-      <Avatar className="h-6 w-6" />
-      <Name />
-    </ConnectWallet>
-    <WalletDropdown>
-      <Identity className="px-4 pt-3 pb-2" hasCopyAddressOnClick>
-        <Avatar />
-        <Name />
-        <Address />
-        <EthBalance />
-      </Identity>
-      <WalletDropdownDisconnect />
-    </WalletDropdown>
-  </Wallet>
-  ```
-
-  <iframe
-    src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-modal--connect-wallet-in-ui&viewMode=story&dark=true&hero=true"
-    width="100%"
-    height="400"
-  />
-  {/* <AppWithWalletModal>
-    <div className="my-10 flex justify-center">
-      <Wallet>
-        <ConnectWallet>
-          <Avatar className="h-6 w-6" />
-          <Name />
-        </ConnectWallet>
-        <WalletDropdown>
-          <Identity className="px-4 pt-3 pb-2" hasCopyAddressOnClick>
-            <Avatar />
-            <Name />
-            <Address className={color.foregroundMuted} />
-            <EthBalance />
-          </Identity>
-          <WalletDropdownDisconnect />
-        </WalletDropdown>
-      </Wallet>
-    </div>
-  </AppWithWalletModal> */}
-
-  </Step>
-</Steps>
-
-## Components
-
-The Wallet Modal components are designed to work together hierarchically:
-
-- `<OnchainKitProvider />` - Configures the modal settings and appearance
-- `<ConnectWallet />` - Triggers the modal to open when clicked
-- `<WalletModal />` - The modal interface itself, containing:
-  - Smart wallet creation flow
-  - Coinbase Wallet connection
-  - MetaMask connection
-  - Phantom connection
-  - Rabby, Trust, and Frame Wallet connections (if enabled)
-  - Terms and privacy policy links
-
-The modal automatically handles:
-
-- Wallet connection states
-- Error handling
-- Mobile/desktop responsive behavior
-- Theme customization
-- Terms/privacy policy display
-
-## Additional Wallet Support
-
-By default, the wallet modal includes Coinbase Wallet, MetaMask, and Phantom as connection options. You can enable additional wallet support by configuring the `supportedWallets` object in the `OnchainKitProvider`:
-
-```tsx
-<OnchainKitProvider
-  apiKey={process.env.ONCHAINKIT_API_KEY}
-  chain={base}
-  config={{
-    appearance: {
-      name: 'Your App Name',
-      logo: 'https://your-logo.com',
-      mode: '400',
-      theme: 'default',
-    },
-    wallet: {
-      display: 'modal',
-      termsUrl: 'https://...',
-      privacyUrl: 'https://...',
-      supportedWallets: { // [!code focus]
-        rabby: true, // [!code focus]
-        trust: true, // [!code focus]
-        frame: true, // [!code focus]
-      }, // [!code focus]
-    },
-  }}
->
-  {children}
-</OnchainKitProvider>
-```
-
-Each wallet can be individually enabled or disabled as needed. If no `supportedWallets` configuration is provided, the additional wallets will be disabled by default.
diff --git a/docs/onchainkit/wallet/wallet.mdx b/docs/onchainkit/wallet/wallet.mdx
deleted file mode 100644
index baec3f6e2..000000000
--- a/docs/onchainkit/wallet/wallet.mdx
+++ /dev/null
@@ -1,377 +0,0 @@
----
-title: <Wallet /> · OnchainKit
-sidebarTitle: <Wallet />
-description: The `<Wallet />` components provide an interface for users to connect their Smart Wallet with their identity information like Basename and ETH balance.
----
-
-The `<Wallet />` components provide an interface for users to connect their
-Smart Wallet with their identity information like Basename and ETH balance.
-
-It features built-in polished user experiences for both web and mobile web,
-making it incredibly easy to enhance with drop-in components.
-
-Before using them, ensure you've completed all [Getting Started steps](/onchainkit/getting-started).
-
-## Quick start
-
-To streamline the integration process and integrate a simplified version of the `Wallet` component, you can render the `Wallet` component without children. 
-
-If you'd like more customization, follow the implementation guide for our `Wallet` component below where you can manually define each subcomponent and prop.
-
-```tsx
-import { Wallet } from '@coinbase/onchainkit/wallet';
-
-<Wallet />
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-walletcomponents--base&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="400"
-/>
-{/* <WalletComponents>
-  <Wallet />
-</WalletComponents> */}
-
-## Walkthrough
-
-<Steps>
-  <Step title="Set up your wallet connections">
-  Kick off your wallet connection setup by configuring the `wagmi` provider.
-
-  And make sure to update the `appName` as that will be displayed to
-  the user when they connect their wallet.
-
-  ```tsx
-  // @noErrors: 2554
-  import { ReactNode } from 'react';
-  import { WagmiProvider, createConfig, http } from 'wagmi';
-  import { baseSepolia } from 'wagmi/chains';
-  import { coinbaseWallet } from 'wagmi/connectors';
-
-  const wagmiConfig = createConfig({
-    chains: [baseSepolia],
-    connectors: [
-      coinbaseWallet({
-        appName: 'onchainkit',
-      }),
-    ],
-    ssr: true,
-    transports: {
-      [baseSepolia.id]: http(),
-    },
-  });
-
-  function App({ children }: { children: ReactNode }) {
-    return <WagmiProvider config={wagmiConfig}>{children}</WagmiProvider>;
-  }
-  ```
-
-  </Step>
-  <Step title="Drop in the <Wallet /> components">
-  Experience the magic by simply dropping in the `<Wallet />` component
-  and watch it seamlessly come to life.
-
-  Additionally, you can see the [`<Identity>`](/onchainkit/identity/identity) components
-  like [`<Avatar>`](/onchainkit/identity/avatar), [`<Name>`](/onchainkit/identity/name),
-  and [`<Address>`](/onchainkit/identity/address) are used in a composable way.
-  Explore their documentation pages to discover various customization options.
-
-  ```tsx
-  import {
-    ConnectWallet,
-    Wallet,
-    WalletDropdown,
-    WalletDropdownDisconnect,
-  } from '@coinbase/onchainkit/wallet';
-  import {
-    Address,
-    Avatar,
-    Name,
-    Identity,
-  } from '@coinbase/onchainkit/identity';
-  import { color } from '@coinbase/onchainkit/theme';
-
-  export function WalletComponents() {
-    return (
-      <div className="flex justify-end">
-        <Wallet>
-          <ConnectWallet>
-            <Avatar className="h-6 w-6" />
-            <Name />
-          </ConnectWallet>
-          <WalletDropdown>
-            <Identity className="px-4 pt-3 pb-2" hasCopyAddressOnClick>
-              <Avatar />
-              <Name />
-              <Address className={color.foregroundMuted} />
-            </Identity>
-            <WalletDropdownDisconnect />
-          </WalletDropdown>
-        </Wallet>
-      </div>
-    );
-  }
-  ```
-
-  <iframe
-    src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-walletcomponents--with-identity-and-disconnect&viewMode=story&dark=true&hero=true"
-    width="100%"
-    height="400"
-  />
-  {/* <WalletComponents>
-    <Wallet>
-      <ConnectWallet>
-        <Avatar className="h-6 w-6" />
-        <Name />
-      </ConnectWallet>
-      <WalletDropdown>
-        <Identity className="px-4 pt-3 pb-2" hasCopyAddressOnClick>
-          <Avatar />
-          <Name />
-          <Address className={color.foregroundMuted} />
-        </Identity>
-        <WalletDropdownDisconnect />
-      </WalletDropdown>
-    </Wallet>
-  </WalletComponents> */}
-
-  </Step>
-  <Step title="Drop in pre-made wallet components">
-  Expand the user experience with pre-made components like [`<WalletDropdownLink>`](/onchainkit/wallet/wallet-dropdown-link),
-  [`<WalletDropdownBasename>`](/onchainkit/wallet/wallet-dropdown-basename),
-  [`<WalletDropdownFundLink>`](/onchainkit/wallet/wallet-dropdown-fund-link),
-  or `<EthBalance>`, to help you build a seamless wallet experience for your users.
-
-  The `<WalletDropdownLink>` is highly versatile and will likely be your go-to choice
-  for adding more links to the dropdown, connecting your users to various pages of your onchain app.
-
-  ```tsx
-  import {
-    ConnectWallet,
-    Wallet,
-    WalletDropdown,
-    WalletDropdownBasename, // [!code focus]
-    WalletDropdownFundLink, // [!code focus]
-    WalletDropdownLink, // [!code focus]
-    WalletDropdownDisconnect,
-  } from '@coinbase/onchainkit/wallet';
-  import {
-    Address,
-    Avatar,
-    Name,
-    Identity,
-    EthBalance, // [!code focus]
-  } from '@coinbase/onchainkit/identity';
-
-  // omitted for brevity
-
-  <Wallet>
-    <ConnectWallet>
-      <Avatar className="h-6 w-6" />
-      <Name />
-    </ConnectWallet>
-    <WalletDropdown>
-      <Identity
-        className="px-4 pt-3 pb-2"
-        hasCopyAddressOnClick
-      >
-        <Avatar />
-        <Name />
-        <Address />
-        <EthBalance />
-      </Identity>
-      <WalletDropdownBasename />
-      <WalletDropdownLink
-        icon="wallet"
-        href="https://keys.coinbase.com"
-      >
-        Wallet
-      </WalletDropdownLink>
-      <WalletDropdownFundLink />
-      <WalletDropdownDisconnect />
-    </WalletDropdown>
-  </Wallet>
-  ```
-
-  <iframe
-    src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-walletcomponents--full-dropdown&viewMode=story&dark=true&hero=true"
-    width="100%"
-    height="600"
-  />
-  {/* <WalletComponents>
-    <Wallet>
-      <ConnectWallet>
-        <Avatar className="h-6 w-6" />
-        <Name />
-      </ConnectWallet>
-      <WalletDropdown>
-        <Identity className="px-4 pt-3 pb-2" hasCopyAddressOnClick>
-          <Avatar />
-          <Name />
-          <Address className={color.foregroundMuted} />
-          <EthBalance />
-        </Identity>
-        <WalletDropdownBasename />
-        <WalletDropdownLink
-          icon="wallet"
-          href="https://keys.coinbase.com"
-        >
-          Wallet
-        </WalletDropdownLink>
-        <WalletDropdownFundLink />
-        <WalletDropdownDisconnect />
-      </WalletDropdown>
-    </Wallet>
-  </WalletComponents> */}
-
-  </Step>
-</Steps>
-
-## Customize Connect button text and style
-
-Each OnchainKit component offers the flexibility to customize `className`
-and adjust the style of the React components it represents.
-
-Customize the connect wallet text by using the `disconnectedLabel` prop on the `<ConnectWallet />` component.
-
-```tsx
-import {
-  ConnectWallet,
-  Wallet,
-  WalletDropdown,
-  WalletDropdownLink,
-  WalletDropdownDisconnect,
-} from '@coinbase/onchainkit/wallet';
-import {
-  Address,
-  Avatar,
-  Name,
-  Identity,
-  EthBalance,
-} from '@coinbase/onchainkit/identity';
-import { color } from '@coinbase/onchainkit/theme';
-// ---cut-before---
-// omitted for brevity
-
-<Wallet>
-  <ConnectWallet className='bg-blue-800' disconnectedLabel='Log In'>
-    <Avatar className="h-6 w-6" />
-    <Name className='text-white' />
-  </ConnectWallet>
-  <WalletDropdown>
-    <Identity
-      className="px-4 pt-3 pb-2 hover:bg-blue-200"
-      hasCopyAddressOnClick
-    >
-      <Avatar />
-      <Name />
-      <Address />
-      <EthBalance />
-    </Identity>
-    <WalletDropdownLink
-      className='hover:bg-blue-200'
-      icon="wallet"
-      href="https://keys.coinbase.com"
-    >
-      Wallet
-    </WalletDropdownLink>
-    <WalletDropdownDisconnect className='hover:bg-blue-200' />
-  </WalletDropdown>
-</Wallet>
-```
-
-<iframe
-  src="https://684b5e62b1ff46bc5bf83966-aijszlfakk.chromatic.com/iframe.html?args=&id=onchainkit-wallet-walletcomponents--custom-styling&viewMode=story&dark=true&hero=true"
-  width="100%"
-  height="400"
-/>
-{/* <WalletComponents>
-  <Wallet>
-    <ConnectWallet className='bg-blue-800' disconnectedLabel='Log In'>
-      <Avatar className="h-6 w-6" />
-      <Name className='text-white' />
-    </ConnectWallet>
-    <WalletDropdown>
-      <Identity className="px-4 pt-3 pb-2 hover:bg-blue-200" hasCopyAddressOnClick>
-        <Avatar />
-        <Name />
-        <Address className={color.foregroundMuted} />
-        <EthBalance />
-      </Identity>
-      <WalletDropdownLink
-        className='hover:bg-blue-200'
-        icon="wallet"
-        href="https://keys.coinbase.com"
-      >
-        Wallet
-      </WalletDropdownLink>
-      <WalletDropdownDisconnect className='hover:bg-blue-200' />
-    </WalletDropdown>
-  </Wallet>
-</WalletComponents> */}
-
-## Example usage
-
-### Usage with Sign In With Ethereum (SIWE)
-
-To use [Sign In With Ethereum (SIWE)](https://docs.login.xyz/general-information/siwe-overview) with OnchainKit, you can use the `onConnect` prop in the `<ConnectWallet />` component. This will trigger the SIWE prompt when the user connects their wallet.
-
-```tsx
-import { ConnectWallet } from '@coinbase/onchainkit/wallet';
-import { base } from 'wagmi/chains';
-import { createSiweMessage } from 'viem/siwe'
-import { useSignMessage } from 'wagmi';
-
-const message = createSiweMessage({
-  address: '0xA0Cf798816D4b9b9866b5330EEa46a18382f251e',
-  chainId: base.id,
-  domain: 'example.com',
-  nonce: 'foobarbaz',
-  uri: 'https://example.com/path',
-  version: '1',
-})
-
-export function WalletComponents() {
-  const { signMessage } = useSignMessage();
-
-  return (
-    <ConnectWallet onConnect={() => {signMessage({ message })}} />
-  );
-}
-
-```
-
-## Components
-
-The components are designed to work together hierarchically. For each component, ensure the following:
-
-- `<Wallet />` - Serves as the main container for all wallet-related components.
-- `<ConnectWallet />` - Handles the wallet connection process. Place child components inside to customize the connect button appearance.
-- `<AppWithWalletModal />` - Enables a wallet aggregation experience.
-- `<WalletDropdown />` - Contains additional wallet information and options. Place inside the `<Wallet />` component.
-- `<Identity />` - Displays user identity information. Place inside `<WalletDropdown />` for a complete profile view.
-- `<WalletDropdownBasename />` - Displays the user's Basename within the dropdown.
-- `<WalletDropdownLink />` - Creates a custom link within the dropdown. Use the `icon` prop to add an icon, and `href` to specify the destination.
-- `<WalletDropdownDisconnect />` - Provides a disconnect option within the dropdown.
-
-Additional components for customizing the wallet interface include:
-
-- `<Avatar />` - Displays the user's avatar image.
-- `<Name />` - Shows the user's name or ENS.
-- `<Badge />` - Can be used to display additional user status or information.
-- `<Address />` - Shows the user's wallet address.
-- `<EthBalance />` - Displays the user's ETH balance.
-
-The Wallet component automatically handles the wallet connection state and updates the UI accordingly.
-You need to wrap your application or relevant part of it with these components
-to provide a complete wallet interaction experience.
-
-## Component types
-
-- [`WalletReact`](/onchainkit/wallet/types#walletreact)
-- [`ConnectWalletReact`](/onchainkit/wallet/types#connectwalletreact)
-- [`WalletDropdownReact`](/onchainkit/wallet/types#walletdropdownreact)
-- [`WalletDropdownBasenameReact`](/onchainkit/wallet/types#walletdropdownbasenamereact)
-- [`WalletDropdownDisconnectReact`](/onchainkit/wallet/types#walletdropdowndisconnectreact)
-- [`WalletDropdownLinkReact`](/onchainkit/wallet/types#walletdropdownlinkreact)
diff --git a/docs/snippets/ai-powered.mdx b/docs/snippets/ai-powered.mdx
deleted file mode 100644
index 8282bc19c..000000000
--- a/docs/snippets/ai-powered.mdx
+++ /dev/null
@@ -1,25 +0,0 @@
-## Use AI-powered IDEs
-
-You can also directly download the [context](https://github.com/fakepixels/md-generator/blob/master/combined-ock-docs-0.35.8.mdx) and import it into AI-powered IDE such as Cursor or Replit.
-
-In addition, you can import a `.cursorrules` file in the root of your project via [Cursor Directory](https://cursor.directory/onchainkit). Cursor also has an array of resources [here](https://cursor.directory/learn) on how to use AI-powered IDEs.
-
-<Frame>
-<img alt="Cursor"
-  src="/images/onchainkit/cursor-dir.gif"
-  height="364"/>
-</Frame>
-
-## AI Tooling
-
-### Replit
-
-[Replit](https://replit.com) is a cloud-based coding platform that streamlines the process of setting up, building, sharing, and deploying projects. It allows developers to code in a Google Docs-like environment, and pre-built templates provide a great starting point for building a website, app, or game. Its new AI Agent can assist with the code development process and work with several files at once, making the programming process feel like a one-on-one conversation.
-
-### Cursor
-
-[Cursor](https://cursor.com) is an AI-powered code editor that makes the programming experience feel like magic. Built as a fork of VS Code, it boasts powerful features like AI code completion, natural language editing, and codebase understanding. Cursor Pro is free for the first two weeks after signup, and offers more powerful models.
-
-### Using OnchainKit with CDP SDK
-
-You can use OnchainKit with [CDP SDK](https://docs.cdp.coinbase.com/get-started/docs/overview) to access additional capabilities such as [AgentKit](https://docs.cdp.coinbase.com/agentkit/docs/welcome).
diff --git a/docs/snippets/installation-options.mdx b/docs/snippets/installation-options.mdx
deleted file mode 100644
index 6e9610ffd..000000000
--- a/docs/snippets/installation-options.mdx
+++ /dev/null
@@ -1,47 +0,0 @@
-<CardGroup cols={2}>
-  <Card
-    title="Next.js"
-    href="/onchainkit/installation/nextjs"
-    icon={<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32px" height="32px" viewBox="0 0 256 256" version="1.1" preserveAspectRatio="xMidYMid">
-      <g>
-        <path d="M119.616813,0.0688905149 C119.066276,0.118932037 117.314565,0.294077364 115.738025,0.419181169 C79.3775171,3.69690087 45.3192571,23.3131775 23.7481916,53.4631946 C11.7364614,70.2271045 4.05395894,89.2428829 1.15112414,109.384595 C0.12512219,116.415429 0,118.492153 0,128.025062 C0,137.557972 0.12512219,139.634696 1.15112414,146.665529 C8.10791789,194.730411 42.3163245,235.11392 88.7116325,250.076335 C97.0197458,252.753556 105.778299,254.580072 115.738025,255.680985 C119.616813,256.106338 136.383187,256.106338 140.261975,255.680985 C157.453763,253.779407 172.017986,249.525878 186.382014,242.194795 C188.584164,241.068861 189.00958,240.768612 188.709286,240.518404 C188.509091,240.36828 179.124927,227.782837 167.86393,212.570214 L147.393939,184.922273 L121.743891,146.965779 C107.630108,126.098464 96.0187683,109.034305 95.9186706,109.034305 C95.8185728,109.009284 95.7184751,125.873277 95.6684262,146.465363 C95.5933529,182.52028 95.5683284,183.971484 95.1178886,184.82219 C94.4672532,186.048207 93.9667644,186.548623 92.915738,187.099079 C92.114956,187.499411 91.4142717,187.574474 87.6355816,187.574474 L83.3063539,187.574474 L82.1552297,186.848872 C81.4044966,186.373477 80.8539589,185.747958 80.4785924,185.022356 L79.9530792,183.896422 L80.0031281,133.729796 L80.0782014,83.5381493 L80.8539589,82.5623397 C81.25435,82.0369037 82.1051808,81.3613431 82.7057674,81.0360732 C83.7317693,80.535658 84.1321603,80.4856165 88.4613881,80.4856165 C93.5663734,80.4856165 94.4172043,80.6857826 95.7434995,82.1369867 C96.1188661,82.5373189 110.007429,103.454675 126.623656,128.650581 C143.239883,153.846488 165.962072,188.250034 177.122972,205.139048 L197.392766,235.839522 L198.418768,235.163961 C207.502639,229.259062 217.112023,220.852086 224.719453,212.09482 C240.910264,193.504394 251.345455,170.835585 254.848876,146.665529 C255.874878,139.634696 256,137.557972 256,128.025062 C256,118.492153 255.874878,116.415429 254.848876,109.384595 C247.892082,61.3197135 213.683675,20.9362052 167.288368,5.97379012 C159.105376,3.32158945 150.396872,1.49507389 140.637341,0.394160408 C138.234995,0.143952798 121.693842,-0.131275573 119.616813,0.0688905149 L119.616813,0.0688905149 Z M172.017986,77.4831252 C173.219159,78.0836234 174.195112,79.2345784 174.545455,80.435575 C174.74565,81.0861148 174.795699,94.9976579 174.74565,126.348671 L174.670577,171.336 L166.73783,159.17591 L158.780059,147.01582 L158.780059,114.313685 C158.780059,93.1711423 158.880156,81.2862808 159.030303,80.7108033 C159.430694,79.3096407 160.306549,78.2087272 161.507722,77.5581875 C162.533724,77.0327515 162.909091,76.98271 166.837928,76.98271 C170.541544,76.98271 171.19218,77.0327515 172.017986,77.4831252 Z" fill="currentColor">
-    </path>
-        </g>
-    </svg>}
-  />
-    
-  <Card
-    title="Vite"
-    href="/onchainkit/installation/vite"
-    icon={<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><defs><linearGradient id="a" x1="6" x2="235" y1="33" y2="344" gradientTransform="translate(0 .937) scale(.3122)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#41d1ff"/><stop offset="1" stop-color="#bd34fe"/></linearGradient><linearGradient id="b" x1="194.651" x2="236.076" y1="8.818" y2="292.989" gradientTransform="translate(0 .937) scale(.3122)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffea83"/><stop offset=".083" stop-color="#ffdd35"/><stop offset="1" stop-color="#ffa800"/></linearGradient></defs><path fill="url(#a)" d="M124.766 19.52 67.324 122.238c-1.187 2.121-4.234 2.133-5.437.024L3.305 19.532c-1.313-2.302.652-5.087 3.261-4.622L64.07 25.187a3.09 3.09 0 0 0 1.11 0l56.3-10.261c2.598-.473 4.575 2.289 3.286 4.594Zm0 0"/><path fill="url(#b)" d="M91.46 1.43 48.954 9.758a1.56 1.56 0 0 0-1.258 1.437l-2.617 44.168a1.563 1.563 0 0 0 1.91 1.614l11.836-2.735a1.562 1.562 0 0 1 1.88 1.836l-3.517 17.219a1.562 1.562 0 0 0 1.985 1.805l7.308-2.223c1.133-.344 2.223.652 1.985 1.812l-5.59 27.047c-.348 1.692 1.902 2.614 2.84 1.164l.625-.968 34.64-69.13c.582-1.16-.421-2.48-1.69-2.234l-12.185 2.352a1.558 1.558 0 0 1-1.793-1.965l7.95-27.562A1.56 1.56 0 0 0 91.46 1.43Zm0 0"/></svg>
-}
-  />
-
-  <Card
-    title="Remix"
-    href="/onchainkit/installation/remix"
-    icon={<svg viewBox="0 0 411 473" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M392.946 364.768C397.201 419.418 397.201 445.036 397.201 473H270.756C270.756 466.909 270.865 461.337 270.975 455.687C271.317 438.123 271.674 419.807 268.828 382.819C265.067 328.667 241.748 316.634 198.871 316.634H160.883H0V218.109H204.889C259.049 218.109 286.13 201.633 286.13 158.011C286.13 119.654 259.049 96.4098 204.889 96.4098H0V0H227.456C350.069 0 411 57.9117 411 150.42C411 219.613 368.123 264.739 310.201 272.26C359.096 282.037 387.681 309.865 392.946 364.768Z"
-        className="ock-fill-default-reverse"
-        stroke="currentColor"
-        strokeWidth="12"
-      />
-      <path
-        d="M0 473V399.553H133.697C156.029 399.553 160.878 416.116 160.878 425.994V473H0Z"
-        className="ock-fill-default-reverse"
-        stroke="currentColor"
-        strokeWidth="12"
-      />
-    </svg>}
-  />
-
-  <Card
-    title="Astro"
-    href="/onchainkit/installation/astro"
-    icon={<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><defs><linearGradient id="a" x1="882.997" x2="638.955" y1="27.113" y2="866.902" gradientTransform="scale(.1)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#000014"/><stop offset="1" stop-color="#150426"/></linearGradient><linearGradient id="b" x1="1001.68" x2="790.326" y1="652.45" y2="1094.91" gradientTransform="scale(.1)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff1639"/><stop offset="1" stop-color="#ff1639" stop-opacity="0"/></linearGradient></defs><path fill="url(#a)" d="M81.504 9.465c.973 1.207 1.469 2.836 2.457 6.09l21.656 71.136a90.079 90.079 0 0 0-25.89-8.765L65.629 30.28a1.833 1.833 0 0 0-3.52.004L48.18 77.902a90.104 90.104 0 0 0-26.003 8.778l21.758-71.14c.996-3.25 1.492-4.876 2.464-6.083a8.023 8.023 0 0 1 3.243-2.398c1.433-.575 3.136-.575 6.535-.575H71.72c3.402 0 5.105 0 6.543.579a7.988 7.988 0 0 1 3.242 2.402Zm0 0"/><path fill="#ff5d01" d="M84.094 90.074c-3.57 3.055-10.696 5.137-18.903 5.137-10.07 0-18.515-3.137-20.754-7.356-.8 2.418-.98 5.184-.98 6.954 0 0-.527 8.675 5.508 14.71a5.671 5.671 0 0 1 5.672-5.671c5.37 0 5.367 4.683 5.363 8.488v.336c0 5.773 3.527 10.719 8.543 12.805a11.62 11.62 0 0 1-1.172-5.098c0-5.508 3.23-7.555 6.988-9.938 2.989-1.894 6.309-4 8.594-8.222a15.513 15.513 0 0 0 1.875-7.41 15.55 15.55 0 0 0-.734-4.735Zm0 0"/><path fill="url(#b)" d="M84.094 90.074c-3.57 3.055-10.696 5.137-18.903 5.137-10.07 0-18.515-3.137-20.754-7.356-.8 2.418-.98 5.184-.98 6.954 0 0-.527 8.675 5.508 14.71a5.671 5.671 0 0 1 5.672-5.671c5.37 0 5.367 4.683 5.363 8.488v.336c0 5.773 3.527 10.719 8.543 12.805a11.62 11.62 0 0 1-1.172-5.098c0-5.508 3.23-7.555 6.988-9.938 2.989-1.894 6.309-4 8.594-8.222a15.513 15.513 0 0 0 1.875-7.41 15.55 15.55 0 0 0-.734-4.735Zm0 0"/></svg>
-}
-  />
-</CardGroup>
\ No newline at end of file
diff --git a/docs/snippets/start-building.mdx b/docs/snippets/start-building.mdx
deleted file mode 100644
index 18f631350..000000000
--- a/docs/snippets/start-building.mdx
+++ /dev/null
@@ -1,12 +0,0 @@
-## Start building!
-
-Explore our ready-to-use onchain components:
-
-- [**`Identity`**](/onchainkit/identity/identity) – Show [Basenames](/onchainkit/identity/identity), [avatars](/onchainkit/identity/avatar), [badges](/onchainkit/identity/badge), and [addresses](/onchainkit/identity/address).
-- [**`Wallet`**](/onchainkit/wallet/wallet) – Create or connect wallets with [Connect Wallet](/onchainkit/wallet/wallet).
-- [**`Transaction`**](/onchainkit/transaction/transaction) – Handle [transactions](/onchainkit/transaction/transaction) using EOAs or Smart Wallets.
-- [**`Checkout`**](/onchainkit/checkout/checkout) – Integrate USDC [checkout](/onchainkit/checkout/checkout) flows with ease.
-- [**`Fund`**](/onchainkit/fund/fund-button) – Create a [funding](/onchainkit/fund/fund-button) flow to onboard users.
-- [**`Tokens`**](/onchainkit/token/token-chip) – Search and display [tokens](/onchainkit/token/token-chip) with various components.
-- [**`Swap`**](/onchainkit/swap/swap) – Enable [token swaps](/onchainkit/swap/swap) in your app.
-- [**`Mint`**](/onchainkit/mint/nft-mint-card) – [View](/onchainkit/mint/nft-mint-card) and [Mint](/onchainkit/mint/nft-mint-card) NFTs in your app.
diff --git a/docs/snippets/svg/miniKitSvg.mdx b/docs/snippets/svg/miniKitSvg.mdx
deleted file mode 100644
index e19978ad9..000000000
--- a/docs/snippets/svg/miniKitSvg.mdx
+++ /dev/null
@@ -1,9 +0,0 @@
-export const miniKitSvg = (
-    <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M13.5361 5.625C15.0757 2.95833 18.9247 2.95833 20.4643 5.625L31.2896 24.375C32.8292 27.0417 30.9047 30.375 27.8255 30.375H6.17491C3.09571 30.375 1.17121 27.0417 2.71081 24.375L13.5361 5.625Z" fill="#676869"/>
-<rect x="35.8311" y="4" width="26" height="26" rx="4" fill="#474950"/>
-<circle cx="17" cy="47.375" r="13" fill="#474950"/>
-<rect x="44" y="34.375" width="6" height="26" rx="2" fill="#D058C1"/>
-<rect x="60" y="44.375" width="6" height="26" rx="2" transform="rotate(90 60 44.375)" fill="#D058C1"/>
-</svg>
-  ); 
\ No newline at end of file
diff --git a/docs/snippets/svg/onchainKitSvg.mdx b/docs/snippets/svg/onchainKitSvg.mdx
deleted file mode 100644
index 4fb9dddcc..000000000
--- a/docs/snippets/svg/onchainKitSvg.mdx
+++ /dev/null
@@ -1,7 +0,0 @@
-export const onchainKitSvg = (
-  <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <rect x="8" y="38.9487" width="48" height="24" rx="4" fill="#676869"/>
-    <path d="M38.0831 19.5408C40.2231 17.3777 43.8629 18.353 44.6348 21.2963L50.0616 41.9913C50.8334 44.9346 48.1583 47.6383 45.2465 46.8581L24.7724 41.3721C21.8605 40.5919 20.8957 36.9128 23.0358 34.7497L38.0831 19.5408Z" fill="#474950"/>
-    <circle cx="23.0753" cy="14.7438" r="13.6925" fill="#C9A4FA"/>
-  </svg>
-); 
\ No newline at end of file