@funkit/connect 0.0.0-20260710210119

package/dist/components/FunAssetAvatar/FunAssetAvatar.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { type BoxProps } from '../Box/Box';
+interface FunAssetAvatarProps {
+    assetSrc?: string;
+    assetTicker?: string;
+    assetName: string;
+    assetIconSize?: BoxProps['height'] & BoxProps['width'];
+    chainId?: string | number;
+    prioritizeDefaults?: boolean;
+    hideIfUnknown?: boolean;
+    largeChainIcon?: boolean;
+    isChainIconHidden?: boolean;
+}
+export declare function FunAssetAvatar({ assetSrc, assetTicker, assetName, assetIconSize, chainId, prioritizeDefaults, hideIfUnknown, largeChainIcon, isChainIconHidden, }: FunAssetAvatarProps): React.JSX.Element | null;
+export {};

package/dist/components/FunBadge/BridgeCustomerStatusBadge.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { BridgeCustomerStatus } from '@funkit/api-base';
+interface BridgeCustomerStatusBadgeProps {
+    status?: BridgeCustomerStatus;
+    /** Complements customer status - if user has KYC in progress with possibly recoverable errors */
+    isSoftRejected?: boolean;
+}
+export declare const BridgeCustomerStatusBadge: ({ status, isSoftRejected, }: BridgeCustomerStatusBadgeProps) => React.JSX.Element | null;
+export {};

package/dist/components/FunBadge/FunBadge.css.d.ts

@@ -0,0 +1,2 @@
+export declare const badgeStyle: string;
+export declare const badgeShineStyle: string;

package/dist/components/FunBadge/FunBadge.d.ts

@@ -0,0 +1,25 @@
+import React, { type CSSProperties, type ReactNode } from 'react';
+import { type BoxProps } from '../Box/Box';
+import { type TextProps } from '../Text/Text';
+interface FunBadgeProps {
+    children: ReactNode;
+    paddingLeft?: BoxProps['paddingLeft'];
+    paddingRight?: BoxProps['paddingRight'];
+    paddingX?: BoxProps['paddingX'];
+    paddingY?: BoxProps['paddingY'];
+    background?: BoxProps['background'];
+    borderRadius?: BoxProps['borderRadius'];
+    borderColor?: BoxProps['borderColor'];
+    color?: TextProps['color'];
+    weight?: TextProps['weight'];
+    iconSrc?: string;
+    shadow?: string;
+    textTransform?: CSSProperties['textTransform'];
+    hasShine?: boolean;
+}
+export declare function FunBadge({ children, background, color, weight, paddingLeft, paddingRight, paddingY, paddingX, borderRadius, borderColor, shadow, textTransform, iconSrc, hasShine, }: FunBadgeProps): React.JSX.Element;
+interface NewTokenBadgeProps {
+    iconSymbol?: string;
+}
+export declare const NewTokenBadge: ({ iconSymbol }: NewTokenBadgeProps) => React.JSX.Element;
+export {};

package/dist/components/FunBottomBar/FunBottomBar.css.d.ts

@@ -0,0 +1 @@
+export declare const topSectionDynamicPadding: string;

package/dist/components/FunBottomBar/FunBottomBar.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { type FunButtonProps } from '../FunButton/FunButton';
+export interface FunBottomBarProps {
+    topSection?: React.ReactNode;
+    topSectionVisible?: boolean;
+    actionButtonProps?: FunButtonProps;
+    onClose?: () => void;
+    onCloseLabel?: string;
+}
+export declare const FunBottomBar: ({ topSection, topSectionVisible, actionButtonProps, onClose, onCloseLabel, }: FunBottomBarProps) => React.JSX.Element | null;

package/dist/components/FunButton/FunBackButton.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { type FunIconButtonProps } from './FunIconButton';
+interface FunBackButtonProps extends Omit<FunIconButtonProps, 'onClick' | 'icon' | 'ariaLabel' | 'size'> {
+    onBack?: () => void;
+}
+export declare const FunBackButton: ({ onBack, ...buttonProps }: FunBackButtonProps) => React.JSX.Element;
+export {};

package/dist/components/FunButton/FunButton.css.d.ts

@@ -0,0 +1,12 @@
+export declare const transitionStyles: string;
+export declare const pressedStyles: string;
+export declare const accentLinkStyle: string;
+export declare const underlineLinkStyle: string;
+export declare const labelLinkStyle: string;
+export declare const funButtonClickableStyle: string;
+export declare const funButtonNonClickableStyle: string;
+export declare const funButtonDisabledStyle: string;
+export declare const funButtonPrimaryGroup: string;
+export declare const funButtonPrimaryDisabledOpacity: string;
+export declare const textHoverTarget: string;
+export declare const gradientBorder: string;

package/dist/components/FunButton/FunButton.d.ts

@@ -0,0 +1,20 @@
+import React, { type MouseEventHandler } from 'react';
+import { type BoxProps } from '../Box/Box';
+export type FunButtonTypes = 'primary' | 'secondary' | 'tertiary' | 'tertiary-small';
+export interface FunButtonProps {
+    id?: string;
+    title: string;
+    customTitleComponent?: React.ReactNode;
+    onClick?: MouseEventHandler;
+    type?: FunButtonTypes;
+    height?: BoxProps['height'];
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    loaderSize?: number;
+    borderRadius?: BoxProps['borderRadius'];
+    textSize?: BoxProps['fontSize'];
+    uppercase?: boolean;
+    textWeight?: BoxProps['fontWeight'];
+    testId?: string;
+}
+export declare function FunButton({ id, title, customTitleComponent, onClick, isDisabled, type, isLoading, loaderSize, textSize, textWeight, borderRadius, height, uppercase, testId, }: FunButtonProps): React.JSX.Element;

package/dist/components/FunButton/FunIconButton.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+import { type BoxProps } from '../Box/Box';
+type BackgroundColorType = Extract<BoxProps['background'], string>;
+type BorderColorType = Extract<BoxProps['borderColor'], string>;
+type FunIconButtonVariant = 'filled' | 'quiet' | 'outlined';
+interface FunIconButtonCustomColors {
+    baseBackground?: BackgroundColorType;
+    disabledBackground?: BackgroundColorType;
+    hoverBackground?: BackgroundColorType;
+    activeBackground?: BackgroundColorType;
+    baseBorder?: BorderColorType;
+    hoverBorder?: BorderColorType;
+    focusedBorder?: BorderColorType;
+}
+export interface FunIconButtonProps extends Pick<BoxProps, 'as' | 'borderRadius' | 'color' | 'fontFamily' | 'fontSize' | 'fontWeight' | 'onBlur' | 'onMouseEnter' | 'onMouseLeave' | 'style' | 'textTransform'> {
+    onClick?: () => void;
+    /** Icon element to be rendered */
+    icon: React.ReactNode;
+    /** Adjust the visual center of the {@link icon} wrapper component, eg. icons that are visually weighted off-center can be pushed by a pixel to one direction to make them look centered */
+    iconVisualWeightCenter?: 'left' | 'top' | 'right' | 'bottom';
+    /** Total height and width of the clickable area (including borders) */
+    size?: BoxProps['height'];
+    /** Overrides width if the button is not round */
+    width?: BoxProps['width'];
+    /** Defaults to 0 - prefer using {@link size} for simple round buttons */
+    paddingX?: BoxProps['paddingX'];
+    /** Defaults to 0 - prefer using {@link size} for simple round buttons */
+    paddingY?: BoxProps['paddingY'];
+    /** Defaults to 8px */
+    gap?: BoxProps['gap'];
+    ariaLabel?: string;
+    renderAsSquare?: boolean;
+    /** Disables onClick but also disables focus via tabbing */
+    isDisabled?: boolean;
+    children?: React.ReactNode;
+    /** Defaults to 'quiet' */
+    variant?: FunIconButtonVariant;
+    isHighlighted?: boolean;
+    colorOverrides?: FunIconButtonCustomColors;
+    href?: string;
+    testId?: string;
+}
+export declare const FunIconButton: ({ children, onClick, icon, iconVisualWeightCenter, size, width, gap, ariaLabel, color, as, isDisabled, borderRadius, style, variant, colorOverrides, testId, ...props }: FunIconButtonProps) => React.JSX.Element;
+export {};

package/dist/components/FunButton/FunLinkButton.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { type TextProps } from '../Text/Text';
+interface FunLinkButtonProps {
+    href?: string;
+    inline?: boolean;
+    onClick?: () => void;
+    text: string;
+    size?: TextProps['size'];
+    weight?: TextProps['weight'];
+    /** Whether link should be distinguished by accent color (with underline displayed after hover) or by underline (with color matching the primary text) or by label link (with color matching the dropdown label) */
+    variant?: 'accent' | 'underline' | 'labelLink';
+}
+/**
+ * A button that looks like a link. Behavior can be customized with `href` (anchor) or `onClick` (button).
+ */
+export declare function FunLinkButton({ inline, href, onClick, text, size, weight, variant, }: FunLinkButtonProps): React.JSX.Element;
+interface ContactSupportLinkProps extends Omit<FunLinkButtonProps, 'text'> {
+    text?: string;
+    children?: string;
+}
+export declare const ContactSupportLink: ({ text, children, size, weight, inline, href, ...rest }: ContactSupportLinkProps) => React.JSX.Element;
+export {};

package/dist/components/FunButton/FunRedirectButton.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { type FunIconButtonProps } from './FunIconButton';
+interface FunRedirectButtonProps extends Omit<FunIconButtonProps, 'icon'> {
+    icon?: React.ReactNode;
+    to: string;
+}
+export declare const FunRedirectButton: ({ to, size, paddingX, paddingY, icon, ...buttonProps }: FunRedirectButtonProps) => React.JSX.Element;
+interface AddressRedirectButtonProps {
+    chainId: string;
+    address: string;
+    customRedirectUrl?: string;
+}
+export declare const AddressRedirectButton: ({ chainId, address, customRedirectUrl, }: AddressRedirectButtonProps) => React.JSX.Element;
+interface TransactionRedirectButtonProps {
+    chainId: string;
+    txHash: string;
+    customRedirectUrl?: string;
+}
+export declare const TransactionRedirectButton: ({ chainId, txHash, customRedirectUrl, }: TransactionRedirectButtonProps) => React.JSX.Element;
+export {};

package/dist/components/FunCheckbox/FunCheckbox.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface FunCheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
+    label: React.ReactNode;
+    onChange?: (checked: boolean) => void;
+}
+/**
+ * Controlled checkbox component.
+ */
+export declare const FunCheckbox: ({ label, onChange, ...props }: FunCheckboxProps) => React.JSX.Element;

package/dist/components/FunCheckoutBlocked/FunCheckoutBlocked.css.d.ts

@@ -0,0 +1 @@
+export declare const funCheckoutBlockedStyle: string;

package/dist/components/FunCheckoutBlocked/FunCheckoutBlocked.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { CheckoutBlockedReason } from '../../modals/CheckoutModal/CheckoutBlockedReason';
+interface FunCheckoutBlockedProps {
+    reason: CheckoutBlockedReason;
+}
+export declare const FunCheckoutBlocked: ({ reason }: FunCheckoutBlockedProps) => React.JSX.Element | null;
+export {};

package/dist/components/FunCheckoutHistory/AddTokenToWalletButton.css.d.ts

@@ -0,0 +1 @@
+export declare const innerButton: string;

package/dist/components/FunCheckoutHistory/AddTokenToWalletButton.d.ts

@@ -0,0 +1,47 @@
+import React, { type ReactNode } from 'react';
+import type { AddToWalletToken } from '../../providers/FunkitCheckoutContext';
+export type AddTokenToWalletBannerStatus = 'idle' | 'pending' | 'success' | 'error';
+interface AddTokenToWalletBannerProps {
+    status: AddTokenToWalletBannerStatus;
+    /** Localized prompt for the left side, e.g. "Add aUSDT to your balance". */
+    prompt: string;
+    /** Localized button label, e.g. "Add to Wallet" / "Added". */
+    actionLabel: string;
+    /**
+     * Localized full-intent aria-label for the button — "Add {symbol} to wallet"
+     * / "{symbol} added to wallet". Decoupled from the visible label so screen
+     * readers still get the per-token intent even though the button itself is
+     * a static "Add to Wallet".
+     */
+    ariaLabel: string;
+    /** Localized error copy shown below the banner when status === 'error'. */
+    errorMessage: string;
+    /**
+     * Icon for the connected wallet (idle/error states only). Resolved by
+     * `usePaymentMethodIcon(PaymentMethod.ACCOUNT_BALANCE, 16)` in the smart
+     * wrapper so it mirrors the wallet glyph the rest of the SDK uses; pending
+     * / success states substitute a spinner / check.
+     */
+    walletIcon: ReactNode;
+    /** Called when the user clicks; only fires when `status` allows it. */
+    onClick?: () => void;
+}
+/**
+ * Presentational banner-with-CTA — no hooks, no wagmi, no gating. The
+ * `AddTokenToWalletButton` smart component below wires this up to
+ * `useAddTokenToWallet`; the story renders the banner directly.
+ */
+export declare function AddTokenToWalletBanner({ status, prompt, actionLabel, ariaLabel, errorMessage, walletIcon, onClick, }: AddTokenToWalletBannerProps): React.JSX.Element;
+interface AddTokenToWalletButtonProps {
+    /** Parents pass `config.addToWalletToken`, gating on its presence. */
+    addToWalletToken: AddToWalletToken;
+}
+/**
+ * Hidden for non-EVM chains and native tokens — EIP-747's `type: 'ERC20'`
+ * doesn't model either. `addToWalletToken` is supplied by the customer flow
+ * (e.g. an Aave aToken receipt that differs from the checkout's destination
+ * token); rendered from `FunDirectExecutionHistoryDetail` (the wallet-
+ * executed success screen).
+ */
+export declare function AddTokenToWalletButton({ addToWalletToken, }: AddTokenToWalletButtonProps): React.JSX.Element | null;
+export {};

package/dist/components/FunCheckoutHistory/FunCheckoutHistoryContent.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { HistoryContentPages } from '../../utils/checkoutHistory';
+interface FunCheckoutHistoryContentProps {
+    depositAddress: `0x${string}`;
+    currentPage: HistoryContentPages;
+    onHelp: () => void;
+    onClose: (opt?: {
+        isNewDeposit?: boolean;
+    }) => void;
+    onAnimationComplete?: (callback: () => void) => void;
+    /** Element ID to be used to mount the CTA action bar */
+    bottomBarId: string;
+    isActiveCheckout: boolean;
+}
+export declare function FunCheckoutHistoryContent({ bottomBarId, currentPage, depositAddress, isActiveCheckout, onAnimationComplete, onClose, onHelp, }: FunCheckoutHistoryContentProps): React.JSX.Element;
+export {};

package/dist/components/FunCheckoutHistory/FunCheckoutHistoryDetail.d.ts

@@ -0,0 +1,19 @@
+import type { CheckoutHistoryItem } from '@funkit/api-base';
+import React from 'react';
+interface FunCheckoutHistoryDetailProps {
+    checkoutHistoryInfo: CheckoutHistoryItem | undefined;
+    onHelp: () => void;
+    onClose: (options?: {
+        isNewDeposit?: boolean;
+    }) => void;
+    onAnimationComplete?: (callback: () => void) => void;
+    /** Element ID to be used to mount the CTA action bar */
+    bottomBarId: string;
+    isActiveCheckout: boolean;
+    showCheckoutStatus?: boolean;
+}
+/**
+ * Processing info about a checkout history item (already created in backend)
+ */
+export declare function FunCheckoutHistoryDetail({ checkoutHistoryInfo, onHelp, onClose, onAnimationComplete, bottomBarId, isActiveCheckout, showCheckoutStatus, }: FunCheckoutHistoryDetailProps): React.JSX.Element;
+export {};

package/dist/components/FunCheckoutHistory/FunCheckoutHistoryHelp.d.ts

@@ -0,0 +1,10 @@
+import { type CheckoutHistoryItem } from '@funkit/api-base';
+import React from 'react';
+interface FunCheckoutHistoryHelpProps {
+    checkoutHistoryInfo: CheckoutHistoryItem | undefined;
+    onBackFromHelpPage: () => void;
+    /** Element ID to be used to mount the CTA action bar */
+    bottomBarId: string;
+}
+export declare function FunCheckoutHistoryHelp({ checkoutHistoryInfo, onBackFromHelpPage, bottomBarId, }: FunCheckoutHistoryHelpProps): React.JSX.Element;
+export {};

package/dist/components/FunCheckoutHistory/FunCheckoutHistoryTransaction.css.d.ts

@@ -0,0 +1 @@
+export declare const expandableTriggerBaseStyles: string;

package/dist/components/FunCheckoutHistory/FunCheckoutHistoryTransaction.d.ts

@@ -0,0 +1,21 @@
+import { type CheckoutHistoryItem, CheckoutState } from '@funkit/api-base';
+import React from 'react';
+interface StatusTagProps {
+    state: CheckoutState;
+    refundState: CheckoutHistoryItem['refundState'];
+    isDelayed: boolean;
+}
+export declare function StatusTag({ state, refundState, isDelayed }: StatusTagProps): React.JSX.Element;
+interface FunTxSummaryHistoryProps {
+    checkoutHistoryItem: CheckoutHistoryItem | undefined;
+    isDelayed?: boolean;
+}
+export declare function FunTxSummaryHistory({ checkoutHistoryItem, isDelayed, }: FunTxSummaryHistoryProps): React.JSX.Element;
+export declare function OrderDetail({ checkoutHistoryItem, }: {
+    checkoutHistoryItem: CheckoutHistoryItem | undefined;
+}): React.JSX.Element;
+interface OrderDetailSectionProps {
+    checkoutHistoryItem: CheckoutHistoryItem;
+}
+export declare const OrderDetailSection: ({ checkoutHistoryItem, }: OrderDetailSectionProps) => React.JSX.Element;
+export {};

package/dist/components/FunCheckoutHistory/FunCheckoutStatus.d.ts

@@ -0,0 +1,9 @@
+import type { CheckoutHistoryItem } from '@funkit/api-base';
+import React from 'react';
+interface FunCheckoutStatusProps {
+    checkoutHistoryItem: CheckoutHistoryItem | undefined;
+    isActiveCheckout: boolean;
+    onOrderDelayed?: () => void;
+}
+export declare function FunCheckoutStatus({ checkoutHistoryItem, isActiveCheckout, onOrderDelayed, }: FunCheckoutStatusProps): React.JSX.Element;
+export {};

package/dist/components/FunCheckoutHistory/FunDirectExecutionHistoryBottomBar.d.ts

@@ -0,0 +1,11 @@
+import { type FC } from 'react';
+import type { FunButtonProps } from '../../components/FunButton/FunButton';
+interface FunDirectExecutionHistoryBottomBarProps {
+    isProcessing: boolean;
+    isLoaded: boolean;
+    onClose?: () => void;
+    onCloseLabel?: string;
+    actionButtonProps?: FunButtonProps;
+}
+export declare const FunDirectExecutionHistoryBottomBar: FC<FunDirectExecutionHistoryBottomBarProps>;
+export {};

package/dist/components/FunCheckoutHistory/FunDirectExecutionHistoryDetail.d.ts

@@ -0,0 +1,33 @@
+import type { DirectExecution } from '@funkit/api-base';
+import React from 'react';
+import type { MergedMultiStepDirectExecution } from '../../domains/checkoutNotifications';
+import type { TextConfigStatus, TextConfigSteps } from '../TransactionStatus/TransactionStatus';
+import type { FunDirectExecutionStatusProps } from './FunDirectExecutionStatus';
+export declare function FunDirectExecutionHistoryDetail({ bottomBarId, directExecution, isActiveCheckout, onClose, onAnimationComplete, showCheckoutStatus, customTextConfigStatus, customTextConfigSteps, dangerousCustomDelayedAutoTriggerCutoff, disableAutoUpdate, hideYouReceive, }: {
+    bottomBarId: string;
+    directExecution?: DirectExecution;
+    isActiveCheckout: boolean;
+    onClose: (options?: {
+        isNewDeposit?: boolean;
+    }) => void;
+    onAnimationComplete?: (callback: () => void) => void;
+    showCheckoutStatus?: boolean;
+    customTextConfigStatus?: TextConfigStatus;
+    customTextConfigSteps?: TextConfigSteps;
+    /**
+     * *WARNING*: READ BEFORE USING!
+     * ---
+     * {@link FunDirectExecutionStatusProps['dangerousCustomDelayedAutoTriggerCutoff']}
+     */
+    dangerousCustomDelayedAutoTriggerCutoff?: FunDirectExecutionStatusProps['dangerousCustomDelayedAutoTriggerCutoff'];
+    /**
+     * By default this component will use hash of direct execution to fetch latest data.
+     * If you want to disable this, set this to true.
+     */
+    disableAutoUpdate?: boolean;
+    hideYouReceive?: boolean;
+}): React.JSX.Element;
+export declare function DirectExecutionOrderDetailSection({ directExecution, disabled, }: {
+    directExecution: MergedMultiStepDirectExecution;
+    disabled?: boolean;
+}): React.JSX.Element;

package/dist/components/FunCheckoutHistory/FunDirectExecutionStatus.d.ts

@@ -0,0 +1,28 @@
+import type { DirectExecution } from '@funkit/api-base';
+import React from 'react';
+import { type TextConfigStatus, type TextConfigSteps } from '../TransactionStatus/TransactionStatus';
+export interface FunDirectExecutionStatusProps {
+    directExecution: DirectExecution | undefined;
+    isActiveCheckout: boolean;
+    customTextConfigStatus?: TextConfigStatus;
+    customTextConfigSteps?: TextConfigSteps;
+    /**
+     * *WARNING*: READ BELOW BEFORE USING THIS!
+     * ---
+     * If provided, will override the default 60 second cutoff for delayed auto trigger.
+     * This MUST only be used when there's an absolutely unavoidable delay in the execution.
+     * For example: it could be used for Bitcoin transactions because of long block confirmation times.
+     * Another example: Coinbase withdrawal that can take couple of minutes to complete.
+     *
+     * In normal cases, you SHOULD NEVER USE THIS to increase the delayed auto trigger cutoff!
+     * As when transaction is delayed it's our fuck up and we must at least acknowledge it
+     * and encourage user to contact support (that's what delayed status does)
+     */
+    dangerousCustomDelayedAutoTriggerCutoff?: number;
+    /**
+     * By default this component will use hash of direct execution to fetch latest data.
+     * If you want to disable this, set this to true.
+     */
+    disableAutoUpdate?: boolean;
+}
+export declare function FunDirectExecutionStatus({ directExecution, isActiveCheckout, customTextConfigStatus, customTextConfigSteps, dangerousCustomDelayedAutoTriggerCutoff, disableAutoUpdate, }: FunDirectExecutionStatusProps): React.JSX.Element;

package/dist/components/FunCheckoutHistory/FunTxSummarySections.d.ts

@@ -0,0 +1,7 @@
+import React, { type ReactNode } from 'react';
+type Falsy = null | undefined | false;
+type Section = (ReactNode | Falsy)[];
+export declare function FunTxSummarySections({ sections, }: {
+    sections: (Section | Falsy)[];
+}): React.JSX.Element;
+export {};

package/dist/components/FunCheckoutHistory/PendingSuccessScreen.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { TextConfigSteps } from '../../components/TransactionStatus/TransactionStatus';
+import type { FunkitCheckoutQuoteResult } from '../../domains/quote';
+export interface PendingSuccessScreenProps {
+    bottomBarId: string;
+    onClose: () => void;
+    onAction: () => void;
+    customTextConfigSteps?: TextConfigSteps;
+    quote?: FunkitCheckoutQuoteResult | null;
+    isWithdrawal?: boolean;
+    hideYouReceive: boolean;
+}
+export declare const PendingSuccessScreen: ({ bottomBarId, onClose, onAction, customTextConfigSteps, quote, isWithdrawal, hideYouReceive, }: PendingSuccessScreenProps) => React.JSX.Element | null;

package/dist/components/FunCheckoutHistory/TotalTimeItem.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare function TotalTimeItem({ label, isLoaded, seconds, }: {
+    label: string;
+    isLoaded: boolean;
+    seconds: number;
+}): React.JSX.Element;

package/dist/components/FunCheckoutHistory/YouSendItem.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { HistoricalCheckoutItem } from '../../domains/clientMetadata';
+export declare function YouSendItem({ clientMetadata, isLoaded, }: {
+    clientMetadata: HistoricalCheckoutItem | undefined;
+    isLoaded: boolean;
+}): React.JSX.Element;

package/dist/components/FunCheckoutHistory/useCustomStatusAnimationAboveTopbar.d.ts

@@ -0,0 +1,31 @@
+import React, { type ReactNode } from 'react';
+import type { Address } from 'viem';
+interface CustomStatusAnimationParams {
+    depositAddress: Address | undefined;
+    /** Whether this is an active checkout (i.e. not history) */
+    isActiveCheckout: boolean;
+    /** Whether status icon is currently shown */
+    isCheckoutDetailView: boolean;
+    /** Top padding of the scrolling container (required to set the correct position) */
+    paddingTop: number;
+    /** Modal topbar */
+    topbar: ReactNode;
+    /** Whether to show the topbar divider when _not_ in checkout detail view */
+    withTopDivider: 'always' | 'never' | 'scroll' | undefined;
+    /** ID of the element to scroll (main dialog content) when scrolling over the overflowed title */
+    scrollableContent: string;
+}
+interface CustomStatusAnimationReturn {
+    /** To be passed to scrolling container, to sync the scroll position */
+    onScroll: React.UIEventHandler<HTMLElement>;
+    /** Modal topbar, to which a modulated-opacity background was added */
+    topbar: ReactNode;
+    /** Whether to show the topbar divider */
+    withTopDivider: 'always' | 'never' | 'scroll' | undefined;
+}
+/**
+ * Hook for sharing the logic for the custom status icon animation in checkout details. This is very
+ * much _not_ generic or intended to be reused anywhere, but the component itself is duplicated.
+ */
+export declare function useCustomStatusAnimationAboveTopbar({ depositAddress, isActiveCheckout, isCheckoutDetailView, paddingTop, topbar, withTopDivider, scrollableContent, }: CustomStatusAnimationParams): CustomStatusAnimationReturn;
+export {};

package/dist/components/FunConnectOptions/FunConnectOptions.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export declare enum ConnectStep {
+    SIGNIN_PRIMARY = 0,
+    PENDING_WALLET = 1,
+    ERROR_WEB3 = 2
+}
+interface FunConnectOptionsProps {
+    onClose: () => void;
+    initialScreenOnBack?: () => void;
+    walletsOnly?: boolean;
+}
+export declare function FunConnectOptions({ onClose, initialScreenOnBack, }: FunConnectOptionsProps): React.JSX.Element;
+export {};

package/dist/components/FunConnectOptions/FunConnectResultStep.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { WalletConnector } from '../../wallets/useWalletConnectors';
+type ResultType = 'success' | 'error';
+interface FunErrorContentProps {
+    onClose: () => void;
+    wallet: WalletConnector | undefined;
+    type: ResultType;
+    qrCodeUri: string;
+}
+export declare const FunConnectResultStep: ({ onClose, type, wallet, qrCodeUri, }: FunErrorContentProps) => React.JSX.Element;
+export {};

package/dist/components/FunConnectOptions/FunSignInStep.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { type WalletConnector } from '../../wallets/useWalletConnectors';
+import { ConnectStep } from './FunConnectOptions';
+/**
+ * Modal content for a user that is not signed-in yet
+ * Shows Web3 sign in options
+ */
+export declare function FunSignInStep({ onClose, changeStep, setSelectedWallet, connectToWallet, setQrCodeUri, }: {
+    onClose: () => void;
+    signInStep: ConnectStep;
+    changeStep: (p: ConnectStep) => void;
+    setSelectedWallet: React.Dispatch<React.SetStateAction<WalletConnector | undefined>>;
+    connectToWallet: (wallet: WalletConnector) => void;
+    setQrCodeUri: React.Dispatch<React.SetStateAction<string>>;
+}): React.JSX.Element;

package/dist/components/FunConnectOptions/FunWeb3ConnectingStep.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { WalletConnector } from '../../wallets/useWalletConnectors';
+interface Props {
+    selectedWallet: WalletConnector | undefined;
+    qrCodeUri: string;
+}
+export declare const FunWeb3ConnectingStep: ({ selectedWallet, qrCodeUri }: Props) => React.JSX.Element | null;
+export {};

package/dist/components/FunCountdown/FunCountdown.css.d.ts

@@ -0,0 +1,2 @@
+export declare const backgroundRing: string;
+export declare const counterRing: string;

package/dist/components/FunCountdown/FunCountdown.d.ts

@@ -0,0 +1,17 @@
+import React, { type ReactNode } from 'react';
+export interface FunCountdownProps {
+    countdownSeconds: number;
+    initialRemainingSeconds?: number;
+    counterSize?: number;
+    strokeWidth?: number;
+    onCountdownEnded?: () => void;
+    onBeforeCountdownEndsSeconds?: number;
+    onBeforeCountdownEnds?: () => void;
+    onCountdownLastSecond?: () => void;
+    children?: ReactNode | ((remainingSeconds: number) => ReactNode);
+    isHidden?: boolean;
+    isPaused?: boolean;
+    /** Optional component to be used instead of the countdown after it ends */
+    delayedComponent?: ReactNode;
+}
+export declare const FunCountdown: ({ countdownSeconds, initialRemainingSeconds, counterSize, onCountdownEnded, onBeforeCountdownEnds, onBeforeCountdownEndsSeconds, onCountdownLastSecond, strokeWidth, isHidden, isPaused, children, delayedComponent, }: FunCountdownProps) => React.JSX.Element | null;

package/dist/components/FunDivider/FunDivider.css.d.ts

@@ -0,0 +1 @@
+export declare const dividerBorder: string;

package/dist/components/FunDivider/FunDivider.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { type BoxProps } from '../Box/Box';
+interface FunDividerProps {
+    marginTop?: BoxProps['marginTop'];
+    marginBottom?: BoxProps['marginBottom'];
+    borderColor?: BoxProps['borderColor'];
+    label?: string;
+    className?: string;
+    visible?: boolean;
+}
+export declare function FunDivider({ marginTop, marginBottom, borderColor, label, className, visible, }: FunDividerProps): React.JSX.Element;
+export {};

package/dist/components/FunDot/FunDot.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function FunDot(): React.JSX.Element;

package/dist/components/FunFeatureList/FunFeatureList.css.d.ts

@@ -0,0 +1 @@
+export declare const detailsButton: string;

package/dist/components/FunFeatureList/FunFeatureList.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { type BoxProps } from '../Box/Box';
+import { type FunFeatureListItemProps } from './FunFeatureListItem';
+interface FunFeatureListProps {
+    items: FunFeatureListItemProps[];
+    /** if is expandable, the first `items` entry is used as the always displayed item, the rest will become collapsible */
+    isExpandable?: boolean;
+    disabled?: boolean;
+    withBackgroundContainer?: boolean;
+    /** Whether background should be applied only to individual items. Defaults to false since background is applied to the container by default */
+    withBackgroundItem?: boolean;
+    gapBetweenItems?: Extract<BoxProps['gap'], string>;
+    onExpanded?: () => void;
+}
+export declare const FunFeatureList: ({ items, isExpandable, disabled, withBackgroundContainer, withBackgroundItem, gapBetweenItems, onExpanded, }: FunFeatureListProps) => React.JSX.Element;
+export {};