chore: token audit

packages/onchainkit/src/buy/components/BuyButton.tsx

@@ -77,7 +77,9 @@ export function BuyButton() {
   }, [statusName, isDropdownOpen]);
 
   if (!isDisabled && !address) {
-    return <ConnectWallet text="Buy" className="h-12 w-24 min-w-24" />;
+    return (
+      <ConnectWallet disconnectedLabel="Buy" className="h-12 w-24 min-w-24" />
+    );
   }
 
   return (

packages/onchainkit/src/core/types.ts

@@ -63,11 +63,6 @@ export type IsBaseOptions = {
   isMainnetOnly?: boolean;
 };
 
-/**
- * @deprecated Use IsBaseOptions instead
- */
-export type isBaseOptions = IsBaseOptions;
-
 /**
  * Note: exported as public Type
  */
@@ -78,11 +73,6 @@ export type IsEthereumOptions = {
   isMainnetOnly?: boolean;
 };
 
-/**
- * @deprecated Use IsEthereumOptions instead
- */
-export type isEthereumOptions = IsEthereumOptions;
-
 export type Mode = 'auto' | 'light' | 'dark';
 
 /**

packages/onchainkit/src/earn/components/DepositButton.tsx

@@ -67,7 +67,7 @@ export function DepositButton({ className }: DepositButtonReact) {
     return (
       <ConnectWallet
         className={cn('w-full', className)}
-        text="Connect to deposit"
+        disconnectedLabel="Connect to deposit"
       />
     );
   }

packages/onchainkit/src/earn/components/WithdrawButton.tsx

@@ -65,7 +65,7 @@ export function WithdrawButton({ className }: WithdrawButtonReact) {
     return (
       <ConnectWallet
         className={cn('w-full', className)}
-        text="Connect to withdraw"
+        disconnectedLabel="Connect to withdraw"
       />
     );
   }

packages/onchainkit/src/index.ts

@@ -14,8 +14,6 @@ export type {
   IsEthereumOptions,
   OnchainKitConfig,
   OnchainKitContextType,
-  isBaseOptions,
-  isEthereumOptions,
 } from './core/types';
 
 export type { OnchainKitProviderReact } from './types';

packages/onchainkit/src/nft/components/NFTCardDefault.test.tsx

@@ -26,10 +26,6 @@ describe('NFTCardDefault', () => {
       <NFTCardDefault contractAddress="0x123" tokenId="1" />,
     );
 
-    expect(getByTestId('nft-media')).toBeInTheDocument();
-    expect(getByTestId('nft-title')).toBeInTheDocument();
-    expect(getByTestId('nft-owner')).toBeInTheDocument();
-    expect(getByTestId('nft-last-sold-price')).toBeInTheDocument();
-    expect(getByTestId('nft-network')).toBeInTheDocument();
+    expect(getByTestId('nft-card')).toBeInTheDocument();
   });
 });

packages/onchainkit/src/nft/components/NFTCardDefault.tsx

@@ -1,13 +1,6 @@
 'use client';
 import type { NFTCardDefaultReact } from '@/nft/types';
 import { NFTCard } from './NFTCard';
-import {
-  NFTLastSoldPrice,
-  NFTMedia,
-  NFTNetwork,
-  NFTOwner,
-  NFTTitle,
-} from './view';
 
 /**
  * @deprecated Use the `NFTCard` component instead with no 'children' props.
@@ -28,12 +21,6 @@ export function NFTCardDefault({
       onStatus={onStatus}
       onSuccess={onSuccess}
       onError={onError}
-    >
-      <NFTMedia />
-      <NFTTitle />
-      <NFTOwner />
-      <NFTLastSoldPrice />
-      <NFTNetwork />
-    </NFTCard>
+    />
   );
 }

packages/onchainkit/src/token/components/TokenChip.tsx

@@ -2,7 +2,7 @@
 
 import { useTheme } from '../../internal/hooks/useTheme';
 import { background, cn, pressable, text } from '../../styles/theme';
-import type { TokenChipReact } from '../types';
+import type { TokenChipProps } from '../types';
 import { TokenImage } from './TokenImage';
 
 /**
@@ -16,7 +16,7 @@ export function TokenChip({
   onClick,
   className,
   isPressable = true,
-}: TokenChipReact) {
+}: TokenChipProps) {
   const componentTheme = useTheme();
 
   return (

packages/onchainkit/src/token/components/TokenImage.tsx

@@ -2,10 +2,10 @@
 
 import { useMemo } from 'react';
 import { cn } from '../../styles/theme';
-import type { TokenImageReact } from '../types';
+import type { TokenImageProps } from '../types';
 import { getTokenImageColor } from '../utils/getTokenImageColor';
 
-export function TokenImage({ className, size = 24, token }: TokenImageReact) {
+export function TokenImage({ className, size = 24, token }: TokenImageProps) {
   const { image, name } = token;
 
   const styles = useMemo(() => {

packages/onchainkit/src/token/components/TokenRow.tsx

@@ -3,7 +3,7 @@
 import { memo } from 'react';
 import { useTheme } from '../../internal/hooks/useTheme';
 import { cn, color, pressable, text } from '../../styles/theme';
-import type { TokenRowReact } from '../types';
+import type { TokenRowProps } from '../types';
 import { formatAmount } from '../utils/formatAmount';
 import { TokenImage } from './TokenImage';
 
@@ -14,9 +14,8 @@ export const TokenRow = memo(function TokenRow({
   onClick,
   hideImage,
   hideSymbol,
-}: TokenRowReact) {
+}: TokenRowProps) {
   const componentTheme = useTheme();
-
   return (
     <button
       data-testid="ockTokenRow_Container"

packages/onchainkit/src/token/components/TokenSelectButton.tsx

@@ -2,11 +2,11 @@ import { type ForwardedRef, forwardRef } from 'react';
 import { caretDownSvg } from '../../internal/svg/caretDownSvg';
 import { caretUpSvg } from '../../internal/svg/caretUpSvg';
 import { border, cn, color, pressable, text } from '../../styles/theme';
-import type { TokenSelectButtonReact } from '../types';
+import type { TokenSelectButtonProps } from '../types';
 import { TokenImage } from './TokenImage';
 
 export const TokenSelectButton = forwardRef(function TokenSelectButton(
-  { onClick, token, isOpen, className }: TokenSelectButtonReact,
+  { onClick, token, isOpen, className }: TokenSelectButtonProps,
   ref: ForwardedRef<HTMLButtonElement>,
 ) {
   return (

packages/onchainkit/src/token/components/TokenSelectDropdown.tsx

@@ -3,15 +3,15 @@
 import { useCallback, useRef, useState } from 'react';
 import { DropdownMenu } from '../../internal/components/DropdownMenu';
 import { background, border, cn, color } from '../../styles/theme';
-import type { TokenSelectDropdownReact } from '../types';
+import type { TokenSelectDropdownProps } from '../types';
 import { TokenRow } from './TokenRow';
 import { TokenSelectButton } from './TokenSelectButton';
 
 export function TokenSelectDropdown({
   options,
   setToken,
   token,
-}: TokenSelectDropdownReact) {
+}: TokenSelectDropdownProps) {
   const [isOpen, setIsOpen] = useState(false);
   const buttonRef = useRef<HTMLButtonElement>(null);
 
@@ -36,6 +36,7 @@ export function TokenSelectDropdown({
         isOpen={isOpen}
         onClose={closeDropdown}
         align="end"
+        aria-label="Select token"
       >
         <div
           data-testid="ockTokenSelectDropdown_List"