@b3dotfun/sdk 0.1.2 → 0.1.5

package/dist/types/anyspend/react/components/QRDeposit.d.ts

@@ -1,5 +1,6 @@
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
 import { DepositContractConfig } from "./AnySpendDeposit";
+import type { QRDepositClasses } from "./types/classes";
 export interface QRDepositProps {
     /** Display mode */
     mode?: "modal" | "page";
@@ -25,6 +26,8 @@ export interface QRDepositProps {
     onOrderCreated?: (orderId: string) => void;
     /** Callback when deposit is completed */
     onSuccess?: (txHash?: string) => void;
+    /** Custom classes for styling */
+    classes?: QRDepositClasses;
 }
 /**
  * A component for displaying QR code deposit functionality.
@@ -40,4 +43,4 @@ export interface QRDepositProps {
  *   onSuccess={(txHash) => console.log("Deposit complete:", txHash)}
  * />
  */
-export declare function QRDeposit({ mode, recipientAddress, sourceToken: sourceTokenProp, sourceChainId: sourceChainIdProp, destinationToken, destinationChainId, creatorAddress, depositContractConfig, onBack, onClose, onOrderCreated, onSuccess, }: QRDepositProps): import("react/jsx-runtime").JSX.Element;
+export declare function QRDeposit({ mode, recipientAddress, sourceToken: sourceTokenProp, sourceChainId: sourceChainIdProp, destinationToken, destinationChainId, creatorAddress, depositContractConfig, onBack, onClose, onOrderCreated, onSuccess, classes, }: QRDepositProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/anyspend/react/components/common/CryptoPaySection.d.ts

@@ -1,4 +1,5 @@
 import { components } from "../../../types/api";
+import type { CryptoPaySectionClasses } from "../types/classes";
 import { CryptoPaymentMethodType } from "./CryptoPaymentMethod";
 interface CryptoPaySectionProps {
     selectedSrcChainId: number;
@@ -16,6 +17,7 @@ interface CryptoPaySectionProps {
         preventDefault: () => void;
     }) => void;
     onShowFeeDetail?: () => void;
+    classes?: CryptoPaySectionClasses;
 }
-export declare function CryptoPaySection({ selectedSrcChainId, setSelectedSrcChainId, selectedSrcToken, setSelectedSrcToken, srcAmount, setSrcAmount, isSrcInputDirty, setIsSrcInputDirty, selectedCryptoPaymentMethod, onSelectCryptoPaymentMethod, anyspendQuote, onTokenSelect, onShowFeeDetail, }: CryptoPaySectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function CryptoPaySection({ selectedSrcChainId, setSelectedSrcChainId, selectedSrcToken, setSelectedSrcToken, srcAmount, setSrcAmount, isSrcInputDirty, setIsSrcInputDirty, selectedCryptoPaymentMethod, onSelectCryptoPaymentMethod, anyspendQuote, onTokenSelect, onShowFeeDetail, classes, }: CryptoPaySectionProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/anyspend/react/components/common/CryptoPaymentMethod.d.ts

@@ -1,3 +1,4 @@
+import type { CryptoPaymentMethodClasses } from "../types/classes";
 export declare enum CryptoPaymentMethodType {
     NONE = "none",
     CONNECT_WALLET = "connect_wallet",
@@ -10,6 +11,7 @@ interface CryptoPaymentMethodProps {
     isCreatingOrder: boolean;
     onBack: () => void;
     onSelectPaymentMethod: (method: CryptoPaymentMethodType) => void;
+    classes?: CryptoPaymentMethodClasses;
 }
-export declare function CryptoPaymentMethod({ selectedPaymentMethod, setSelectedPaymentMethod, isCreatingOrder, onBack, onSelectPaymentMethod, }: CryptoPaymentMethodProps): import("react/jsx-runtime").JSX.Element;
+export declare function CryptoPaymentMethod({ selectedPaymentMethod, setSelectedPaymentMethod, isCreatingOrder, onBack, onSelectPaymentMethod, classes, }: CryptoPaymentMethodProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/anyspend/react/components/common/CryptoReceiveSection.d.ts

@@ -1,4 +1,5 @@
 import { components } from "../../../types/api";
+import type { CryptoReceiveSectionClasses } from "../types/classes";
 interface CryptoReceiveSectionProps {
     isDepositMode?: boolean;
     isBuyMode?: boolean;
@@ -19,6 +20,7 @@ interface CryptoReceiveSectionProps {
     dstTokenLogoURI?: string;
     onShowPointsDetail?: () => void;
     onShowFeeDetail?: () => void;
+    classes?: CryptoReceiveSectionClasses;
 }
-export declare function CryptoReceiveSection({ isDepositMode, isBuyMode, effectiveRecipientAddress, recipientName, customRecipientLabel, onSelectRecipient, dstAmount, dstToken, selectedDstChainId, setSelectedDstChainId, setSelectedDstToken, isSrcInputDirty, onChangeDstAmount, anyspendQuote, dstTokenSymbol, dstTokenLogoURI, onShowPointsDetail, onShowFeeDetail, }: CryptoReceiveSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function CryptoReceiveSection({ isDepositMode, isBuyMode, effectiveRecipientAddress, recipientName, customRecipientLabel, onSelectRecipient, dstAmount, dstToken, selectedDstChainId, setSelectedDstChainId, setSelectedDstToken, isSrcInputDirty, onChangeDstAmount, anyspendQuote, dstTokenSymbol, dstTokenLogoURI, onShowPointsDetail, onShowFeeDetail, classes, }: CryptoReceiveSectionProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/anyspend/react/components/common/FeeDetailPanel.d.ts

@@ -1,8 +1,10 @@
 import { components } from "../../../types/api";
+import type { FeeDetailPanelClasses } from "../types/classes";
 interface FeeDetailPanelProps {
     fee: components["schemas"]["Fee"];
     transactionAmountUsd?: number;
     onBack: () => void;
+    classes?: FeeDetailPanelClasses;
 }
-export declare function FeeDetailPanel({ fee, transactionAmountUsd, onBack }: FeeDetailPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function FeeDetailPanel({ fee, transactionAmountUsd, onBack, classes }: FeeDetailPanelProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/anyspend/react/components/common/FiatPaymentMethod.d.ts

@@ -1,3 +1,4 @@
+import type { FiatPaymentMethodClasses } from "../types/classes";
 export declare enum FiatPaymentMethod {
     NONE = "none",
     COINBASE_PAY = "coinbase_pay",
@@ -14,6 +15,7 @@ interface FiatPaymentMethodProps {
     onBack: () => void;
     onSelectPaymentMethod: (method: FiatPaymentMethod) => void;
     srcAmountOnRamp: string;
+    classes?: FiatPaymentMethodClasses;
 }
-export declare function FiatPaymentMethodComponent({ selectedPaymentMethod, setSelectedPaymentMethod, onBack, onSelectPaymentMethod, srcAmountOnRamp, }: FiatPaymentMethodProps): import("react/jsx-runtime").JSX.Element;
+export declare function FiatPaymentMethodComponent({ selectedPaymentMethod, setSelectedPaymentMethod, onBack, onSelectPaymentMethod, srcAmountOnRamp, classes, }: FiatPaymentMethodProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/anyspend/react/components/common/OrderDetails.d.ts

@@ -1,4 +1,5 @@
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
+import type { OrderDetailsClasses } from "../types/classes";
 import { CryptoPaymentMethodType } from "./CryptoPaymentMethod";
 interface OrderDetailsProps {
     mode?: "modal" | "page";
@@ -17,6 +18,8 @@ interface OrderDetailsProps {
     returnToHomeUrl?: string;
     /** Custom label for the return home button (overrides "Return to Home" / "Close") */
     returnHomeLabel?: string;
+    /** Custom class names for styling specific elements */
+    classes?: OrderDetailsClasses;
 }
 export declare const OrderDetails: import("react").NamedExoticComponent<OrderDetailsProps>;
 export declare const OrderDetailsLoadingView: import("react/jsx-runtime").JSX.Element;

package/dist/types/anyspend/react/components/common/OrderDetailsCollapsible.d.ts

@@ -1,4 +1,5 @@
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
+import type { OrderDetailsCollapsibleClasses } from "../types/classes";
 type Order = components["schemas"]["Order"];
 type Token = components["schemas"]["Token"];
 type Tournament = components["schemas"]["Tournament"];
@@ -16,6 +17,7 @@ interface OrderDetailsCollapsibleProps {
     points?: number;
     isOpen?: boolean;
     onOpenChange?: (isOpen: boolean) => void;
+    classes?: OrderDetailsCollapsibleClasses;
 }
 export declare const OrderDetailsCollapsible: import("react").NamedExoticComponent<OrderDetailsCollapsibleProps>;
 export {};

package/dist/types/anyspend/react/components/common/PanelOnramp.d.ts

@@ -1,7 +1,8 @@
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
 import { GetQuoteResponse } from "@b3dotfun/sdk/anyspend/types/api_req_res";
 import { FiatPaymentMethod } from "./FiatPaymentMethod";
-export declare function PanelOnramp({ srcAmountOnRamp, setSrcAmountOnRamp, selectedPaymentMethod, setActivePanel, _recipientAddress, destinationToken, destinationChainId, destinationAmount, onDestinationTokenChange, onDestinationChainChange, fiatPaymentMethodIndex, recipientSelectionPanelIndex, dstTokenSymbol, hideDstToken, anyspendQuote, onShowPointsDetail, onShowFeeDetail, customUsdInputValues, customRecipientLabel, }: {
+import type { PanelOnrampClasses } from "../types/classes";
+export declare function PanelOnramp({ srcAmountOnRamp, setSrcAmountOnRamp, selectedPaymentMethod, setActivePanel, _recipientAddress, destinationToken, destinationChainId, destinationAmount, onDestinationTokenChange, onDestinationChainChange, fiatPaymentMethodIndex, recipientSelectionPanelIndex, dstTokenSymbol, hideDstToken, anyspendQuote, onShowPointsDetail, onShowFeeDetail, customUsdInputValues, customRecipientLabel, classes, }: {
     srcAmountOnRamp: string;
     setSrcAmountOnRamp: (amount: string) => void;
     selectedPaymentMethod?: FiatPaymentMethod;
@@ -22,4 +23,5 @@ export declare function PanelOnramp({ srcAmountOnRamp, setSrcAmountOnRamp, selec
     customUsdInputValues?: string[];
     /** Custom label for recipient display (overrides recipientName) */
     customRecipientLabel?: string;
+    classes?: PanelOnrampClasses;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/types/anyspend/react/components/common/PanelOnrampPayment.d.ts

@@ -1,5 +1,6 @@
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
 import { GetQuoteResponse } from "@b3dotfun/sdk/anyspend/types/api_req_res";
+import type { PanelOnrampPaymentClasses } from "../types/classes";
 interface PanelOnrampPaymentProps {
     srcAmountOnRamp: string;
     recipientName?: string;
@@ -24,6 +25,7 @@ interface PanelOnrampPaymentProps {
     payload?: any;
     recipientEnsName?: string;
     recipientImageUrl?: string;
+    classes?: PanelOnrampPaymentClasses;
 }
 export declare function PanelOnrampPayment(props: PanelOnrampPaymentProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/anyspend/react/components/common/PointsDetailPanel.d.ts

@@ -1,6 +1,8 @@
+import type { PointsDetailPanelClasses } from "../types/classes";
 interface PointsDetailPanelProps {
     pointsAmount?: number;
     onBack: () => void;
+    classes?: PointsDetailPanelClasses;
 }
-export declare function PointsDetailPanel({ pointsAmount, onBack }: PointsDetailPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function PointsDetailPanel({ pointsAmount, onBack, classes }: PointsDetailPanelProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/anyspend/react/components/common/RecipientSelection.d.ts

@@ -1,3 +1,4 @@
+import type { RecipientSelectionClasses } from "../types/classes";
 export interface RecipientSelectionProps {
     /**
      * Initial recipient address value
@@ -38,5 +39,9 @@ export interface RecipientSelectionProps {
      * @returns true if valid, false otherwise
      */
     validateAddress?: (address: string) => boolean;
+    /**
+     * Custom classes for styling
+     */
+    classes?: RecipientSelectionClasses;
 }
-export declare function RecipientSelection({ initialValue, placeholder, title, description, confirmText, onBack, onConfirm, autoFocus, validateAddress, }: RecipientSelectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function RecipientSelection({ initialValue, placeholder, title, description, confirmText, onBack, onConfirm, autoFocus, validateAddress, classes, }: RecipientSelectionProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/anyspend/react/components/common/TabSection.d.ts

@@ -1,10 +1,12 @@
 import { CryptoPaymentMethodType } from "./CryptoPaymentMethod";
 import { FiatPaymentMethod } from "./FiatPaymentMethod";
+import type { TabSectionClasses } from "../types/classes";
 interface TabSectionProps {
     activeTab: "crypto" | "fiat";
     setActiveTab: (tab: "crypto" | "fiat") => void;
     setSelectedCryptoPaymentMethod: (method: CryptoPaymentMethodType) => void;
     setSelectedFiatPaymentMethod: (method: FiatPaymentMethod) => void;
+    classes?: TabSectionClasses;
 }
-export declare function TabSection({ activeTab, setActiveTab, setSelectedCryptoPaymentMethod, setSelectedFiatPaymentMethod, }: TabSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function TabSection({ activeTab, setActiveTab, setSelectedCryptoPaymentMethod, setSelectedFiatPaymentMethod, classes, }: TabSectionProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/anyspend/react/components/common/TransferCryptoDetails.d.ts

@@ -1,5 +1,6 @@
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
 import { CryptoPaymentMethodType } from "./CryptoPaymentMethod";
+import type { TransferCryptoDetailsClasses } from "../types/classes";
 type Order = components["schemas"]["Order"];
 type Token = components["schemas"]["Token"];
 type Tournament = components["schemas"]["Tournament"];
@@ -13,6 +14,7 @@ interface TransferCryptoDetailsProps {
     onBack: () => void;
     recipientName?: string;
     onPaymentMethodChange?: (method: CryptoPaymentMethodType) => void;
+    classes?: TransferCryptoDetailsClasses;
 }
 export declare const TransferCryptoDetails: import("react").NamedExoticComponent<TransferCryptoDetailsProps>;
 export {};

package/dist/types/anyspend/react/components/common/WarningText.d.ts

@@ -1,8 +1,9 @@
+import type { ChainWarningTextClasses, WarningTextClasses } from "../types/classes";
 export interface WarningTextProps {
     /** The warning message content */
     children: React.ReactNode;
-    /** Additional CSS classes */
-    className?: string;
+    /** Custom classes for styling */
+    classes?: WarningTextClasses;
 }
 /**
  * A generic warning text component with consistent styling.
@@ -12,12 +13,12 @@ export interface WarningTextProps {
  *   Custom warning message
  * </WarningText>
  */
-export declare function WarningText({ children, className }: WarningTextProps): import("react/jsx-runtime").JSX.Element;
+export declare function WarningText({ children, classes }: WarningTextProps): import("react/jsx-runtime").JSX.Element;
 export interface ChainWarningTextProps {
     /** The chain ID to display warning for */
     chainId: number;
-    /** Additional CSS classes */
-    className?: string;
+    /** Custom classes for styling */
+    classes?: ChainWarningTextClasses;
 }
 /**
  * A chain-aware warning text component that displays chain-specific warnings.
@@ -27,6 +28,6 @@ export interface ChainWarningTextProps {
  * <ChainWarningText chainId={HYPERLIQUID_CHAIN_ID} />
  *
  * @example
- * <ChainWarningText chainId={destinationChainId} className="mt-4" />
+ * <ChainWarningText chainId={destinationChainId} classes={{ root: "my-custom-class" }} />
  */
-export declare function ChainWarningText({ chainId, className }: ChainWarningTextProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function ChainWarningText({ chainId, classes }: ChainWarningTextProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/types/anyspend/react/components/index.d.ts

@@ -6,6 +6,7 @@ export { AnySpendCustom } from "./AnySpendCustom";
 export { AnySpendCustomExactIn } from "./AnySpendCustomExactIn";
 export { AnySpendDeposit } from "./AnySpendDeposit";
 export type { AnySpendDepositProps, ChainConfig, DepositContractConfig } from "./AnySpendDeposit";
+export type { AnySpendAllClasses, AnySpendClasses, AnySpendCustomExactInClasses, AnySpendDepositClasses, CryptoPaymentMethodClasses, CryptoPaySectionClasses, CryptoReceiveSectionClasses, FiatPaymentMethodClasses, OrderDetailsClasses, PanelOnrampClasses, QRDepositClasses, RecipientSelectionClasses, } from "./types/classes";
 export { AnySpendDepositHype, HYPE_TOKEN_DETAILS } from "./AnyspendDepositHype";
 export * from "./AnySpendFingerprintWrapper";
 export { AnySpendNFT } from "./AnySpendNFT";

package/dist/types/anyspend/react/components/types/classes.d.ts

@@ -0,0 +1,390 @@
+/**
+ * Classes prop types for AnySpend components customization.
+ * Use these to override default styling of specific elements.
+ */
+/** Classes for AnySpendDeposit component */
+export interface AnySpendDepositClasses {
+    root?: string;
+    chainSelection?: string;
+    form?: string;
+    formContent?: string;
+    closeButton?: string;
+    balanceContainer?: string;
+    balanceLabel?: string;
+    balanceValue?: string;
+    optionsContainer?: string;
+    chainsSkeleton?: string;
+    skeletonItem?: string;
+    chainsContainer?: string;
+    chainButton?: string;
+    chainContent?: string;
+    chainInfo?: string;
+    chainName?: string;
+    chainIcon?: string;
+    chainBalance?: string;
+    chainChevron?: string;
+    generalOptions?: string;
+    optionButton?: string;
+    cryptoButton?: string;
+    qrButton?: string;
+    fiatButton?: string;
+    optionContent?: string;
+    optionInfo?: string;
+    optionTitle?: string;
+    optionDescription?: string;
+    optionIcon?: string;
+    optionChevron?: string;
+    divider?: string;
+    dividerLine?: string;
+    dividerText?: string;
+    backButton?: string;
+    backIcon?: string;
+    backText?: string;
+    header?: string;
+    title?: string;
+}
+/** Classes for AnySpend component */
+export interface AnySpendClasses {
+    root?: string;
+    container?: string;
+    header?: string;
+    headerLogo?: string;
+    headerTitle?: string;
+    tabSection?: string;
+    tabList?: string;
+    tabTrigger?: string;
+    tabTriggerActive?: string;
+    mainContent?: string;
+    inputSection?: string;
+    swapDirectionButton?: string;
+    mainButton?: string;
+    mainButtonDisabled?: string;
+    mainButtonError?: string;
+    historyButton?: string;
+    bottomNavigation?: string;
+    gasIndicator?: string;
+}
+/** Classes for AnySpendCustomExactIn component */
+export interface AnySpendCustomExactInClasses {
+    root?: string;
+    container?: string;
+    header?: string;
+    headerTitle?: string;
+    headerDescription?: string;
+    contentArea?: string;
+    inputSection?: string;
+    swapDirectionButton?: string;
+    mainButton?: string;
+    mainButtonDisabled?: string;
+    mainButtonError?: string;
+    footer?: string;
+    gasIndicator?: string;
+}
+/** Classes for CryptoPaySection component */
+export interface CryptoPaySectionClasses {
+    root?: string;
+    container?: string;
+    label?: string;
+    inputContainer?: string;
+    input?: string;
+    tokenSelector?: string;
+    tokenIcon?: string;
+    tokenSymbol?: string;
+    chainBadge?: string;
+    balanceRow?: string;
+    balanceLabel?: string;
+    balanceValue?: string;
+    maxButton?: string;
+    paymentMethodButton?: string;
+    feeRow?: string;
+}
+/** Classes for CryptoReceiveSection component */
+export interface CryptoReceiveSectionClasses {
+    root?: string;
+    container?: string;
+    label?: string;
+    inputContainer?: string;
+    input?: string;
+    tokenSelector?: string;
+    tokenIcon?: string;
+    tokenSymbol?: string;
+    chainBadge?: string;
+    recipientRow?: string;
+    recipientLabel?: string;
+    recipientValue?: string;
+    recipientButton?: string;
+    pointsRow?: string;
+    feeRow?: string;
+}
+/** Classes for PanelOnramp component */
+export interface PanelOnrampClasses {
+    root?: string;
+    container?: string;
+    amountInput?: string;
+    presetButtons?: string;
+    presetButton?: string;
+    paymentMethodRow?: string;
+    recipientRow?: string;
+    destinationRow?: string;
+    feeRow?: string;
+    pointsRow?: string;
+}
+/** Classes for OrderDetails component */
+export interface OrderDetailsClasses {
+    root?: string;
+    container?: string;
+    header?: string;
+    statusBadge?: string;
+    statusPending?: string;
+    statusSuccess?: string;
+    statusFailed?: string;
+    amountSection?: string;
+    detailsSection?: string;
+    detailRow?: string;
+    detailLabel?: string;
+    detailValue?: string;
+    transactionLink?: string;
+    actionButton?: string;
+    backButton?: string;
+    returnButton?: string;
+}
+/** Classes for RecipientSelection component */
+export interface RecipientSelectionClasses {
+    root?: string;
+    container?: string;
+    header?: string;
+    searchInput?: string;
+    recipientList?: string;
+    recipientItem?: string;
+    recipientItemActive?: string;
+    recipientAvatar?: string;
+    recipientName?: string;
+    recipientAddress?: string;
+    confirmButton?: string;
+    backButton?: string;
+}
+/** Classes for CryptoPaymentMethod component */
+export interface CryptoPaymentMethodClasses {
+    root?: string;
+    container?: string;
+    header?: string;
+    optionsList?: string;
+    optionItem?: string;
+    optionItemActive?: string;
+    optionIcon?: string;
+    optionLabel?: string;
+    optionDescription?: string;
+    backButton?: string;
+}
+/** Classes for FiatPaymentMethod component */
+export interface FiatPaymentMethodClasses {
+    root?: string;
+    container?: string;
+    header?: string;
+    optionsList?: string;
+    optionItem?: string;
+    optionItemActive?: string;
+    optionIcon?: string;
+    optionLabel?: string;
+    optionDescription?: string;
+    backButton?: string;
+}
+/** Classes for WarningText component */
+export interface WarningTextClasses {
+    root?: string;
+}
+/** Classes for ChainWarningText component */
+export interface ChainWarningTextClasses {
+    root?: string;
+}
+/** Classes for TabSection component */
+export interface TabSectionClasses {
+    root?: string;
+    container?: string;
+    tabIndicator?: string;
+    tabButton?: string;
+    tabButtonActive?: string;
+}
+/** Classes for FeeDetailPanel component */
+export interface FeeDetailPanelClasses {
+    root?: string;
+    container?: string;
+    title?: string;
+    tierCard?: string;
+    tierCardTitle?: string;
+    tierRow?: string;
+    tierRowActive?: string;
+    tierLabel?: string;
+    tierValue?: string;
+    expandButton?: string;
+    summaryCard?: string;
+    summaryRow?: string;
+    summaryLabel?: string;
+    summaryValue?: string;
+    summaryDivider?: string;
+    totalRow?: string;
+    totalLabel?: string;
+    totalValue?: string;
+    backButton?: string;
+}
+/** Classes for PointsDetailPanel component */
+export interface PointsDetailPanelClasses {
+    root?: string;
+    container?: string;
+    title?: string;
+    description?: string;
+    highlightText?: string;
+    link?: string;
+    infoCard?: string;
+    infoCardTitle?: string;
+    infoList?: string;
+    infoListItem?: string;
+    backButton?: string;
+}
+/** Classes for PanelOnrampPayment component */
+export interface PanelOnrampPaymentClasses {
+    root?: string;
+    container?: string;
+    summaryTitle?: string;
+    summaryCard?: string;
+    summaryRow?: string;
+    summaryLabel?: string;
+    summaryValue?: string;
+    summaryDivider?: string;
+    amountRow?: string;
+    amountValue?: string;
+    feeText?: string;
+    loadingContainer?: string;
+    loadingSpinner?: string;
+    loadingText?: string;
+    paymentMethodTitle?: string;
+    paymentMethodIcons?: string;
+    paymentOption?: string;
+    paymentOptionIcon?: string;
+    paymentOptionContent?: string;
+    paymentOptionTitle?: string;
+    paymentOptionDescription?: string;
+    paymentOptionFee?: string;
+    paymentOptionChevron?: string;
+    backButton?: string;
+}
+/** Classes for OrderDetailsCollapsible component */
+export interface OrderDetailsCollapsibleClasses {
+    root?: string;
+    container?: string;
+    expandedContent?: string;
+    recipientSection?: string;
+    recipientLabel?: string;
+    recipientInfo?: string;
+    recipientName?: string;
+    recipientAddress?: string;
+    recipientCopyIcon?: string;
+    divider?: string;
+    expectedSection?: string;
+    expectedLabel?: string;
+    expectedValue?: string;
+    expectedAmount?: string;
+    chainInfo?: string;
+    chainText?: string;
+    chainLogo?: string;
+    pointsSection?: string;
+    pointsLabel?: string;
+    pointsValue?: string;
+    idSection?: string;
+    idLabel?: string;
+    idValue?: string;
+    collapsedContainer?: string;
+    collapsedButton?: string;
+    collapsedChevron?: string;
+}
+/** Classes for TransferCryptoDetails component */
+export interface TransferCryptoDetailsClasses {
+    root?: string;
+    container?: string;
+    header?: string;
+    backButton?: string;
+    title?: string;
+    timer?: string;
+    timerSvg?: string;
+    timerBackground?: string;
+    timerProgress?: string;
+    timerText?: string;
+    cardsContainer?: string;
+    amountCard?: string;
+    amountLabel?: string;
+    amountContainer?: string;
+    amountText?: string;
+    amountCopyIcon?: string;
+    chainCard?: string;
+    chainLabel?: string;
+    chainContainer?: string;
+    chainLogo?: string;
+    chainName?: string;
+    qrDepositCard?: string;
+    qrSection?: string;
+    qrWrapper?: string;
+    qrContainer?: string;
+    qrCode?: string;
+    walletHint?: string;
+    walletText?: string;
+    walletIcon?: string;
+    addressSection?: string;
+    addressLabel?: string;
+    addressCopyContainer?: string;
+    addressText?: string;
+    addressCopyIcon?: string;
+    actionsContainer?: string;
+    copyButton?: string;
+}
+/** Classes for QRDeposit component */
+export interface QRDepositClasses {
+    root?: string;
+    container?: string;
+    content?: string;
+    header?: string;
+    backButton?: string;
+    title?: string;
+    closeButton?: string;
+    tokenSelectorContainer?: string;
+    tokenSelectorLabel?: string;
+    tokenSelectorTrigger?: string;
+    qrContent?: string;
+    qrCodeContainer?: string;
+    qrCode?: string;
+    qrScanHint?: string;
+    addressContainer?: string;
+    addressLabel?: string;
+    addressRow?: string;
+    address?: string;
+    addressCopyIcon?: string;
+    watchingIndicator?: string;
+    copyButton?: string;
+    loadingContainer?: string;
+    loadingContent?: string;
+    loadingSpinner?: string;
+    loadingText?: string;
+    orderDetailsContainer?: string;
+    orderDetailsContent?: string;
+}
+/** Combined classes for all AnySpend-related components */
+export interface AnySpendAllClasses {
+    deposit?: AnySpendDepositClasses;
+    anySpend?: AnySpendClasses;
+    customExactIn?: AnySpendCustomExactInClasses;
+    cryptoPaySection?: CryptoPaySectionClasses;
+    cryptoReceiveSection?: CryptoReceiveSectionClasses;
+    panelOnramp?: PanelOnrampClasses;
+    orderDetails?: OrderDetailsClasses;
+    recipientSelection?: RecipientSelectionClasses;
+    cryptoPaymentMethod?: CryptoPaymentMethodClasses;
+    fiatPaymentMethod?: FiatPaymentMethodClasses;
+    qrDeposit?: QRDepositClasses;
+    warningText?: WarningTextClasses;
+    chainWarningText?: ChainWarningTextClasses;
+    tabSection?: TabSectionClasses;
+    feeDetailPanel?: FeeDetailPanelClasses;
+    pointsDetailPanel?: PointsDetailPanelClasses;
+    panelOnrampPayment?: PanelOnrampPaymentClasses;
+    orderDetailsCollapsible?: OrderDetailsCollapsibleClasses;
+    transferCryptoDetails?: TransferCryptoDetailsClasses;
+}

package/dist/types/anyspend/react/hooks/index.d.ts

@@ -1,4 +1,5 @@
 export * from "./useAnyspendCreateOnrampOrder";
+export * from "./useDirectTransfer";
 export * from "./useAnyspendCreateOrder";
 export * from "./useCreateDepositFirstOrder";
 export * from "./useAnyspendOrderAndTransactions";