@openfort/react 0.1.4 → 0.1.6

package/build/assets/chains.d.ts

@@ -40,9 +40,6 @@ declare const _default: {
     Canto: ({ testnet, ...props }: {
         testnet?: boolean;
     }) => import("react/jsx-runtime").JSX.Element;
-    Fantom: ({ testnet, ...props }: {
-        testnet?: boolean;
-    }) => import("react/jsx-runtime").JSX.Element;
     Filecoin: ({ testnet, ...props }: {
         testnet?: boolean;
     }) => import("react/jsx-runtime").JSX.Element;

package/build/assets/icons.d.ts

@@ -1,3 +1,19 @@
+export declare const SendIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ReceiveIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const BuyIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const DollarIcon: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const WalletIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ExternalLinkIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const AlertIcon: ({ ...props }: {
     [x: string]: any;
 }) => import("react/jsx-runtime").JSX.Element;
@@ -43,3 +59,6 @@ export declare const FingerPrintIcon: ({ ...props }: {
 export declare const PlusIcon: ({ ...props }: {
     [x: string]: any;
 }) => import("react/jsx-runtime").JSX.Element;
+export declare const UserRoundIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;

package/build/assets/logos.d.ts

@@ -119,5 +119,11 @@ declare const _default: {
     Openfort: ({ ...props }: {
         [x: string]: any;
     }) => import("react/jsx-runtime").JSX.Element;
+    Stripe: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    CoinbasePay: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
 };
 export default _default;

package/build/components/Common/Button/types.d.ts

@@ -13,4 +13,6 @@ export type ButtonProps = {
     href?: string;
     style?: React.CSSProperties;
     onClick?: (e: any) => void;
+    textAlign?: 'center' | 'flex-start' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
+    title?: string;
 };

package/build/components/Common/CopyToClipboard/CopyButton.d.ts

@@ -0,0 +1,7 @@
+import type React from 'react';
+interface CopyButtonProps {
+    value: string;
+    children: React.ReactNode;
+}
+export declare const CopyButton: ({ value, children }: CopyButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/build/components/Common/CopyToClipboard/CopyIcon.d.ts

@@ -0,0 +1,8 @@
+import { type MotionStyle } from 'framer-motion';
+interface CopyIconProps {
+    copied?: boolean;
+    size?: MotionStyle['width'];
+    className?: string;
+}
+export declare const CopyIcon: ({ copied, size, className }: CopyIconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/build/components/Common/CopyToClipboard/CopyIconButton.d.ts

@@ -0,0 +1,5 @@
+interface CopyIconButtonProps {
+    value: string;
+}
+export declare const CopyIconButton: ({ value }: CopyIconButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/build/components/Common/CopyToClipboard/CopyText.d.ts

@@ -0,0 +1,10 @@
+import type React from 'react';
+import type { ComponentProps } from 'react';
+import { CopyIcon } from './CopyIcon';
+interface CopyTextProps {
+    value: string;
+    children: React.ReactNode;
+    size?: ComponentProps<typeof CopyIcon>['size'];
+}
+export declare const CopyText: ({ value, children, size }: CopyTextProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/build/components/Common/FitText/index.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
 declare const FitText: {
-    ({ children, maxFontSize, minFontSize, }: {
+    ({ children, maxFontSize, minFontSize, justifyContent, }: {
         children: React.ReactNode;
         maxFontSize?: number;
         minFontSize?: number;
+        justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly";
     }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/build/components/Openfort/context.d.ts

@@ -1,8 +1,16 @@
-import type { SDKOverrides, ThirdPartyAuthConfiguration } from '@openfort/openfort-js';
+import type { OAuthProvider, SDKOverrides, ThirdPartyAuthConfiguration } from '@openfort/openfort-js';
 import type React from 'react';
 import type { useConnectCallbackProps } from '../../hooks/useConnectCallback';
 import type { CustomTheme, Languages, Mode, Theme } from '../../types';
-import type { Connector, DebugModeOptions, ErrorMessage, OpenfortUIOptionsExtended, OpenfortWalletConfig, RouteOptions, SetRouteOptions } from './types';
+import type { BuyFormState, DebugModeOptions, OpenfortUIOptionsExtended, OpenfortWalletConfig, RouteOptions, SendFormState, SetRouteOptions } from './types';
+type Connector = {
+    id: string;
+    type?: 'wallet';
+} | {
+    id: OAuthProvider;
+    type: 'oauth';
+};
+type ErrorMessage = string | React.ReactNode | null;
 export type ContextValue = {
     setTheme: React.Dispatch<React.SetStateAction<Theme>>;
     mode: Mode;
@@ -11,11 +19,13 @@ export type ContextValue = {
     lang: Languages;
     setLang: React.Dispatch<React.SetStateAction<Languages>>;
     open: boolean;
-    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    setOpen: (value: boolean) => void;
     route: RouteOptions;
     setRoute: (options: SetRouteOptions) => void;
     onBack: (() => void) | null;
     setOnBack: React.Dispatch<React.SetStateAction<(() => void) | null>>;
+    headerLeftSlot: React.ReactNode | null;
+    setHeaderLeftSlot: React.Dispatch<React.SetStateAction<React.ReactNode | null>>;
     previousRoute: RouteOptions | null;
     setPreviousRoute: () => void;
     routeHistory: RouteOptions[];
@@ -26,11 +36,17 @@ export type ContextValue = {
     debugMode: Required<DebugModeOptions>;
     resize: number;
     triggerResize: () => void;
+    publishableKey: string;
     uiConfig: OpenfortUIOptionsExtended;
     walletConfig?: OpenfortWalletConfig;
     overrides?: SDKOverrides;
     thirdPartyAuth?: ThirdPartyAuthConfiguration;
     emailInput: string;
     setEmailInput: React.Dispatch<React.SetStateAction<string>>;
+    sendForm: SendFormState;
+    setSendForm: React.Dispatch<React.SetStateAction<SendFormState>>;
+    buyForm: BuyFormState;
+    setBuyForm: React.Dispatch<React.SetStateAction<BuyFormState>>;
 } & useConnectCallbackProps;
 export declare const Openfortcontext: React.Context<ContextValue | null>;
+export {};

package/build/components/Openfort/types.d.ts

@@ -1,6 +1,8 @@
-import type { AccountTypeEnum, OAuthProvider, RecoveryMethod } from '@openfort/openfort-js';
+import type { AccountTypeEnum, RecoveryMethod } from '@openfort/openfort-js';
 import type React from 'react';
 import type { ReactNode } from 'react';
+import type { Hex } from 'viem';
+import type { getAssets } from 'viem/_types/experimental/erc7811/actions/getAssets';
 import type { UserWallet } from '../../hooks/openfort/useWallets';
 import type { CustomAvatarProps, CustomTheme, Languages, Mode, Theme } from '../../types';
 export declare const routes: {
@@ -25,7 +27,20 @@ export declare const routes: {
     readonly CONNECT: "connect";
     readonly DOWNLOAD: "download";
     readonly PROFILE: "profile";
+    readonly LINKED_PROVIDERS: "linkedProviders";
     readonly SWITCHNETWORKS: "switchNetworks";
+    readonly NO_ASSETS_AVAILABLE: "noAssetsAvailable";
+    readonly ASSET_INVENTORY: "assetInventory";
+    readonly SEND: "send";
+    readonly SEND_TOKEN_SELECT: "sendTokenSelect";
+    readonly SEND_CONFIRMATION: "sendConfirmation";
+    readonly RECEIVE: "receive";
+    readonly BUY: "buy";
+    readonly BUY_TOKEN_SELECT: "buyTokenSelect";
+    readonly BUY_SELECT_PROVIDER: "buySelectProvider";
+    readonly BUY_PROCESSING: "buyProcessing";
+    readonly BUY_COMPLETE: "buyComplete";
+    readonly BUY_PROVIDER_SELECT: "buyProviderSelect";
 };
 type AllRoutes = (typeof routes)[keyof typeof routes];
 export declare const notStoredInHistoryRoutes: AllRoutes[];
@@ -48,13 +63,6 @@ export type RoutesWithoutOptions = {
 };
 export type RouteOptions = RoutesWithoutOptions | RoutesWithOptions;
 export type SetRouteOptions = RouteOptions | RoutesWithoutOptions['route'];
-export type Connector = {
-    id: string;
-    type?: 'wallet';
-} | {
-    id: OAuthProvider;
-    type: 'oauth';
-};
 export declare enum UIAuthProvider {
     GOOGLE = "google",
     TWITTER = "twitter",
@@ -73,6 +81,12 @@ export declare enum LinkWalletOnSignUpOption {
     DISABLED = "disabled"
 }
 type PolicyConfig = string | Record<number, string>;
+interface AssetConfig {
+    address: Hex;
+    symbol?: string;
+    name?: string;
+    decimals?: number;
+}
 type CommonWalletConfig = {
     /** Publishable key for the Shield API. */
     shieldPublishableKey: string;
@@ -82,6 +96,9 @@ type CommonWalletConfig = {
     /** @deprecated Use `debugMode` prop instead. */
     debug?: boolean;
     recoverWalletAutomaticallyAfterAuth?: boolean;
+    assets?: {
+        [chainId: number]: AssetConfig[];
+    };
 };
 type EncryptionSession = {
     /** Function to retrieve an encryption session using a session ID. */
@@ -142,6 +159,9 @@ export type ConnectUIOptions = {
     /** Blur intensity applied to the background when the modal is open. */
     overlayBlur?: number;
     walletRecovery?: WalletRecoveryOptions;
+    buyWithCardUrl?: string;
+    buyFromExchangeUrl?: string;
+    buyTroubleshootingUrl?: string;
 } & Partial<OpenfortUIOptions>;
 type WalletRecoveryOptionsExtended = {
     allowedMethods: RecoveryMethod[];
@@ -176,6 +196,24 @@ export type OpenfortUIOptionsExtended = {
     disableSiweRedirect?: boolean;
     /** Blur intensity applied to the background when the modal is open. */
     overlayBlur?: number;
+    buyWithCardUrl?: string;
+    buyFromExchangeUrl?: string;
+    buyTroubleshootingUrl?: string;
     walletRecovery: WalletRecoveryOptionsExtended;
 } & OpenfortUIOptions;
+export type Asset = getAssets.Asset<false>;
+export type SendFormState = {
+    recipient: string;
+    amount: string;
+    asset: Asset;
+};
+export declare const defaultSendFormState: SendFormState;
+export type BuyProviderId = 'moonpay' | 'coinbase' | 'stripe';
+export type BuyFormState = {
+    amount: string;
+    currency: string;
+    asset: Asset;
+    providerId: BuyProviderId;
+};
+export declare const defaultBuyFormState: BuyFormState;
 export {};

package/build/components/Pages/AssetInventory/index.d.ts

@@ -0,0 +1 @@
+export declare const AssetInventory: () => import("react/jsx-runtime").JSX.Element;

package/build/components/Pages/Buy/coinbaseApi.d.ts

@@ -0,0 +1,31 @@
+import type { Asset } from '../../Openfort/types';
+type CoinbaseOnrampResponse = {
+    provider: string;
+    onrampUrl: string;
+};
+type CreateCoinbaseSessionParams = {
+    destinationCurrency: string;
+    destinationNetwork: string;
+    destinationAddress: string;
+    sourceAmount?: string;
+    sourceCurrency?: string;
+    paymentMethod?: 'CARD' | 'ACH' | 'APPLE_PAY' | 'PAYPAL' | 'FIAT_WALLET' | 'CRYPTO_WALLET';
+    country?: string;
+    subdivision?: string;
+    redirectUrl?: string;
+    clientIp?: string;
+};
+export declare const isCoinbaseSupported: (token: Asset) => boolean;
+/**
+ * Create a Coinbase onramp session
+ * Supports three use cases based on provided parameters:
+ * 1. Basic session: Only required params (destinationAddress, destinationCurrency, destinationNetwork)
+ * 2. One-click URL: Required + sourceAmount + sourceCurrency
+ * 3. One-click with quote: One-click + paymentMethod + country (+ subdivision for US)
+ */
+export declare const createCoinbaseSession: (params: Omit<CreateCoinbaseSessionParams, "destinationCurrency" | "destinationNetwork"> & {
+    token: Asset;
+    chainId: number;
+    publishableKey: string;
+}) => Promise<CoinbaseOnrampResponse>;
+export {};

package/build/components/Pages/Buy/index.d.ts

@@ -0,0 +1,2 @@
+declare const Buy: () => import("react/jsx-runtime").JSX.Element;
+export default Buy;

package/build/components/Pages/Buy/onrampApi.d.ts

@@ -0,0 +1,28 @@
+import type { Asset } from '../../Openfort/types';
+export type OnrampQuote = {
+    provider: string;
+    sourceAmount: string;
+    sourceCurrency: string;
+    destinationAmount: string;
+    destinationCurrency: string;
+    destinationNetwork: string;
+    fees: Array<{
+        amount: string;
+        currency: string;
+        type: string;
+    }>;
+    exchangeRate: string;
+};
+type GetAllQuotesParams = {
+    token: Asset;
+    chainId: number;
+    publishableKey: string;
+    sourceCurrency: string;
+    sourceAmount: string;
+};
+/**
+ * Get quotes from all available providers
+ * Calls the backend without specifying a provider to get quotes from all providers
+ */
+export declare const getAllQuotes: (params: GetAllQuotesParams) => Promise<OnrampQuote[]>;
+export {};

package/build/components/Pages/Buy/providers.d.ts

@@ -0,0 +1,20 @@
+import type { BuyProviderId } from '../../Openfort/types';
+type ProviderDefinition = {
+    id: BuyProviderId;
+    name: string;
+    feeBps: number;
+    highlight?: 'best' | 'fast';
+    url?: string;
+};
+type ProviderQuote = {
+    provider: ProviderDefinition;
+    netAmount: number | null;
+    feeAmount: number | null;
+    onrampUrl?: string;
+};
+export declare const getProviders: () => ProviderDefinition[];
+/**
+ * Get provider quotes - for now returns mock data until real quote is fetched
+ */
+export declare const getProviderQuotes: (amount: number | null) => ProviderQuote[];
+export {};

package/build/components/Pages/Buy/stripeApi.d.ts

@@ -0,0 +1,27 @@
+import type { Asset } from '../../Openfort/types';
+type StripeOnrampResponse = {
+    provider: string;
+    sessionId: string;
+    clientSecret: string;
+    status: string;
+    onrampUrl: string;
+};
+type CreateStripeSessionParams = {
+    destinationCurrency: string;
+    destinationNetwork: string;
+    destinationAddress: string;
+    sourceAmount?: string;
+    sourceCurrency?: string;
+    redirectUrl?: string;
+};
+export declare const isStripeSupported: (token: Asset) => boolean;
+/**
+ * Create a Stripe onramp session
+ * Calls backend API to create a prefilled session with wallet addresses and amounts
+ */
+export declare const createStripeSession: (params: Omit<CreateStripeSessionParams, "destinationCurrency" | "destinationNetwork"> & {
+    token: Asset;
+    chainId: number;
+    publishableKey: string;
+}) => Promise<StripeOnrampResponse>;
+export {};

package/build/components/Pages/Buy/styles.d.ts

@@ -0,0 +1,29 @@
+export declare const Section: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SectionLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const AmountCard: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CurrencySymbol: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const AmountInput: import("styled-components").StyledComponent<"input", any, {}, never>;
+export declare const PresetList: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PresetButton: import("styled-components").StyledComponent<"button", any, {
+    $active?: boolean;
+}, never>;
+export declare const SelectorButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const SelectorContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SelectorTitle: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const SelectorSubtitle: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const SelectorRight: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ContinueButtonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StackedButtonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ProviderList: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ProviderButton: import("styled-components").StyledComponent<"button", any, {
+    $active?: boolean;
+}, never>;
+export declare const ProviderInfo: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ProviderNameRow: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ProviderName: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const ProviderBadge: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const ProviderMeta: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const ProviderRight: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ProviderQuote: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const ProviderFiat: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const PendingContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/components/Pages/Buy/utils.d.ts

@@ -0,0 +1,12 @@
+export declare const createCurrencyFormatter: (currency: string) => Intl.NumberFormat;
+export declare const getCurrencySymbol: (currency: string) => string;
+/**
+ * Formats a number with dynamic decimal places between 2 and 6
+ * Removes trailing zeros but ensures at least 2 decimals
+ */
+export declare const formatWithDynamicDecimals: (amount: number) => string;
+/**
+ * Formats a token amount with appropriate decimal places
+ * Handles special cases: 0 shows as "0", values less than 0.000001 show as "<0.000001"
+ */
+export declare const formatTokenAmount: (amount: number, includeSymbol?: string) => string;

package/build/components/Pages/BuyComplete/index.d.ts

@@ -0,0 +1,2 @@
+declare const BuyComplete: () => import("react/jsx-runtime").JSX.Element;
+export default BuyComplete;

package/build/components/Pages/BuyProcessing/index.d.ts

@@ -0,0 +1,2 @@
+declare const BuyProcessing: () => import("react/jsx-runtime").JSX.Element;
+export default BuyProcessing;

package/build/components/Pages/BuyProviderSelect/index.d.ts

@@ -0,0 +1,2 @@
+declare const BuyProviderSelect: () => import("react/jsx-runtime").JSX.Element;
+export default BuyProviderSelect;

package/build/components/Pages/BuyProviderSelect/styles.d.ts

@@ -0,0 +1,19 @@
+export declare const ProviderSelectContent: import("styled-components").StyledComponent<({ children, width, onBack, logoutOnBack }: {
+    children?: React.ReactNode;
+    width?: number | string;
+    onBack?: import("../../PageContent").SetOnBackFunction;
+    logoutOnBack?: boolean;
+}) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const ProviderList: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ProviderButton: import("styled-components").StyledComponent<"button", any, {
+    $active?: boolean;
+}, never>;
+export declare const ProviderInfo: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ProviderNameRow: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ProviderName: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const ProviderBadge: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const ProviderMeta: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const ProviderRight: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ProviderQuote: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const ProviderFiat: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const EmptyState: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/components/Pages/BuySelectProvider/index.d.ts

@@ -0,0 +1,2 @@
+declare const BuySelectProvider: () => import("react/jsx-runtime").JSX.Element;
+export default BuySelectProvider;

package/build/components/Pages/LinkedProviders/index.d.ts

@@ -0,0 +1,2 @@
+declare const LinkedProvidersPage: React.FC;
+export default LinkedProvidersPage;

package/build/components/Pages/LinkedProviders/styles.d.ts

@@ -0,0 +1 @@
+export declare const LinkedProvidersCard: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/components/Pages/NoAssetsAvailable/index.d.ts

@@ -0,0 +1 @@
+export declare const NoAssetsAvailable: () => import("react/jsx-runtime").JSX.Element;

package/build/components/Pages/NoAssetsAvailable/styles.d.ts

@@ -0,0 +1 @@
+export declare const ButtonsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/components/Pages/Profile/LinkedProviders.d.ts

@@ -1 +1,5 @@
-export declare const LinkedProviders: React.FC;
+type LinkedProvidersProps = {
+    showHeader?: boolean;
+};
+export declare const LinkedProviders: React.FC<LinkedProvidersProps>;
+export {};

package/build/components/Pages/Profile/index.d.ts

@@ -1,5 +1,2 @@
-import type React from 'react';
-declare const Profile: React.FC<{
-    closeModal?: () => void;
-}>;
+declare const Profile: () => import("react/jsx-runtime").JSX.Element;
 export default Profile;

package/build/components/Pages/Profile/styles.d.ts

@@ -5,6 +5,10 @@ export declare const BalanceContainer: import("styled-components").StyledCompone
 export declare const Balance: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
 export declare const LoadingBalance: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
 export declare const Unsupported: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
-export declare const LinkedProviderContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
+export declare const ActionButtonsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ActionButton: import("styled-components").StyledComponent<import("react").FC<import("../../Common/Button/types").ButtonProps>, any, {}, never>;
+export declare const DisconnectButton: import("styled-components").StyledComponent<import("react").FC<import("../../Common/Button/types").ButtonProps>, any, {}, never>;
+export declare const ProvidersHeader: import("styled-components").StyledComponent<"h3", any, {}, never>;
+export declare const LinkedProviderContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const LinkedProviderButton: import("styled-components").StyledComponent<import("react").FC<import("../../Common/Button/types").ButtonProps>, any, {}, never>;
-export declare const ProvidersHeader: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLHeadingElement, import("framer-motion").HTMLMotionProps<"h3">>, any, {}, never>;
+export declare const LinkedProvidersToggle: import("styled-components").StyledComponent<"button", any, {}, never>;

package/build/components/Pages/Receive/index.d.ts

@@ -0,0 +1,2 @@
+declare const Receive: () => import("react/jsx-runtime").JSX.Element;
+export default Receive;

package/build/components/Pages/Receive/styles.d.ts

@@ -0,0 +1,6 @@
+export declare const QRWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AddressSection: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Label: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const AddressRow: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AddressField: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const NetworkInfo: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/components/Pages/SelectToken/index.d.ts

@@ -0,0 +1,4 @@
+declare const SelectToken: ({ isBuyFlow }: {
+    isBuyFlow: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export default SelectToken;

package/build/components/Pages/SelectToken/styles.d.ts

@@ -0,0 +1,14 @@
+export declare const SelectTokenContent: import("styled-components").StyledComponent<({ children, width, onBack, logoutOnBack }: {
+    children?: React.ReactNode;
+    width?: number | string;
+    onBack?: import("../../PageContent").SetOnBackFunction;
+    logoutOnBack?: boolean;
+}) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const TokenList: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TokenButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const TokenContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TokenInfo: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TokenSymbol: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const TokenName: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const TokenBalance: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const EmptyState: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/components/Pages/Send/index.d.ts

@@ -0,0 +1,2 @@
+declare const Send: () => import("react/jsx-runtime").JSX.Element;
+export default Send;

package/build/components/Pages/Send/styles.d.ts

@@ -0,0 +1,14 @@
+export declare const Form: import("styled-components").StyledComponent<"form", any, {}, never>;
+export declare const Field: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FieldLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const TokenSelectorButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const TokenSelectorContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TokenSelectorValue: import("styled-components").StyledComponent<"span", any, {
+    $primary?: boolean;
+    $muted?: boolean;
+}, never>;
+export declare const TokenSelectorRight: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AmountInputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MaxButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const HelperText: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const ErrorText: import("styled-components").StyledComponent<"span", any, {}, never>;

package/build/components/Pages/Send/utils.d.ts

@@ -0,0 +1,8 @@
+import type { Asset } from '../../Openfort/types';
+export declare const sanitizeAmountInput: (value: string) => string;
+export declare const sanitizeForParsing: (value: string) => string | null;
+export declare const formatBalance: (value: bigint | undefined, decimals: number) => string;
+export declare const formatBalanceWithSymbol: (value: bigint | undefined, decimals: number, symbol: string) => string;
+export declare const isSameToken: (a: Asset, b: Asset) => boolean;
+export declare const getAssetSymbol: (asset: Asset) => string;
+export declare const getAssetDecimals: (asset: Asset) => number;

package/build/components/Pages/SendConfirmation/EstimatedFees.d.ts

@@ -0,0 +1,13 @@
+import type { Address } from 'viem';
+type EstimatedFeesProps = {
+    account: Address | undefined;
+    to: Address | undefined;
+    value: bigint | undefined;
+    data: `0x${string}` | undefined;
+    chainId: number | undefined;
+    nativeSymbol: string;
+    enabled?: boolean;
+    hideInfoIcon?: boolean;
+};
+export declare const EstimatedFees: ({ account, to, value, data, chainId, nativeSymbol, enabled, hideInfoIcon, }: EstimatedFeesProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/build/components/Pages/SendConfirmation/index.d.ts

@@ -0,0 +1,2 @@
+declare const SendConfirmation: () => import("react/jsx-runtime").JSX.Element;
+export default SendConfirmation;

package/build/components/Pages/SendConfirmation/styles.d.ts

@@ -0,0 +1,18 @@
+export declare const SummaryList: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SummaryItem: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SummaryLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const AmountValue: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const AddressValue: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const FeesValue: import("styled-components").StyledComponent<"span", any, {
+    $completed?: boolean;
+}, never>;
+export declare const CheckIconWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const InfoIconWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const ButtonRow: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StatusMessage: import("styled-components").StyledComponent<"div", any, {
+    $status: "idle" | "success" | "error";
+}, never>;
+export declare const ErrorContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ErrorTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ErrorMessage: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ErrorAction: import("styled-components").StyledComponent<"div", any, {}, never>;