thirdweb 5.69.1-nightly-f368793375d099eec53569330af7a083e558e483-20241120000334 → 5.70.0-nightly-ecaa304a812188da3c81888bb52ca6064093c139-20241121000332

package/dist/types/transaction/actions/zksync/send-eip712-transaction.d.ts

@@ -30,6 +30,11 @@ export declare function signEip712Transaction(options: {
     eip712Transaction: EIP721TransactionSerializable;
     chainId: number;
 }): Promise<Hex>;
+/**
+ * Populate a prepared transaction to be serialized as a EIP712 transaction
+ * @param options
+ * @internal
+ */
 export declare function populateEip712Transaction(options: SendEip712TransactionOptions): Promise<EIP721TransactionSerializable>;
 export declare function getZkGasFees(args: {
     transaction: PreparedTransaction;

package/dist/types/transaction/actions/zksync/send-eip712-transaction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"send-eip712-transaction.d.ts","sourceRoot":"","sources":["../../../../../src/transaction/actions/zksync/send-eip712-transaction.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,OAAO,EAAc,MAAM,2BAA2B,CAAC;AAGrE,OAAO,EAAE,KAAK,GAAG,EAAS,MAAM,gCAAgC,CAAC;AAEjE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AACrE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAGxE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,EACL,KAAK,6BAA6B,EAGnC,MAAM,sBAAsB,CAAC;AAE9B,KAAK,4BAA4B,GAAG;IAClC,OAAO,EAAE,OAAO,CAAC;IAGjB,WAAW,EAAE,mBAAmB,CAAC,GAAG,CAAC,CAAC;CACvC,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,wBAAsB,qBAAqB,CACzC,OAAO,EAAE,4BAA4B,GACpC,OAAO,CAAC,qBAAqB,CAAC,CAmBhC;AAED,wBAAsB,qBAAqB,CAAC,OAAO,EAAE;IACnD,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,EAAE,6BAA6B,CAAC;IACjD,OAAO,EAAE,MAAM,CAAC;CACjB,GAAG,OAAO,CAAC,GAAG,CAAC,CAef;AAED,wBAAsB,yBAAyB,CAC7C,OAAO,EAAE,4BAA4B,GACpC,OAAO,CAAC,6BAA6B,CAAC,CAsBxC;AAgDD,wBAAsB,YAAY,CAAC,IAAI,EAAE;IACvC,WAAW,EAAE,mBAAmB,CAAC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;;;;;GAuCA"}
+{"version":3,"file":"send-eip712-transaction.d.ts","sourceRoot":"","sources":["../../../../../src/transaction/actions/zksync/send-eip712-transaction.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,OAAO,EAAc,MAAM,2BAA2B,CAAC;AAGrE,OAAO,EAAE,KAAK,GAAG,EAAS,MAAM,gCAAgC,CAAC;AAEjE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AACrE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAGxE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,EACL,KAAK,6BAA6B,EAGnC,MAAM,sBAAsB,CAAC;AAE9B,KAAK,4BAA4B,GAAG;IAClC,OAAO,EAAE,OAAO,CAAC;IAGjB,WAAW,EAAE,mBAAmB,CAAC,GAAG,CAAC,CAAC;CACvC,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,wBAAsB,qBAAqB,CACzC,OAAO,EAAE,4BAA4B,GACpC,OAAO,CAAC,qBAAqB,CAAC,CAmBhC;AAED,wBAAsB,qBAAqB,CAAC,OAAO,EAAE;IACnD,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,EAAE,6BAA6B,CAAC;IACjD,OAAO,EAAE,MAAM,CAAC;CACjB,GAAG,OAAO,CAAC,GAAG,CAAC,CAef;AAED;;;;GAIG;AACH,wBAAsB,yBAAyB,CAC7C,OAAO,EAAE,4BAA4B,GACpC,OAAO,CAAC,6BAA6B,CAAC,CAsBxC;AAgDD,wBAAsB,YAAY,CAAC,IAAI,EAAE;IACvC,WAAW,EAAE,mBAAmB,CAAC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;;;;;GAuCA"}

package/dist/types/utils/any-evm/zksync/isZkSyncChain.d.ts

@@ -1,3 +1,8 @@
 import type { Chain } from "../../../chains/types.js";
+/**
+ * Checks whether the given chain is part of the zksync stack
+ * @param chain
+ * @chain
+ */
 export declare function isZkSyncChain(chain: Chain): Promise<boolean>;
 //# sourceMappingURL=isZkSyncChain.d.ts.map

package/dist/types/utils/any-evm/zksync/isZkSyncChain.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"isZkSyncChain.d.ts","sourceRoot":"","sources":["../../../../../src/utils/any-evm/zksync/isZkSyncChain.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAEtD,wBAAsB,aAAa,CAAC,KAAK,EAAE,KAAK,oBAiC/C"}
+{"version":3,"file":"isZkSyncChain.d.ts","sourceRoot":"","sources":["../../../../../src/utils/any-evm/zksync/isZkSyncChain.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAEtD;;;;GAIG;AACH,wBAAsB,aAAa,CAAC,KAAK,EAAE,KAAK,oBAiC/C"}

package/dist/types/utils/config.d.ts

@@ -1,5 +1,8 @@
 import type { PreparedTransaction } from "../transaction/prepare-transaction.js";
 import type { Account } from "../wallets/interfaces/wallet.js";
+/**
+ * @internal
+ */
 export declare function setTransactionDecorator(decoratorFunction: (args: {
     account: Account;
     transaction: PreparedTransaction;
@@ -7,7 +10,13 @@ export declare function setTransactionDecorator(decoratorFunction: (args: {
     account: Account;
     transaction: PreparedTransaction;
 }>): void;
+/**
+ * @internal
+ */
 export declare function clearTransactionDecorator(): void;
+/**
+ * @internal
+ */
 export declare function getTransactionDecorator(): ((args: {
     account: Account;
     transaction: PreparedTransaction;

package/dist/types/utils/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../src/utils/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AACjF,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAS/D,wBAAgB,uBAAuB,CACrC,iBAAiB,EAAE,CAAC,IAAI,EAAE;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,mBAAmB,CAAC;CAClC,KAAK,OAAO,CAAC;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,WAAW,EAAE,mBAAmB,CAAA;CAAE,CAAC,QAGtE;AAED,wBAAgB,yBAAyB,SAExC;AAED,wBAAgB,uBAAuB,YAnB3B;IACN,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,mBAAmB,CAAC;CAClC,KAAK,OAAO,CAAC;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,WAAW,EAAE,mBAAmB,CAAA;CAAE,CAAC,SAkBxE"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../src/utils/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AACjF,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAS/D;;GAEG;AACH,wBAAgB,uBAAuB,CACrC,iBAAiB,EAAE,CAAC,IAAI,EAAE;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,mBAAmB,CAAC;CAClC,KAAK,OAAO,CAAC;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,WAAW,EAAE,mBAAmB,CAAA;CAAE,CAAC,QAGtE;AAED;;GAEG;AACH,wBAAgB,yBAAyB,SAExC;AAED;;GAEG;AACH,wBAAgB,uBAAuB,YA5B3B;IACN,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,mBAAmB,CAAC;CAClC,KAAK,OAAO,CAAC;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,WAAW,EAAE,mBAAmB,CAAA;CAAE,CAAC,SA2BxE"}

package/dist/types/utils/json.d.ts

@@ -14,5 +14,5 @@
  * ```
  * @utils
  */
-export declare const stringify: typeof JSON.stringify;
+export declare function stringify(value: any, replacer?: ((this: any, key: string, value: any) => any) | null, space?: string | number): string;
 //# sourceMappingURL=json.d.ts.map

package/dist/types/utils/json.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"json.d.ts","sourceRoot":"","sources":["../../../src/utils/json.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,SAAS,EAAE,OAAO,IAAI,CAAC,SAUnC,CAAC"}
+{"version":3,"file":"json.d.ts","sourceRoot":"","sources":["../../../src/utils/json.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,SAAS,CAEvB,KAAK,EAAE,GAAG,EAEV,QAAQ,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,GAAG,CAAC,GAAG,IAAI,EAC/D,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,UAWxB"}

package/dist/types/version.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "5.69.1-nightly-f368793375d099eec53569330af7a083e558e483-20241120000334";
+export declare const version = "5.70.0-nightly-ecaa304a812188da3c81888bb52ca6064093c139-20241121000332";
 //# sourceMappingURL=version.d.ts.map

package/dist/types/wallets/eip5792/get-calls-status.d.ts

@@ -9,7 +9,7 @@ export type GetCallsStatusOptions = {
 /**
  * Get the status of an [EIP-5792](https://eips.ethereum.org/EIPS/eip-5792) bundle.
  *
- * @note This function is dependent on the wallet's support for EIP-5792 and could fail.
+ *  This function is dependent on the wallet's support for EIP-5792 and could fail.
  *
  * @param {GetCallsStatusOptions} options
  * @param {Wallet} options.wallet - The wallet that send the original calls.

package/dist/types/wallets/eip5792/get-capabilities.d.ts

@@ -9,7 +9,7 @@ export type GetCapabilitiesResult = Prettify<WalletCapabilitiesRecord<WalletCapa
 /**
  * Get the capabilities of a wallet based on the [EIP-5792](https://eips.ethereum.org/EIPS/eip-5792) specification.
  *
- * @note This function is dependent on the wallet's support for EIP-5792, but will not throw.
+ *  This function is dependent on the wallet's support for EIP-5792, but will not throw.
  * **The returned object contains a `message` field detailing any issues with the wallet's support for EIP-5792.**
  *
  * @param {GetCapabilitiesOptions} options

package/dist/types/wallets/eip5792/send-calls.d.ts

@@ -31,7 +31,7 @@ export type SendCallsResult = WalletSendCallsId;
  * This function works with all Thirdweb wallets (in-app and smart) and certain injected wallets that already support EIP-5792.
  * Transactions will be bundled and sponsored when those capabilities are supported, otherwise they will be sent as individual transactions.
  *
- * @note This function is dependent on the wallet's support for EIP-5792 and could fail.
+ *  This function is dependent on the wallet's support for EIP-5792 and could fail.
  *
  * @param {SendCallsOptions} options
  * @param {Wallet} options.wallet - The wallet to send the calls to.
@@ -81,7 +81,7 @@ export type SendCallsResult = WalletSendCallsId;
  *     }
  *   }
  * });
- * @note We recommend proxying any paymaster calls via an API route you setup and control.
+ *  We recommend proxying any paymaster calls via an API route you setup and control.
  * ```
  * @extension EIP5792
  */

package/dist/types/wallets/eip5792/wait-for-bundle.d.ts

@@ -13,7 +13,7 @@ export type WaitForBundleOptions = Prettify<{
 /**
  * Waits for the [EIP-5792](https://eips.ethereum.org/EIPS/eip-5792) bundle to be confirmed.
  *
- * @note This function is dependent on the wallet's support for EIP-5792 and could fail.
+ *  This function is dependent on the wallet's support for EIP-5792 and could fail.
  *
  * @param options - The options for waiting for the bundle.
  * By default, the max wait time is 100 blocks.

package/dist/types/wallets/in-app/core/users/getUser.d.ts

@@ -12,7 +12,7 @@ export type GetUserResult = {
 };
 /**
  * Gets user based on the provided query parameters.
- * @note This function is only available on the server (a secret key is required in the client).
+ *  This function is only available on the server (a secret key is required in the client).
  *
  * @param options - The options for the get user function.
  * @param options.client - The Thirdweb client with a secret key included.

package/dist/types/wallets/smart/smart-wallet.d.ts

@@ -71,6 +71,7 @@ import type { CreateWalletArgs } from "../wallet-types.js";
  *  sponsorGas: true, // enable sponsored transactions
  *  factoryAddress: "0x...", // custom factory address
  * });
+ * ```
  *
  * ## Using v0.7 Entrypoint
  *

package/dist/types/wallets/smart/smart-wallet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"smart-wallet.d.ts","sourceRoot":"","sources":["../../../../src/wallets/smart/smart-wallet.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAW,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAE/D,OAAO,KAAK,EACV,gBAAgB,EAEjB,MAAM,oBAAoB,CAAC;AAG5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoHG;AACH,wBAAgB,WAAW,CACzB,aAAa,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAC1C,MAAM,CAAC,OAAO,CAAC,CA2GjB"}
+{"version":3,"file":"smart-wallet.d.ts","sourceRoot":"","sources":["../../../../src/wallets/smart/smart-wallet.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAW,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAE/D,OAAO,KAAK,EACV,gBAAgB,EAEjB,MAAM,oBAAoB,CAAC;AAG5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqHG;AACH,wBAAgB,WAAW,CACzB,aAAa,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAC1C,MAAM,CAAC,OAAO,CAAC,CA2GjB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "thirdweb",
-  "version": "5.69.1-nightly-f368793375d099eec53569330af7a083e558e483-20241120000334",
+  "version": "5.70.0-nightly-ecaa304a812188da3c81888bb52ca6064093c139-20241121000332",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/thirdweb-dev/js.git#main"

package/src/client/client.ts

@@ -98,6 +98,7 @@ export type ThirdwebClient = {
  *
  * const client = createThirdwebClient({ secretKey: "..." });
  * ```
+ * @client
  */
 export function createThirdwebClient(
   options: CreateThirdwebClientOptions,

package/src/exports/react.ts

@@ -173,10 +173,23 @@ export {
   type CreateDirectListingButtonProps,
 } from "../react/web/ui/prebuilt/thirdweb/CreateDirectListingButton/index.js";
 
+// NFT rendering components
 export {
-  NFT,
+  NFTProvider,
+  type NFTProviderProps,
+} from "../react/web/ui/prebuilt/NFT/provider.js";
+export {
+  NFTName,
+  type NFTNameProps,
+} from "../react/web/ui/prebuilt/NFT/name.js";
+export {
+  NFTDescription,
+  type NFTDescriptionProps,
+} from "../react/web/ui/prebuilt/NFT/description.js";
+export {
+  NFTMedia,
   type NFTMediaProps,
-} from "../react/web/ui/prebuilt/NFT/NFT.js";
+} from "../react/web/ui/prebuilt/NFT/media.js";
 
 export { useConnectionManager } from "../react/core/providers/connection-manager.js";
 
@@ -199,3 +212,44 @@ export type {
 // Site Embed and Linking
 export { SiteEmbed } from "../react/web/ui/SiteEmbed.js";
 export { SiteLink } from "../react/web/ui/SiteLink.js";
+
+// Account
+export {
+  AccountAddress,
+  type AccountAddressProps,
+} from "../react/web/ui/prebuilt/Account/address.js";
+export {
+  AccountBalance,
+  type AccountBalanceProps,
+} from "../react/web/ui/prebuilt/Account/balance.js";
+export {
+  AccountName,
+  type AccountNameProps,
+} from "../react/web/ui/prebuilt/Account/name.js";
+export { AccountBlobbie } from "../react/web/ui/prebuilt/Account/blobbie.js";
+export {
+  AccountProvider,
+  type AccountProviderProps,
+} from "../react/web/ui/prebuilt/Account/provider.js";
+export {
+  AccountAvatar,
+  type AccountAvatarProps,
+} from "../react/web/ui/prebuilt/Account/avatar.js";
+
+// Token
+export {
+  TokenProvider,
+  type TokenProviderProps,
+} from "../react/web/ui/prebuilt/Token/provider.js";
+export {
+  TokenName,
+  type TokenNameProps,
+} from "../react/web/ui/prebuilt/Token/name.js";
+export {
+  TokenSymbol,
+  type TokenSymbolProps,
+} from "../react/web/ui/prebuilt/Token/symbol.js";
+export {
+  TokenIcon,
+  type TokenIconProps,
+} from "../react/web/ui/prebuilt/Token/icon.js";

package/src/extensions/erc721/lazyMinting/read/getBatchesToReveal.ts

@@ -25,7 +25,7 @@ export interface BatchToReveal {
  * @param options.contract {@link ThirdwebContract} - The NFT contract instance.
  * @returns A promise resolving to an array of unrevealed batches.
  *
- * @note Use the `batchId` and corresponding password for each batch to reveal it with `reveal`. {@see reveal}
+ *  Use the `batchId` and corresponding password for each batch to reveal it with `reveal`. {@see reveal}
  * @extension ERC721
  * @example
  * ```ts

package/src/extensions/modules/common/checkModulesCompatibility.ts

@@ -18,6 +18,11 @@ import {
   FN_SELECTOR as getModuleConfigSelector,
 } from "../__generated__/IModule/read/getModuleConfig.js";
 
+/**
+ * Check if the given modules are compatible with the given core contract
+ * @param options
+ * @modules
+ */
 export async function checkModulesCompatibility(options: {
   coreBytecode: string;
   moduleBytecodes: string[];

package/src/extensions/prebuilts/deploy-pack.ts

@@ -73,6 +73,7 @@ export type DeployPackContractOptions = Prettify<
  *   },
  * });
  * ```
+ * @extension DEPLOY
  */
 export async function deployPackContract(options: DeployPackContractOptions) {
   const { chain, client, account, params } = options;

package/src/extensions/thirdweb/write/publish.ts

@@ -113,6 +113,10 @@ export function publishContract(
   });
 }
 
+/**
+ * Returns the default publisher contract on polygon
+ * @utils
+ */
 export function getContractPublisher(client: ThirdwebClient) {
   return getContract({
     client,

package/src/react/core/hooks/others/useChainQuery.ts

@@ -144,13 +144,13 @@ function getQueryOptions(chain?: Chain) {
 }
 
 /**
- * @description Retrieves metadata for a chain such as name, icon, available faucets, block explorers, etc.
+ * Retrieves metadata for a chain such as name, icon, available faucets, block explorers, etc.
  *
  * @param chain - Chain to retrieve metadata for, see [defineChain](https://portal.thirdweb.com/references/typescript/v5/defineChain) for how to create a chain from a chain ID.
- * @returns A React Query result containing the chain metadata, @see {@link ChainMetadata}.
+ * @returns A React Query result containing the chain metadata
  *
  * @example
- * ```jsx
+ * ```
  * import { useChainMetadata } from "thirdweb/react";
  *
  * const { data: chainMetadata } = useChainMetadata(defineChain(11155111));

package/src/react/core/hooks/rpc/useBlockNumber.ts

@@ -18,7 +18,7 @@ export type UseBlockNumberOptions = {
  * @param options - The options for the hook.
  * @returns The latest block number.
  * @example
- * ```jsx
+ * ```ts
  * import { useBlockNumber } from "thirdweb/react";
  * const blockNumber = useBlockNumber({client, chain});
  * ```

package/src/react/core/hooks/wallets/useCapabilities.ts

@@ -8,7 +8,7 @@ import { useActiveWallet } from "./useActiveWallet.js";
 /**
  * A hook to get the current wallet's capabilities according to [EIP-5792](https://eips.ethereum.org/EIPS/eip-5792).
  *
- * @note This function is dependent on the wallet's support for EIP-5792, but will not throw.
+ *  This function is dependent on the wallet's support for EIP-5792, but will not throw.
  * **The returned object contains a `message` field detailing any issues with the wallet's support for EIP-5792.**
  *
  * @returns a React Query object.

package/src/react/core/hooks/wallets/useSendCalls.ts

@@ -24,8 +24,8 @@ import { useActiveWallet } from "./useActiveWallet.js";
  *
  * When calls are sent, all contracts that are interacted with will have their corresponding reads revalidated via React Query.
  *
- * @note This hook is dependent on the wallet's support for EIP-5792 and could fail.
- * @note The mutatuon function will use your currently connected wallet by default, but you can pass it a specific wallet to use if you'd like.
+ *  This hook is dependent on the wallet's support for EIP-5792 and could fail.
+ *  The mutatuon function will use your currently connected wallet by default, but you can pass it a specific wallet to use if you'd like.
  *
  * @returns A React Query mutatuon object to interact with {@link sendCalls}
  * @throws an error if the wallet does not support EIP-5792.
@@ -76,7 +76,7 @@ import { useActiveWallet } from "./useActiveWallet.js";
  * });
  * ```
  *
- * @note We recommend proxying any paymaster calls via an API route you setup and control.
+ *  We recommend proxying any paymaster calls via an API route you setup and control.
  * @extension EIP5792
  */
 export function useSendCalls({

package/src/react/core/providers/connection-manager.tsx

@@ -7,6 +7,9 @@ export const ConnectionManagerCtx = createContext<
   ConnectionManager | undefined
 >(undefined);
 
+/**
+ * @internal
+ */
 export function useConnectionManager() {
   const connectionManager = useConnectionManagerCtx("useConnectionManager");
   if (!connectionManager) {

package/src/react/core/utils/wallet.ts

@@ -77,7 +77,8 @@ export function useEnsAvatar(options: {
 }
 
 /**
- * @internal
+ * @internal This hook is only being used in our react-native package
+ * It can be removed once we migrate the RN UI code to our headless components (AccountProvider, AccountName etc.)
  */
 export function useConnectedWalletDetails(
   client: ThirdwebClient,

package/src/react/core/utils/walletIcon.ts

@@ -62,6 +62,8 @@ export const socialIcons = {
  * const googleIcon = getSocialIcon("google")
  * const appleIcon = getSocialIcon("apple")
  * ```
+ *
+ * @walletUtils
  */
 export function getSocialIcon(provider: AuthOption | ({} & string)): string {
   switch (provider) {

package/src/react/native/hooks/wallets/useProfiles.ts

@@ -10,7 +10,7 @@ import { useAdminWallet } from "../../../core/hooks/wallets/useAdminWallet.js";
  * Retrieves all linked profiles of the connected in-app or ecosystem account.
  *
  * @returns A React Query result containing the linked profiles for the connected in-app account.
- * @note This hook will only run if the connected wallet supports account linking.
+ *  This hook will only run if the connected wallet supports account linking.
  *
  * @example
  * ```jsx

package/src/react/native/providers/thirdweb-provider.tsx

@@ -23,6 +23,7 @@ import { ThirdwebProviderCore } from "../../core/providers/thirdweb-provider.js"
  * }
  * ```
  * @component
+ * @walletConnection
  */
 export function ThirdwebProvider(
   props: React.PropsWithChildren<{

package/src/react/native/ui/AutoConnect/AutoConnect.tsx

@@ -32,6 +32,7 @@ import { useAutoConnect } from "../../hooks/wallets/useAutoConnect.js";
  * }
  * ```
  * @component
+ * @walletConnection
  */
 export function AutoConnect(props: AutoConnectProps) {
   useAutoConnect(props);

package/src/react/native/ui/connect/ConnectModal.tsx

@@ -61,6 +61,7 @@ export type ModalState =
  *
  * Refer to the [`ConnectEmbedProps`](https://portal.thirdweb.com/references/typescript/v5/ConnectEmbedProps) type for more details
  * @component
+ * @walletConnection
  */
 export function ConnectEmbed(props: ConnectEmbedProps) {
   const theme = parseTheme(props.theme);

package/src/react/native/ui/transaction/TransactionButton.tsx

@@ -25,6 +25,7 @@ import { ThemedSpinner } from "../components/spinner.js";
  * </TransactionButton>
  * ```
  * @component
+ * @transaction
  */
 export function TransactionButton(props: TransactionButtonProps) {
   const {

package/src/react/web/hooks/wallets/useProfiles.ts

@@ -10,7 +10,7 @@ import { useAdminWallet } from "../../../core/hooks/wallets/useAdminWallet.js";
  * Retrieves all linked profiles of the connected in-app or ecosystem account.
  *
  * @returns A React Query result containing the linked profiles for the connected in-app account.
- * @note This hook will only run if the connected wallet supports account linking.
+ *  This hook will only run if the connected wallet supports account linking.
  *
  * @example
  * ```jsx

package/src/react/web/providers/thirdweb-provider.tsx

@@ -23,6 +23,7 @@ import { ThirdwebProviderCore } from "../../core/providers/thirdweb-provider.js"
  * }
  * ```
  * @component
+ * @walletConnection
  */
 export function ThirdwebProvider(
   props: React.PropsWithChildren<{

package/src/react/web/ui/AutoConnect/AutoConnect.tsx

@@ -37,6 +37,7 @@ import { useAutoConnect } from "../../hooks/wallets/useAutoConnect.js";
  * }
  * ```
  * @component
+ * @walletConnection
  */
 export function AutoConnect(props: AutoConnectProps) {
   useAutoConnect(props);

package/src/react/web/ui/ConnectWallet/Blobbie.tsx

@@ -21,13 +21,34 @@ const COLOR_OPTIONS = [
   ["#fda4af", "#be123c"],
 ];
 
+/**
+ * Props for the Blobbie component
+ * @component
+ */
+export type BlobbieProps = {
+  address: Address;
+  style?: Omit<React.CSSProperties, "backgroundImage">;
+  className?: string;
+  size?: number;
+};
+
 /**
  * A unique gradient avatar based on the provided address.
  * @param props The component props.
  * @param props.address The address to generate the gradient with.
- * @param props.size The size of each side of the square avatar (in pixels)
+ * @param props.style The CSS style for the component - excluding `backgroundImage`
+ * @param props.className The className for the component
+ * @param props.size The size of each side of the square avatar (in pixels). This prop will override the `width` and `height` attributes from the `style` prop.
+ * @component
+ * @wallet
+ * @example
+ * ```tsx
+ * import { Blobbie } from "thirdweb/react";
+ *
+ * <Blobbie address="0x...." className="w-10 h-10" />
+ * ```
  */
-export function Blobbie(props: { address: Address; size: number }) {
+export function Blobbie(props: BlobbieProps) {
   const id = useId();
   const colors = useMemo(
     () =>
@@ -41,10 +62,16 @@ export function Blobbie(props: { address: Address; size: number }) {
     <div
       id={id}
       style={{
-        width: `${props.size}px`,
-        height: `${props.size}px`,
+        ...props.style,
         backgroundImage: `radial-gradient(ellipse at left bottom, ${colors[0]}, ${colors[1]})`,
+        ...(props.size
+          ? {
+              width: `${props.size}px`,
+              height: `${props.size}px`,
+            }
+          : undefined),
       }}
+      className={props.className}
     />
   );
 }

package/src/react/web/ui/ConnectWallet/ConnectButton.tsx

@@ -23,6 +23,7 @@ import { Spinner } from "../components/Spinner.js";
 import { Container } from "../components/basic.js";
 import { Button } from "../components/buttons.js";
 import { fadeInAnimation } from "../design-system/animations.js";
+import { AccountProvider } from "../prebuilt/Account/provider.js";
 import { ConnectedWalletDetails } from "./Details.js";
 import ConnectModal from "./Modal/ConnectModal.js";
 import { LockIcon } from "./icons/LockIcon.js";
@@ -187,7 +188,7 @@ const TW_CONNECT_WALLET = "tw-connect-wallet";
  *    client={client}
  *    connectModal={{
  *      title: "Sign in to MyApp",
- *      titleIcon: https://example.com/logo.png,
+ *      titleIcon: "https://example.com/logo.png",
  *      size: "compact",
  *    }}
  * />
@@ -269,6 +270,7 @@ const TW_CONNECT_WALLET = "tw-connect-wallet";
  * @returns A JSX element that renders the <ConnectButton> component.
  *
  * @component
+ * @walletConnection
  */
 export function ConnectButton(props: ConnectButtonProps) {
   const wallets = useMemo(
@@ -531,37 +533,39 @@ function ConnectButtonInner(
   }
 
   return (
-    <ConnectedWalletDetails
-      theme={theme}
-      detailsButton={props.detailsButton}
-      detailsModal={props.detailsModal}
-      supportedTokens={supportedTokens}
-      supportedNFTs={props.supportedNFTs}
-      onDisconnect={(info) => {
-        // logout on explicit disconnect!
-        if (siweAuth.requiresAuth) {
-          siweAuth.doLogout();
-        }
-        props.onDisconnect?.(info);
-      }}
-      chains={props?.chains || []}
-      chain={props.chain}
-      switchButton={props.switchButton}
-      client={props.client}
-      connectLocale={locale}
-      connectOptions={{
-        accountAbstraction: props.accountAbstraction,
-        appMetadata: props.appMetadata,
-        chain: props.chain,
-        chains: props.chains,
-        connectModal: props.connectModal,
-        recommendedWallets: props.recommendedWallets,
-        showAllWallets: props.showAllWallets,
-        walletConnect: props.walletConnect,
-        wallets: props.wallets,
-        hiddenWallets: props.detailsModal?.hiddenWallets,
-      }}
-    />
+    <AccountProvider address={activeAccount.address} client={props.client}>
+      <ConnectedWalletDetails
+        theme={theme}
+        detailsButton={props.detailsButton}
+        detailsModal={props.detailsModal}
+        supportedTokens={supportedTokens}
+        supportedNFTs={props.supportedNFTs}
+        onDisconnect={(info) => {
+          // logout on explicit disconnect!
+          if (siweAuth.requiresAuth) {
+            siweAuth.doLogout();
+          }
+          props.onDisconnect?.(info);
+        }}
+        chains={props?.chains || []}
+        chain={props.chain}
+        switchButton={props.switchButton}
+        client={props.client}
+        connectLocale={locale}
+        connectOptions={{
+          accountAbstraction: props.accountAbstraction,
+          appMetadata: props.appMetadata,
+          chain: props.chain,
+          chains: props.chains,
+          connectModal: props.connectModal,
+          recommendedWallets: props.recommendedWallets,
+          showAllWallets: props.showAllWallets,
+          walletConnect: props.walletConnect,
+          wallets: props.wallets,
+          hiddenWallets: props.detailsModal?.hiddenWallets,
+        }}
+      />
+    </AccountProvider>
   );
 }