@funkit/connect 0.0.0-20260710210119

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

@@ -0,0 +1,10 @@
+import React, { type ReactNode } from 'react';
+import { type BoxProps } from '../Box/Box';
+export interface FunFeatureListItemProps extends BoxProps {
+    text?: ReactNode;
+    tooltip?: ReactNode;
+    value?: string | string[];
+    prefix?: string;
+    icon: ReactNode;
+}
+export declare const FunFeatureListItem: ({ text, tooltip, value, prefix, icon, ...boxProps }: FunFeatureListItemProps) => React.JSX.Element;

package/dist/components/FunGuarantees/FunGuarantees.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface FunGuaranteeProps {
+    title: string;
+    description?: string;
+    icon: React.ReactNode;
+}
+interface FunGuaranteesProps {
+    guarantees?: FunGuaranteeProps[];
+}
+export declare const FunGuarantees: ({ guarantees }: FunGuaranteesProps) => React.JSX.Element;
+export {};

package/dist/components/FunInfoBanner/ChainInfoBanners.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+/**
+ * Renders only banners for currently selected chain
+ */
+export declare const ChainInfoBanners: ({ chainId }: {
+    chainId: number;
+}) => (React.JSX.Element | null)[] | null;

package/dist/components/FunInfoBanner/EphemeralInfoBanner.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { type InfoBannerProps } from './InfoBanner';
+/** InfoBanner that disappears at a certain point in time */
+export declare const EphemeralInfoBanner: ({ expireAtMs, ...props }: InfoBannerProps & {
+    expireAtMs: number;
+}) => React.JSX.Element | null;

package/dist/components/FunInfoBanner/FunInfoBanner.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface FunInfoBannerProps {
+    configName?: 'showinfobanner' | 'withdrawalinfobanner';
+}
+export declare const FunInfoBanner: ({ configName, }: FunInfoBannerProps) => React.JSX.Element | null;
+export {};

package/dist/components/FunInfoBanner/InfoBanner.css.d.ts

@@ -0,0 +1,2 @@
+export declare const anchorStyle: string;
+export declare const iconWrapperStyle: string;

package/dist/components/FunInfoBanner/InfoBanner.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export type InfoBannerProps = {
+    /** Contents of the banner. Pass plain text or a ReactNode (e.g., <Trans> for links/formatting). */
+    message: string | React.ReactNode;
+    type: 'warning' | 'alert' | 'announcement';
+    expireAtMs?: number;
+};
+export declare const InfoBanner: ({ message, type, }: Omit<InfoBannerProps, "expireAtMs">) => React.JSX.Element;

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

@@ -0,0 +1,10 @@
+export declare const baseWrapperStyles: string;
+export declare const baseWrapperStylesNoTransition: string;
+export declare const numberInputResetStyle: string;
+export declare const inputClass: string;
+export declare const inputClassNoTransition: string;
+export declare const inputClassDisabled: string;
+export declare const inputClassDisabledNoTransition: string;
+export declare const inputClassError: string;
+export declare const hoverWithParentInput: string;
+export declare const inputClassErrorNoTransition: string;

package/dist/components/FunInput/FunInput.d.ts

@@ -0,0 +1,43 @@
+import React, { type ChangeEvent, type HTMLInputTypeAttribute, type ReactNode } from 'react';
+import { type BoxProps } from '../Box/Box';
+export interface FunInputProps<T = HTMLInputElement | HTMLTextAreaElement> {
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    prefixIcon?: 'SearchIcon' | '$';
+    placeholder?: string;
+    value: string | number | readonly string[] | undefined;
+    label?: string;
+    onChange: (value: React.ChangeEvent<T>) => void;
+    onKeyDown?: (e: React.KeyboardEvent<T>) => void;
+    onKeySubmit?: () => void;
+    onPaste?: (e: React.ClipboardEvent<T>) => void;
+    onMouseDown?: (e: React.MouseEvent<T>) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    inputStyle?: React.CSSProperties;
+    inputProps?: React.HTMLProps<T> & {
+        type?: HTMLInputTypeAttribute;
+    };
+    error?: string | boolean;
+    alwaysFocused?: boolean;
+    /** Color meant for prefix & suffix elements. Defaults to secondaryText. */
+    adornmentColor?: BoxProps['color'];
+    fontFamily?: BoxProps['fontFamily'];
+    textWeight?: BoxProps['fontWeight'];
+    ignoreFontSize?: boolean;
+    overrideBorderWidth?: BoxProps['borderWidth'];
+    overrideBackground?: BoxProps['background'];
+    borderRadius?: BoxProps['borderRadius'];
+    isLoading?: boolean;
+    /** Allow multiline input. Defaults to false. This option replaces the internal `input` element with a `textarea` element. */
+    allowMultiline?: T extends HTMLInputElement ? false : true;
+    /** Remove default transitions from the input wrapper and base styles. Defaults to false. */
+    ignoreBaseTransitions?: boolean;
+    /** Color for decimal digits. When specified, decimal portion will be rendered in this color. */
+    decimalsColor?: BoxProps['color'];
+    /** Decimal separator character based on locale (e.g., '.' for en-US, ',' for de-DE). Required for decimalsColor to work. */
+    decimalSeparator?: string;
+    testId?: string;
+}
+export type FunInputChangeEvent = ChangeEvent<HTMLInputElement | HTMLTextAreaElement>;
+export declare const FunInput: React.ForwardRefExoticComponent<FunInputProps<HTMLTextAreaElement | HTMLInputElement> & React.RefAttributes<HTMLTextAreaElement | HTMLInputElement>>;

package/dist/components/FunInput/FunTextAreaInput.css.d.ts

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

package/dist/components/FunInput/FunTextAreaInput.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { FunInputProps } from './FunInput';
+export declare function FunTextAreaInput({ placeholder, value, label, onChange, onKeyDown, onKeySubmit, textWeight, inputStyle, inputProps, error, overrideBorderWidth, overrideBackground, isLoading, }: FunInputProps<HTMLTextAreaElement>): React.JSX.Element;

package/dist/components/FunInput/FunTwoFaInput.d.ts

@@ -0,0 +1,13 @@
+import React, { type ReactNode } from 'react';
+export interface FunTwoFaInputProps {
+    value: string;
+    initialInputLength: number;
+    maxInputLength: number;
+    hasError: boolean;
+    onChange: (input: string) => void;
+    errorMessage?: ReactNode;
+    onResend?: () => void;
+    hasResent?: boolean;
+    onCompleted?: (value: string) => void;
+}
+export declare const FunTwoFaInput: ({ value, onChange, hasError, errorMessage, initialInputLength, maxInputLength, onResend, hasResent, onCompleted, }: FunTwoFaInputProps) => React.JSX.Element;

package/dist/components/FunInputButton/FunInputButton.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface FunInputButtonProps {
+    text: string;
+    label?: string;
+    isDisabled?: boolean;
+    isActive?: boolean;
+    isCopyable?: boolean;
+}
+/**
+ * Wrapper around FunOptionBox providing tooltip functionality on click
+ * Should be grouped in FunOptionPill in new DS along with other components utilizing
+ * @see FunOptionBox
+ */
+export declare const FunInputButton: ({ text, label, isDisabled, isActive, isCopyable, }: FunInputButtonProps) => React.JSX.Element;

package/dist/components/FunMessage/FunMessage.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { type BoxProps } from '../Box/Box';
+interface Props extends BoxProps {
+    icon?: React.ReactNode;
+    title: string;
+    description?: string;
+}
+export declare const FunMessage: ({ icon, title, description, ...boxProps }: Props) => React.JSX.Element;
+export {};

package/dist/components/FunNoResults/FunNoResults.d.ts

@@ -0,0 +1,9 @@
+import React, { type ReactNode } from 'react';
+interface FunNoResultsProps {
+    text: string;
+    title?: string;
+    variant?: 'default' | 'actionable';
+    actionButton?: ReactNode;
+}
+export declare const FunNoResults: ({ text, title, variant, actionButton, }: FunNoResultsProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+export declare const expandedStyles: string;
+export declare const collapsedStyles: string;

package/dist/components/FunNotification/FunNotification.d.ts

@@ -0,0 +1,20 @@
+import React, { type ReactNode } from 'react';
+interface FunNotificationProps {
+    type?: FunNotificationType;
+    description: ReactNode;
+    actionText?: string;
+    onAction?: () => void;
+    isVisible?: boolean;
+    testId?: string;
+}
+export type FunNotificationType = 'default' | 'error' | 'warning' | 'hint' | 'warningAlert';
+export interface ErrorNotification {
+    message: ReactNode;
+    type: FunNotificationType;
+}
+/**
+ * A notification/message component with height resizing animation.
+ * Control visibility by enabling/disabling `isVisible` prop instead of doing an outer conditional rendering.
+ */
+export declare function FunNotification({ type, description, actionText, onAction, isVisible: isVisibleProps, testId, }: FunNotificationProps): React.JSX.Element | null;
+export {};

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

@@ -0,0 +1,2 @@
+export declare const notificationBannerStyle: string;
+export declare const showMoreButtonStyle: string;

package/dist/components/FunNotificationBanner/FunNotificationBanner.d.ts

@@ -0,0 +1,13 @@
+import React, { type ReactNode } from 'react';
+import { type FunNotificationBannerIconProps } from './FunNotificationBannerIcon';
+interface FunNotificationBannerProps extends FunNotificationBannerIconProps {
+    title: string;
+    description: ReactNode;
+    /** Additional text-like content clarifying the description */
+    disclaimer?: ReactNode;
+    children?: ReactNode;
+    onClosed?: () => void;
+    onShowMore?: () => void;
+}
+export declare const FunNotificationBanner: ({ iconUrl, status, fallbackIconUrl, description, disclaimer, title, children, onClosed, onShowMore, }: FunNotificationBannerProps) => React.JSX.Element;
+export {};

package/dist/components/FunNotificationBanner/FunNotificationBannerIcon.css.d.ts

@@ -0,0 +1,5 @@
+export declare const STATUS_SPINNER_BOTTOM_POSITION: number;
+export declare const shadowStyle: string;
+export declare const statusIconWrapper: string;
+export declare const statusIcon: string;
+export declare const statusSpinner: string;

package/dist/components/FunNotificationBanner/FunNotificationBannerIcon.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { NotificationStatus } from '../../modals/CheckoutModal/TransferToken/CheckoutNotification';
+export interface FunNotificationBannerIconProps {
+    iconUrl?: string | null;
+    fallbackIconUrl?: string;
+    status?: NotificationStatus;
+}
+export declare const FunNotificationBannerIcon: ({ status, iconUrl, fallbackIconUrl, }: FunNotificationBannerIconProps) => React.JSX.Element;

package/dist/components/FunNotificationBanner/FunNotificationShowMoreButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+type FunNotificationShowMoreButtonProps = {
+    numberOfNotifications: number;
+    isExpanded: boolean;
+    onClick: () => void;
+};
+export declare const FunNotificationShowMoreButton: ({ numberOfNotifications, isExpanded, onClick, }: FunNotificationShowMoreButtonProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+export declare const funOptionBoxStyle: Record<"activeBackground" | "baseStyle" | "compactListStyle" | "defaultBorder" | "defaultModeNotActiveBorder" | "activeBorder" | "disabledOptionBorder" | "defaultBackground" | "borderedBackground" | "uninteractiveBackground", string>;

package/dist/components/FunOptionBox/FunOptionBox.d.ts

@@ -0,0 +1,12 @@
+import React, { type ReactNode } from 'react';
+import { type BoxProps } from '../Box/Box';
+interface FunOptionBoxProps extends Omit<BoxProps, 'className' | 'cursor' | 'tabIndex' | 'style'> {
+    isActive?: boolean;
+    isCompactList?: boolean;
+    paddingX?: BoxProps['paddingX'];
+    paddingY?: BoxProps['paddingY'];
+    type?: 'default' | 'bordered';
+    children: ReactNode;
+}
+export declare function FunOptionBox({ isActive, isCompactList, onClick, paddingX, paddingY, type, as, borderStyle, borderWidth, borderRadius, display, alignItems, gap, justifyContent, color, children, disabled, ...boxProps }: FunOptionBoxProps): React.JSX.Element;
+export {};

package/dist/components/FunPaymentMethodItem/FunPaymentMethodItem.d.ts

@@ -0,0 +1,23 @@
+import React, { type ReactNode } from 'react';
+import { type BoxProps } from '../Box/Box';
+interface PaymentMethodWrapperProps extends Pick<FunPaymentMethodItemProps, 'isActive' | 'isDisabled' | 'onClick'> {
+    children: ReactNode;
+    paddingY?: BoxProps['paddingY'];
+    testId?: string;
+}
+export declare const PaymentMethodWrapper: ({ paddingY, isActive, isDisabled, onClick, children, testId, }: PaymentMethodWrapperProps) => React.JSX.Element;
+export interface FunPaymentMethodItemProps {
+    keyIcon?: ReactNode;
+    keyText: string;
+    valueIcon?: ReactNode;
+    disclaimerText?: string;
+    badge?: ReactNode;
+    onClick?: () => void;
+    isError?: boolean;
+    isDisabled?: boolean;
+    isActive?: boolean;
+    testId?: string;
+}
+export declare const FunPaymentMethodItem: ({ keyIcon, keyText, valueIcon, disclaimerText, badge, onClick, isError, isDisabled, isActive, testId, }: FunPaymentMethodItemProps) => React.JSX.Element;
+export declare const LoadingFunPaymentMethodItem: () => React.JSX.Element;
+export {};

package/dist/components/FunPaymentMethodItem/FunPaymentMethodItemSkeleton.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const FunPaymentMethodItemSkeleton: () => React.JSX.Element;

package/dist/components/FunPayments/FunPaymentMethods.d.ts

@@ -0,0 +1,108 @@
+import { type SwappedFormOfPayment } from '@funkit/api-base';
+import React, { type ReactNode } from 'react';
+import { type FunkitPaymentMethodIconsConfig } from '../../providers/FunkitConfigContext';
+import { PaymentMethod, type PaymentMethodBrokerageInfo, type PaymentMethodVirtualBankInfo } from '../../domains/paymentMethods';
+import type { AssetHoldingsItem } from '../../domains/wallet';
+/**
+ * Get a custom icon passed in from UI customization config
+ * These icons are passed in from client to support enhanced branding+design
+ * Called "value icon" in the context of FunPaymentMethodItem
+ */
+export declare function getIconFromUiConfig(paymentMethod: PaymentMethod, iconConfig: FunkitPaymentMethodIconsConfig | undefined, defaultIconSize?: number): ReactNode | undefined;
+export declare const getDynamicValueIconComponent: () => React.JSX.Element;
+/**
+ * Statsig's `connectwalletchainiconorder` only carries the chains we want to
+ * lead with (e.g. by TVL/usage) — anything else checkout-supports still needs
+ * to render after them rather than being silently dropped.
+ */
+export declare function resolveConnectWalletChainOrder(configuredOrder: readonly (string | number)[]): string[];
+export declare function SupportedChainList({ chainIdList, iconSize, style, }: {
+    chainIdList: string[];
+    iconSize?: number;
+    style?: React.CSSProperties;
+}): React.JSX.Element;
+export declare function PaymentMethodIcon({ paymentIcon, keyIconSize, }: {
+    paymentIcon: ReactNode;
+    keyIconSize: number;
+}): React.JSX.Element;
+interface ConnectedBluvoPaymentMethodItemProps extends ConnectedPaymentMethodItemProps {
+    paymentMethodInfo: PaymentMethodBrokerageInfo;
+    onBrokerageError?: () => void;
+    disabled?: boolean;
+}
+/**
+ * Note: This is different from `BrokeragePaymentMethodItem`, which is used as a
+ * button to initiate connecting a new brokerage account.
+ * This is for connected Bluvo brokerage like coinbase etc.
+ */
+export declare const ConnectedBluvoPaymentMethodItem: ({ paymentMethodInfo, isSelected, onSelect, onBrokerageError, showSelectedCheckmark, disabled, }: ConnectedBluvoPaymentMethodItemProps) => React.JSX.Element;
+interface ConnectedPaymentMethodItemProps {
+    isSelected: boolean;
+    showSelectedCheckmark?: boolean;
+    onSelect: () => void;
+    targetChainId: string;
+    testId?: string;
+    disabled?: boolean;
+}
+export declare const AccountBalancePaymentMethodItem: ({ isSelected, showSelectedCheckmark, onSelect, targetChainId, testId, disabled, }: ConnectedPaymentMethodItemProps) => React.JSX.Element;
+export declare const BitcoinLightningPaymentMethodItem: ({ isActive, onClick, isClickable, customValueIcon, paymentIcon, isCashApp, }: PaymentMethodItemProps & {
+    isCashApp?: boolean;
+}) => React.JSX.Element;
+export declare const ActiveFiatAccountPaymentMethodItem: ({ isActive, onClick, paymentMethodInfo, customValueIcon, testId, disabled, }: BasePaymentMethodItemProps & {
+    paymentMethodInfo: PaymentMethodVirtualBankInfo;
+    testId?: string;
+    disabled?: boolean;
+}) => React.JSX.Element;
+type BasePaymentMethodItemProps = {
+    isActive: boolean;
+    onClick: () => void;
+    isClickable?: boolean;
+    customValueIcon?: ReactNode;
+    testId?: string;
+};
+type PaymentMethodItemProps = BasePaymentMethodItemProps & {
+    paymentIcon: ReactNode;
+};
+export declare function AddPaymentMethodItem({ paymentMethod, isClickable, isActive, onClick, customValueIcon, testId, }: BasePaymentMethodItemProps & {
+    paymentMethod: PaymentMethod;
+    dynamicLimit?: string;
+}): React.JSX.Element | undefined;
+/**
+ * Source-list row for the underlying asset a customer is supplying
+ * (e.g. USDT for an Aave aUSDT checkout) when the user already holds
+ * it. Click pre-selects the asset as the source and skips
+ * asset-select via SourceChange's `skipAssetSelect` routing.
+ */
+export declare function NativeAssetItem({ asset, label, onClick, }: {
+    asset: AssetHoldingsItem;
+    label: string;
+    onClick: () => void;
+}): React.JSX.Element;
+export declare function PayPalPaymentMethodItem({ isActive, isClickable, onClick, isLoading, }: BasePaymentMethodItemProps & {
+    isLoading: boolean;
+}): React.JSX.Element;
+export declare function PaymentMethodDisabledBadge(props: {
+    reason: 'comingSoon' | 'geoblocked' | 'lowBalance';
+} | {
+    reason: 'insufficientBalance';
+    /** Minimum amount for 'insufficientBalance' reason only */
+    minAmount: {
+        amount: number;
+        currency: string;
+    };
+}): React.JSX.Element | null;
+/**
+ * Payment method item for a Form of Payment from the fops API (Swapped providers)
+ */
+export declare function FopPaymentMethodItem({ fop, isActive, onClick, testId, disclaimerLimit, disabled, isBelowMinimum, }: BasePaymentMethodItemProps & {
+    fop: SwappedFormOfPayment;
+    /**
+     * Omit to show processing time only — withdrawal hides the limit when the
+     * user's balance is below the method's limit (no meaningful limit to show).
+     */
+    disclaimerLimit?: string;
+    disabled?: boolean;
+    /** Withdrawal off-ramp only: balance can't meet the cash sell minimum. */
+    isBelowMinimum?: boolean;
+}): React.JSX.Element;
+export {};

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

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

package/dist/components/FunPoweredTagline/FunPoweredTagline.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface FunPoweredTaglineProps {
+    enableBorderTop?: boolean;
+}
+export declare function FunPoweredTagline({ enableBorderTop, }: FunPoweredTaglineProps): React.JSX.Element;

package/dist/components/FunSelect/FunClickOutside.d.ts

@@ -0,0 +1,7 @@
+import React, { type PropsWithChildren } from 'react';
+/**
+ * This component fires a callback (onClick) if a mouseclick has been detected outside its child component
+ */
+export declare function FunClickOutside({ children, onClick, }: PropsWithChildren<{
+    onClick: () => void;
+}>): React.JSX.Element;

package/dist/components/FunSelect/FunSelect.d.ts

@@ -0,0 +1,16 @@
+import React, { type ReactNode } from 'react';
+export interface FunSelectOption<T = string> {
+    value: T;
+    label: ReactNode;
+    isDisabled: boolean;
+}
+interface FunSelectProps {
+    initValue: string;
+    options: FunSelectOption[];
+    onChange: (newValue: string) => void;
+}
+/**
+ * @deprecated Utilize BaseDropdown instead
+ */
+export declare const FunSelect: ({ initValue, options, onChange }: FunSelectProps) => React.JSX.Element;
+export {};

package/dist/components/FunSelectBrokerage/FunBrokerageItem.css.d.ts

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

package/dist/components/FunSelectBrokerage/FunBrokerageItem.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { type TextProps } from '../Text/Text';
+export interface FunBrokerageItemProps {
+    exchangeName: string;
+    exchangeIcon: React.ReactNode;
+    hasActiveConnection: boolean;
+    badgeText?: string;
+    disabled?: boolean;
+    fontSize?: TextProps['size'];
+    fontWeight?: TextProps['weight'];
+}
+export declare const FunBrokerageItem: ({ exchangeName, exchangeIcon, hasActiveConnection, badgeText, disabled, fontSize, fontWeight, }: FunBrokerageItemProps) => React.JSX.Element;

package/dist/components/FunSelectBrokerage/FunSelectBrokerage.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { type BrokerageOption } from '../../consts/bluvo';
+interface FunSelectBrokerageProps {
+    isDisabled?: boolean;
+    options: ReadonlyArray<BrokerageOption>;
+    onSelect: (option: BrokerageOption) => void;
+    selectedKey: string | undefined;
+}
+export declare function FunSelectBrokerage({ isDisabled, options, onSelect, selectedKey, }: FunSelectBrokerageProps): React.JSX.Element;
+export {};

package/dist/components/FunSkeletonLoader/FunSkeletonBlock.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { type BoxProps } from '../Box/Box';
+type FunSkeletonBlockProps = {
+    borderRadius?: BoxProps['borderRadius'];
+    marginBottom?: BoxProps['marginBottom'];
+    marginTop?: BoxProps['marginTop'];
+    style?: BoxProps['style'];
+    /** Defaults to full width */
+    width?: BoxProps['width'];
+} & ({
+    fontSize?: never;
+    height: Exclude<BoxProps['height'], undefined> | `${number}px`;
+} | {
+    fontSize: Exclude<BoxProps['fontSize'], undefined | 'inherit'>;
+    height?: never;
+});
+export declare function FunSkeletonBlock({ borderRadius, fontSize, height, width, ...props }: FunSkeletonBlockProps): React.JSX.Element;
+export {};

package/dist/components/FunSkeletonLoader/FunSkeletonCircle.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { type BoxProps } from '../Box/Box';
+export type FunSkeletonCircleProps = Pick<BoxProps, 'margin' | 'marginBottom' | 'marginLeft' | 'marginRight' | 'marginTop'> & {
+    /** Defaults to 20px */
+    size?: BoxProps['height'] & BoxProps['width'];
+};
+export declare function FunSkeletonCircle({ size, ...props }: FunSkeletonCircleProps): React.JSX.Element;

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

@@ -0,0 +1,2 @@
+export declare const animateSkeletonClass: string;
+export declare const circleSkeletonClass: string;

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

@@ -0,0 +1,2 @@
+export declare const tooltipTrigger: string;
+export declare const tooltipContent: string;

package/dist/components/FunTooltip/FunTooltip.d.ts

@@ -0,0 +1,38 @@
+import React, { type ReactNode } from 'react';
+import { type BoxProps } from '../Box/Box';
+export interface FunTooltipProps {
+    content: ReactNode;
+    children?: ReactNode;
+    /**
+     * @deprecated No longer needed. Radix handles collision detection automatically.
+     */
+    wrapperElementRef?: React.RefObject<HTMLDivElement | null>;
+    /**
+     * @deprecated No longer needed. Radix handles collision detection automatically.
+     */
+    enableDynamicPositioning?: boolean;
+    /**
+     * Tooltip alignment relative to the trigger along `side`:
+     * - 'center': centered (default)
+     * - 'left': aligned to the trigger's left edge
+     * - 'right': aligned to the trigger's right edge
+     */
+    tooltipPosition?: 'center' | 'left' | 'right';
+    /**
+     * Which side of the trigger the tooltip opens on. Defaults to 'top'.
+     * Radix still flips to the opposite side on collision.
+     */
+    side?: 'top' | 'bottom' | 'left' | 'right';
+    /**
+     * Offset from trigger element in pixels. Defaults to 6px.
+     */
+    sideOffset?: number;
+    maxWidth?: number;
+    /**
+     * Delay in ms before showing the tooltip. Defaults to 0ms.
+     */
+    startDelay?: number;
+    width?: BoxProps['width'];
+}
+export declare const TooltipAnchorRefContext: React.Context<React.RefObject<HTMLElement | null> | null>;
+export declare const FunTooltip: ({ content, children, tooltipPosition, side, sideOffset, maxWidth, startDelay, width, }: FunTooltipProps) => React.JSX.Element;

package/dist/components/FunTransactionSummary/DestinationHealthFactorRow.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface HealthFactorInfo {
+    /** Current health factor (decimal string), or `null` when unavailable. */
+    before: string | null;
+    /** Projected health factor after the supply (decimal string), or `null`. */
+    after: string | null;
+    isLoading: boolean;
+}
+/**
+ * Health factor (`before → after`) for an Aave supply — the preview the native
+ * fast-path lost by skipping confirmation.
+ */
+export declare function DestinationHealthFactorRow({ healthFactorInfo, }: {
+    healthFactorInfo?: HealthFactorInfo;
+}): React.JSX.Element | null;

package/dist/components/FunTransactionSummary/DestinationYieldRows.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { FunkitCheckoutConfig } from '../../providers/FunkitCheckoutContext/types';
+export declare const YIELD_GREEN = "#478f00";
+/**
+ * Renders integrator-provided destination yield metadata (Supply APY /
+ * Collateralization) as rows. Driven by the customer-agnostic
+ * `destinationYieldInfo` checkout-config field — the SDK never fetches these;
+ * the integrator resolves and threads them in (e.g. Aave's
+ * `createAaveSupplyCheckoutConfig`).
+ *
+ * Owns its leading `FunTxSummaryDivider` so it can be appended inside the
+ * payment method summary box, and returns `null` when no value is present so
+ * no orphan divider appears.
+ */
+export declare function DestinationYieldRows({ yieldInfo, }: {
+    yieldInfo: FunkitCheckoutConfig['destinationYieldInfo'];
+}): React.JSX.Element | null;

package/dist/components/FunTransactionSummary/FunTxSummaryComponents.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { type BoxProps } from '../Box/Box';
+export declare function FunTxSummaryBox({ children, ...otherProps }: BoxProps): React.JSX.Element;
+export declare function FunTxSummaryDivider(): React.JSX.Element;
+export declare function FunTxSummaryLineItem({ children, ...otherProps }: BoxProps): React.JSX.Element;
+export declare function FunTxSummaryLineItemKeyText({ text }: {
+    text: string;
+}): React.JSX.Element;

package/dist/components/FunTransactionSummary/PaymentAmountSummary.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { DirectExecutionType } from '@funkit/api-base';
+import type { FunkitCheckoutQuoteResult } from '../../domains/quote';
+import type { QuoteDisplayAmounts } from '../../domains/quoteMode';
+import type { FunkitActiveCheckoutItem } from '../../providers/FunkitCheckoutContext';
+interface PaymentAmountSummaryProps {
+    isLoading: boolean;
+    targetChainId: string;
+    checkoutItem: FunkitActiveCheckoutItem | null;
+    quote: FunkitCheckoutQuoteResult | null;
+    directExecutionType?: DirectExecutionType | null;
+    /** Mode-aware display amounts from QuoteBuilder.getDisplayAmounts() */
+    displayAmounts?: QuoteDisplayAmounts | null;
+    isDirectTransfer?: boolean;
+}
+export declare function PaymentAmountSummary({ isLoading, targetChainId: originalChainId, quote, checkoutItem, directExecutionType, displayAmounts, isDirectTransfer, }: PaymentAmountSummaryProps): React.JSX.Element;
+export {};

package/dist/components/FunTransactionSummary/PaymentFeesSummary.css.d.ts

@@ -0,0 +1,4 @@
+export declare const baseStyles: string;
+export declare const expandableStyles: string;
+export declare const feeLineShowStyles: string;
+export declare const feeLineHideStyles: string;