@b3dotfun/sdk 0.1.2-alpha.0 → 0.1.2-alpha.2

package/dist/esm/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/esm/anyspend/react/components/types/classes.js

@@ -0,0 +1,5 @@
+/**
+ * Classes prop types for AnySpend components customization.
+ * Use these to override default styling of specific elements.
+ */
+export {};

package/dist/esm/global-account/react/stores/useModalStore.d.ts

@@ -1,3 +1,4 @@
+import { AnySpendAllClasses } from "../../../anyspend/react";
 import { components } from "../../../anyspend/types/api";
 import { GenerateSigMintResponse } from "../../../anyspend/types/signatureMint";
 import { AllowedStrategy } from "../../../global-account/react";
@@ -541,6 +542,8 @@ export interface AnySpendDepositModalProps extends BaseModalProps {
     returnHomeLabel?: string;
     /** Whether the deposit requires a custom function (uses AnySpendCustomExactIn). Defaults to false. */
     isCustomDeposit?: boolean;
+    /** Custom class names for styling specific elements */
+    classes?: AnySpendAllClasses;
 }
 /**
  * Union type of all possible modal content types

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

@@ -1,4 +1,5 @@
 import { components } from "../../types/api";
+import type { AnySpendClasses } from "./types/classes";
 export interface RecipientOption {
     address: string;
     icon?: string;
@@ -45,4 +46,6 @@ export declare function AnySpend(props: {
     customRecipientLabel?: string;
     /** Custom label for the return home button (overrides "Return to Home" / "Close") */
     returnHomeLabel?: string;
+    /** Custom class names for styling specific elements */
+    classes?: AnySpendClasses;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/types/anyspend/react/components/AnySpendCustomExactIn.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 { AnySpendCustomExactInClasses } from "./types/classes";
 type CustomExactInConfig = {
     functionAbi: string;
     functionName: string;
@@ -38,6 +39,8 @@ export interface AnySpendCustomExactInProps {
     customRecipientLabel?: string;
     /** Custom label for the return home button (overrides "Return to Home" / "Close") */
     returnHomeLabel?: string;
+    /** Custom class names for styling specific elements */
+    classes?: AnySpendCustomExactInClasses;
 }
 export declare function AnySpendCustomExactIn(props: AnySpendCustomExactInProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/anyspend/react/components/AnySpendDeposit.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 { AnySpendAllClasses } from "./types/classes";
 export interface DepositContractConfig {
     /** Custom function ABI JSON string */
     functionAbi: string;
@@ -94,6 +95,8 @@ export interface AnySpendDepositProps {
      * Defaults to false.
      */
     isCustomDeposit?: boolean;
+    /** Custom class names for styling specific elements */
+    classes?: AnySpendAllClasses;
 }
 /**
  * A flexible deposit component that wraps AnySpendCustomExactIn with optional chain selection.
@@ -130,4 +133,4 @@ export interface AnySpendDepositProps {
  *   onSuccess={(amount) => console.log(`Deposited ${amount}`)}
  * />
  */
-export declare function AnySpendDeposit({ loadOrder, mode, recipientAddress, paymentType: initialPaymentType, sourceTokenAddress, sourceTokenChainId: initialSourceChainId, destinationTokenAddress, destinationTokenChainId, onSuccess, onOpenCustomModal, mainFooter, onTokenSelect, customUsdInputValues, preferEoa, minDestinationAmount, header, orderType, depositContractConfig, showChainSelection, supportedChains, minPoolSize, topChainsCount, onClose, returnToHomeUrl, customRecipientLabel, returnHomeLabel, isCustomDeposit, }: AnySpendDepositProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function AnySpendDeposit({ loadOrder, mode, recipientAddress, paymentType: initialPaymentType, sourceTokenAddress, sourceTokenChainId: initialSourceChainId, destinationTokenAddress, destinationTokenChainId, onSuccess, onOpenCustomModal, mainFooter, onTokenSelect, customUsdInputValues, preferEoa, minDestinationAmount, header, orderType, depositContractConfig, showChainSelection, supportedChains, minPoolSize, topChainsCount, onClose, returnToHomeUrl, customRecipientLabel, returnHomeLabel, isCustomDeposit, classes, }: AnySpendDepositProps): import("react/jsx-runtime").JSX.Element | null;

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 {};