@funkit/connect 8.0.0 → 8.2.0

package/dist/modals/CheckoutModal/InputAmount/InputAmount.d.ts

@@ -7,6 +7,7 @@ export type InputAmountState = CheckoutModalCommonState & {
     fiatAmount?: number;
     fiatCurrency?: string;
     quote?: MeldQuote;
+    isInputInFiat?: boolean;
 };
 export type InputAmountNext = Record<string, never> | {
     fiatAmount: number | undefined;

package/dist/modals/CheckoutModal/InputAmount/InputAmountLoaded.d.ts

@@ -15,5 +15,5 @@ interface InputAmountLoadedProps extends ModalStepComponentProps<FunCheckoutStep
     defaultFiatCurrency?: string;
     textCustomizations: FunkitTextCustomizationsConfig['confirmationScreen'];
 }
-export declare function InputAmountLoaded({ checkoutConfig, modalState, onNext, onClose, sourceHolding, unitPrice, currencyExchangeRates, defaultFiatCurrency, textCustomizations, }: InputAmountLoadedProps): React.JSX.Element;
+export declare function InputAmountLoaded({ checkoutConfig, modalState, onNext, onClose, setModalState, sourceHolding, unitPrice, currencyExchangeRates, defaultFiatCurrency, textCustomizations, }: InputAmountLoadedProps): React.JSX.Element;
 export {};

package/dist/modals/CheckoutModal/InputAmount/state.d.ts

@@ -24,6 +24,8 @@ export interface AmountInputInitOptions {
     /** Whether meld is enabled */
     meldEnabled: boolean;
     apiKey: string;
+    /** Default value for isInputInFiat (preserved from modal state when navigating back) */
+    defaultIsInputInFiat?: boolean;
 }
 export interface AmountInputState {
     /** Current amount, in target asset. Undefined if input is empty */
@@ -106,6 +108,6 @@ export type AmountInputError = {
  * Return half the balance and round up to nearest 10, 100, 1000 etc
  */
 export declare function calcInitialFiatAmount(balance: number): number;
-export declare function initializeState({ checkoutConfig, defaultAmount, fiatCurrency, locale, maxUsd, minUsd, paymentMethodInfo, quickOptions, sourceHolding, unitPrice: realUnitPrice, fiatCurrencyExchangeRate, meldEnabled, }: AmountInputInitOptions): AmountInputState;
+export declare function initializeState({ checkoutConfig, defaultAmount, fiatCurrency, locale, maxUsd, minUsd, paymentMethodInfo, quickOptions, sourceHolding, unitPrice: realUnitPrice, fiatCurrencyExchangeRate, meldEnabled, defaultIsInputInFiat, }: AmountInputInitOptions): AmountInputState;
 export declare function reduceState(state: AmountInputState, action: AmountInputAction): AmountInputState;
 export declare function getDerivedState(state: AmountInputState, targetAssetTicker: string): AmountInputDerivedState;

package/dist/modals/CheckoutModal/InputAmount/useAmountInput.d.ts

@@ -4,6 +4,7 @@ import { type AmountInputDerivedState, type AmountInputInitOptions } from './sta
 import { type InputAmountSuggestion } from './utils';
 export interface UseAmountInputResult extends AmountInputDerivedState {
     fontSize: number;
+    inputHeight: number;
     inputWidth: number | undefined;
     onChange(event: FunInputChangeEvent): void;
     ref: RefObject<HTMLInputElement>;

package/dist/modals/CheckoutModal/SourceChange/CryptoCashToggle.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { PaymentMethodType } from '../../../hooks/usePaymentSources';
+interface CryptoCashToggleProps {
+    activeTab: PaymentMethodType;
+    onTabChange: (tab: PaymentMethodType) => void;
+    style?: React.CSSProperties;
+}
+export declare const CryptoCashToggle: ({ activeTab, onTabChange, style, }: CryptoCashToggleProps) => React.JSX.Element;
+export {};

package/dist/modals/CheckoutModal/SourceChange/DefaultSourceList.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { ConnectablePaymentMethodInfo, PaymentMethod } from '../../../domains/paymentMethods';
+interface DefaultSourceListProps {
+    preferred: (ConnectablePaymentMethodInfo | PaymentMethod)[];
+    moreSources: (ConnectablePaymentMethodInfo | PaymentMethod)[];
+    comingSoon: PaymentMethod[];
+    hasMoreSources: boolean;
+    renderSource: (source: ConnectablePaymentMethodInfo | PaymentMethod) => React.ReactNode;
+    renderComingSoon: (source: PaymentMethod) => React.ReactNode;
+}
+export declare function DefaultSourceList({ preferred, moreSources, comingSoon, hasMoreSources, renderSource, renderComingSoon, }: DefaultSourceListProps): React.JSX.Element;
+export {};

package/dist/modals/CheckoutModal/SourceChange/FanaticsSourceList.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { ConnectablePaymentMethodInfo, PaymentMethod } from '../../../domains/paymentMethods';
+import type { PaymentMethodType } from '../../../hooks/usePaymentSources';
+interface FanaticsSourceListProps {
+    preferred: (ConnectablePaymentMethodInfo | PaymentMethod)[];
+    moreSources: (ConnectablePaymentMethodInfo | PaymentMethod)[];
+    comingSoon: PaymentMethod[];
+    isFallback: boolean;
+    renderSource: (source: ConnectablePaymentMethodInfo | PaymentMethod) => React.ReactNode;
+    renderComingSoon: (source: PaymentMethod) => React.ReactNode;
+    cryptoCashTab: PaymentMethodType;
+    onTabChange: (tab: PaymentMethodType) => void;
+}
+export declare function FanaticsSourceList({ cryptoCashTab, isFallback, onTabChange, preferred, moreSources, comingSoon, renderSource, renderComingSoon, }: FanaticsSourceListProps): React.JSX.Element;
+export {};

package/dist/modals/CheckoutModal/SourceChange/PayPal.d.ts

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

package/dist/modals/CheckoutModal/SourceChange/SourceChange.d.ts

@@ -27,4 +27,4 @@ export type SourceChangeNext = {
     paymentMethodInfo: ConnectablePaymentMethodInfo;
 };
 export declare const SourceChangeInfo: ModalStepInfo<FunCheckoutStep.SOURCE_CHANGE>;
-export declare function SourceChange({ modalState, onNext, setModalState, }: ModalStepComponentProps<FunCheckoutStep.SOURCE_CHANGE>): React.JSX.Element;
+export declare function SourceChange({ modalState, onClose, onNext, setModalState, }: ModalStepComponentProps<FunCheckoutStep.SOURCE_CHANGE>): React.JSX.Element;

package/dist/modals/CheckoutModal/SourceChange/sourceChange.css.d.ts

@@ -1,2 +1,3 @@
 export declare const WITH_EMPTY_STATE_DATA_ATTRIBUTE = "data-with-empty-state";
 export declare const emptyStateStyles: string;
+export declare const fanaticsSourceChangeContainer: string;

package/dist/modals/CheckoutModal/stepTransition.d.ts

@@ -41,7 +41,9 @@ export interface CheckoutModalCommonState {
 export interface ModalStepComponentProps<S extends FunCheckoutStep = FunCheckoutStep> {
     modalState: CheckoutModalState<S>;
     onBack(): void;
-    onClose(): void;
+    onClose(options?: {
+        isNewDeposit?: boolean;
+    }): void;
     onAnimationComplete(callback: () => void): void;
     onNext(payload: NextPayload<S>): void;
     setModalState(state: SetStateAction<CheckoutModalState<S>>): void;

package/dist/providers/FunkitConfigContext.d.ts

@@ -2,6 +2,7 @@ import { type ReactNode } from 'react';
 export interface FunkitTextCustomizationsConfig {
     virtualFiat: string;
     brokerageOrExchange: string;
+    checkoutModalCloseButtonLabel: string;
     debitOrCredit: string;
     accountBalance: string;
     selectAccount: string;
@@ -15,6 +16,14 @@ export interface FunkitTextCustomizationsConfig {
         payAmountLabel: string;
         receiveAmountLabel: string;
     };
+    paymentMethodSubtitles: {
+        accountBalance?: string;
+        brokerageOrExchange?: string;
+        debitOrCredit?: string;
+        paypal?: string;
+        transferTokens?: string;
+        virtualFiat?: string;
+    };
 }
 export interface FunkitUiDestinationConfig {
     /** What icon (15x15) to show in the `destination` row - defaults to user wallet icon  */
@@ -33,8 +42,10 @@ export interface FunkitUiSelectedRouteConfig {
 export interface FunkitUiCustomizationsConfig {
     /** Title alignment - defaults to "center" */
     alignTitle?: 'left' | 'center';
-    /** Whetehr to show CTA in uppercase - defaults to false */
+    /** Whether to show CTA in uppercase - defaults to false */
     callToActionsUppercase?: boolean;
+    /** Whether to enable compact list style for option boxes - defaults to false */
+    enableCompactList?: boolean;
     confirmationScreen?: {
         /** Custom destination icon and text used in checkout summary */
         destinationConfig?: FunkitUiDestinationConfig;
@@ -63,29 +74,55 @@ export interface FunkitUiCustomizationsConfig {
         allowTokenAmountInput?: boolean;
     };
     selectAssetScreen?: {
+        /** Whether to navigate directly on asset click, rather than having to select then click Continue - defaults to false */
+        navigateOnAssetClick?: boolean;
         /**
          * Whether to show target asset selection menu if dynamicTargetAssetCandidates exist - defaults to false
          * @deprecated use sourceChangeScreen.showTargetAssetSelection instead
          */
         showTargetAssetSelection?: boolean;
+        /** Function that returns a custom React component to render before other UIs in the select asset screen */
+        customTopComponent?: () => ReactNode;
     };
     transferCryptoScreen?: {
         /** Whether to show the "You Send -> You Receive" block in the transfer crypto screen - defaults to false */
         showYouSendYouReceive?: boolean;
+        /** Function that returns a custom React component to render before other UIs in the transfer crypto screen */
+        customTopComponent?: () => ReactNode;
+    };
+    selectBrokerageScreen?: {
+        /** Function that returns a custom React component to render before other UIs in the select brokerage screen */
+        customTopComponent?: () => ReactNode;
+    };
+    connectExchangeScreen?: {
+        /** Function that returns a custom React component to render before other UIs in the connect exchange screen */
+        customTopComponent?: () => ReactNode;
     };
     sourceChangeScreen?: {
         /** Whether to show target asset selection menu if dynamicTargetAssetCandidates exist - defaults to false */
         showTargetAssetSelection?: boolean;
         /** Whether to show wallet option when balance is insufficient - defaults to false (hides wallet) */
         showWalletOnInsufficientBalance?: boolean;
+        /** Function that returns a custom React component to render before other UIs in the source change screen */
+        customTopComponent?: () => ReactNode;
     };
 }
+/**
+ * Makes all properties of T required except for customTopComponent which remains optional.
+ * Used for internal screen configs where we want defaults for all settings but allow
+ * customTopComponent to be optionally provided.
+ */
+type RequiredExceptCustomTop<T> = Required<Omit<T & {}, 'customTopComponent'>> & {
+    customTopComponent?: () => ReactNode;
+};
 export type FunkitUiCustomizationsConfigInternal = Required<FunkitUiCustomizationsConfig> & {
     confirmationScreen: FunkitUiCustomizationsConfig['confirmationScreen'] & Required<Omit<FunkitUiCustomizationsConfig['confirmationScreen'] & {}, 'destinationConfig' | 'selectedRouteConfig'>>;
     inputAmountScreen: Required<FunkitUiCustomizationsConfig['inputAmountScreen'] & {}>;
-    selectAssetScreen: Required<FunkitUiCustomizationsConfig['selectAssetScreen'] & {}>;
-    transferCryptoScreen: Required<FunkitUiCustomizationsConfig['transferCryptoScreen'] & {}>;
-    sourceChangeScreen: Required<FunkitUiCustomizationsConfig['sourceChangeScreen'] & {}>;
+    selectAssetScreen: RequiredExceptCustomTop<FunkitUiCustomizationsConfig['selectAssetScreen']>;
+    transferCryptoScreen: RequiredExceptCustomTop<FunkitUiCustomizationsConfig['transferCryptoScreen']>;
+    selectBrokerageScreen: RequiredExceptCustomTop<FunkitUiCustomizationsConfig['selectBrokerageScreen']>;
+    connectExchangeScreen: RequiredExceptCustomTop<FunkitUiCustomizationsConfig['connectExchangeScreen']>;
+    sourceChangeScreen: RequiredExceptCustomTop<FunkitUiCustomizationsConfig['sourceChangeScreen']>;
 };
 export declare const DEFAULT_TEXT_CUSTOMIZATIONS: FunkitTextCustomizationsConfig;
 export declare const DEFAULT_UI_CUSTOMIZATIONS: FunkitUiCustomizationsConfigInternal;
@@ -100,6 +137,8 @@ export type FunkitConfig = {
     uiCustomizations?: FunkitUiCustomizationsConfig;
     /** used to link funkit users to your own user system */
     externalUserId?: string;
+    /** Disable Datadog logging - defaults to false (logging enabled) */
+    disableLogging?: boolean;
 };
 interface FinalFunkitConfigInternal extends FunkitConfig {
     textCustomizations: FunkitTextCustomizationsConfig;

package/dist/providers/FunkitThemeProvider.d.ts

@@ -79,6 +79,7 @@ export declare const useActiveTheme: () => {
             buttonIconBackgroundHover: string;
             buttonIconBackgroundPressed: string;
             buttonIconStroke: string;
+            buttonBorderTertiary: string;
             buttonBorderFocusedTertiary: string;
             buttonFocusedOutline: string;
             buttonBorderGradient: string;
@@ -121,20 +122,28 @@ export declare const useActiveTheme: () => {
             fiatAccountGradientFrom: string;
             fiatAccountGradientTo: string;
             optionBoxBackground: string;
+            optionBoxBackgroundUninteractive: string;
+            dropdownActiveItemBackgroundBase: string;
+            dropdownActiveItemBackgroundHover: string;
+            dropdownActiveItemBackgroundDisabled: string;
             spinnerBackground: string;
             spinnerIndicator: string;
             spinnerBackgroundVerifyAccount: string;
             spinnerIndicatorVerifyAccount: string;
         };
         dimensions: {
+            inputAmountQuickOptionButtonHeight: string;
+            inputAmountMinHeight: string;
             modalBottomBarButtonHeight: string;
             modalTopBarHeight: string;
+            selectAssetItemIconSize: string;
         };
         fonts: {
+            body: string;
             buttonTextPrimary: string;
             buttonTextSecondary: string;
             buttonTextTertiary: string;
-            body: string;
+            inputAmount: string;
         };
         fontWeight: {
             regular: string;
@@ -144,6 +153,10 @@ export declare const useActiveTheme: () => {
             heavy: string;
             modalTopbarTitle: string;
             modalBottomBarButtonText: string;
+            paymentMethodItemSubtitle: string;
+            paymentMethodItemTitle: string;
+            selectAssetItemSubtitle: string;
+            selectAssetItemTitle: string;
         };
         fontSize: {
             '10': {
@@ -198,6 +211,10 @@ export declare const useActiveTheme: () => {
                 fontSize: string;
                 lineHeight: string;
             };
+            inputAmount: {
+                fontSize: string;
+                lineHeight: string;
+            };
             modalTopbarSubtitle: {
                 fontSize: string;
                 lineHeight: string;
@@ -210,6 +227,22 @@ export declare const useActiveTheme: () => {
                 fontSize: string;
                 lineHeight: string;
             };
+            paymentMethodItemSubtitle: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            paymentMethodItemTitle: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            selectAssetItemSubtitle: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            selectAssetItemTitle: {
+                fontSize: string;
+                lineHeight: string;
+            };
         };
         radii: {
             actionButton: string;
@@ -232,6 +265,7 @@ export declare const useActiveTheme: () => {
         };
         borderWidths: {
             activeOptionBorderWidth: string;
+            buttonTertiaryBorderWidth: string;
         };
         shadows: {
             connectButton: string;
@@ -265,6 +299,15 @@ export declare const useActiveTheme: () => {
             modalPaddingBottomUpper: string;
             modalPaddingBottomLower: string;
             modalTopBarVerticalTextSpacing: string;
+            selectAssetItemPaddingX: string;
+            selectAssetItemPaddingY: string;
+            selectAssetItemTextGap: string;
+            selectBrokerageItemPaddingX: string;
+            selectBrokerageItemPaddingY: string;
+            youPayYouReceivePaddingY: string;
+        };
+        textTransforms: {
+            inputAmountQuickOptionButtonTextTransform: string;
         };
         blurs: {
             modalOverlay: string;
@@ -339,6 +382,7 @@ export declare const useActiveTheme: () => {
             buttonIconBackgroundHover: string;
             buttonIconBackgroundPressed: string;
             buttonIconStroke: string;
+            buttonBorderTertiary: string;
             buttonBorderFocusedTertiary: string;
             buttonFocusedOutline: string;
             buttonBorderGradient: string;
@@ -381,20 +425,28 @@ export declare const useActiveTheme: () => {
             fiatAccountGradientFrom: string;
             fiatAccountGradientTo: string;
             optionBoxBackground: string;
+            optionBoxBackgroundUninteractive: string;
+            dropdownActiveItemBackgroundBase: string;
+            dropdownActiveItemBackgroundHover: string;
+            dropdownActiveItemBackgroundDisabled: string;
             spinnerBackground: string;
             spinnerIndicator: string;
             spinnerBackgroundVerifyAccount: string;
             spinnerIndicatorVerifyAccount: string;
         };
         dimensions: {
+            inputAmountQuickOptionButtonHeight: string;
+            inputAmountMinHeight: string;
             modalBottomBarButtonHeight: string;
             modalTopBarHeight: string;
+            selectAssetItemIconSize: string;
         };
         fonts: {
+            body: string;
             buttonTextPrimary: string;
             buttonTextSecondary: string;
             buttonTextTertiary: string;
-            body: string;
+            inputAmount: string;
         };
         fontWeight: {
             regular: string;
@@ -404,6 +456,10 @@ export declare const useActiveTheme: () => {
             heavy: string;
             modalTopbarTitle: string;
             modalBottomBarButtonText: string;
+            paymentMethodItemSubtitle: string;
+            paymentMethodItemTitle: string;
+            selectAssetItemSubtitle: string;
+            selectAssetItemTitle: string;
         };
         fontSize: {
             '10': {
@@ -458,6 +514,10 @@ export declare const useActiveTheme: () => {
                 fontSize: string;
                 lineHeight: string;
             };
+            inputAmount: {
+                fontSize: string;
+                lineHeight: string;
+            };
             modalTopbarSubtitle: {
                 fontSize: string;
                 lineHeight: string;
@@ -470,6 +530,22 @@ export declare const useActiveTheme: () => {
                 fontSize: string;
                 lineHeight: string;
             };
+            paymentMethodItemSubtitle: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            paymentMethodItemTitle: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            selectAssetItemSubtitle: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            selectAssetItemTitle: {
+                fontSize: string;
+                lineHeight: string;
+            };
         };
         radii: {
             actionButton: string;
@@ -492,6 +568,7 @@ export declare const useActiveTheme: () => {
         };
         borderWidths: {
             activeOptionBorderWidth: string;
+            buttonTertiaryBorderWidth: string;
         };
         shadows: {
             connectButton: string;
@@ -525,6 +602,15 @@ export declare const useActiveTheme: () => {
             modalPaddingBottomUpper: string;
             modalPaddingBottomLower: string;
             modalTopBarVerticalTextSpacing: string;
+            selectAssetItemPaddingX: string;
+            selectAssetItemPaddingY: string;
+            selectAssetItemTextGap: string;
+            selectBrokerageItemPaddingX: string;
+            selectBrokerageItemPaddingY: string;
+            youPayYouReceivePaddingY: string;
+        };
+        textTransforms: {
+            inputAmountQuickOptionButtonTextTransform: string;
         };
         blurs: {
             modalOverlay: string;
@@ -597,6 +683,7 @@ export declare const useActiveTheme: () => {
             buttonIconBackgroundHover: string;
             buttonIconBackgroundPressed: string;
             buttonIconStroke: string;
+            buttonBorderTertiary: string;
             buttonBorderFocusedTertiary: string;
             buttonFocusedOutline: string;
             buttonBorderGradient: string;
@@ -639,20 +726,28 @@ export declare const useActiveTheme: () => {
             fiatAccountGradientFrom: string;
             fiatAccountGradientTo: string;
             optionBoxBackground: string;
+            optionBoxBackgroundUninteractive: string;
+            dropdownActiveItemBackgroundBase: string;
+            dropdownActiveItemBackgroundHover: string;
+            dropdownActiveItemBackgroundDisabled: string;
             spinnerBackground: string;
             spinnerIndicator: string;
             spinnerBackgroundVerifyAccount: string;
             spinnerIndicatorVerifyAccount: string;
         };
         dimensions: {
+            inputAmountQuickOptionButtonHeight: string;
+            inputAmountMinHeight: string;
             modalBottomBarButtonHeight: string;
             modalTopBarHeight: string;
+            selectAssetItemIconSize: string;
         };
         fonts: {
+            body: string;
             buttonTextPrimary: string;
             buttonTextSecondary: string;
             buttonTextTertiary: string;
-            body: string;
+            inputAmount: string;
         };
         fontWeight: {
             regular: string;
@@ -662,6 +757,10 @@ export declare const useActiveTheme: () => {
             heavy: string;
             modalTopbarTitle: string;
             modalBottomBarButtonText: string;
+            paymentMethodItemSubtitle: string;
+            paymentMethodItemTitle: string;
+            selectAssetItemSubtitle: string;
+            selectAssetItemTitle: string;
         };
         fontSize: {
             '10': {
@@ -716,6 +815,10 @@ export declare const useActiveTheme: () => {
                 fontSize: string;
                 lineHeight: string;
             };
+            inputAmount: {
+                fontSize: string;
+                lineHeight: string;
+            };
             modalTopbarSubtitle: {
                 fontSize: string;
                 lineHeight: string;
@@ -728,6 +831,22 @@ export declare const useActiveTheme: () => {
                 fontSize: string;
                 lineHeight: string;
             };
+            paymentMethodItemSubtitle: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            paymentMethodItemTitle: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            selectAssetItemSubtitle: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            selectAssetItemTitle: {
+                fontSize: string;
+                lineHeight: string;
+            };
         };
         radii: {
             actionButton: string;
@@ -750,6 +869,7 @@ export declare const useActiveTheme: () => {
         };
         borderWidths: {
             activeOptionBorderWidth: string;
+            buttonTertiaryBorderWidth: string;
         };
         shadows: {
             connectButton: string;
@@ -783,6 +903,15 @@ export declare const useActiveTheme: () => {
             modalPaddingBottomUpper: string;
             modalPaddingBottomLower: string;
             modalTopBarVerticalTextSpacing: string;
+            selectAssetItemPaddingX: string;
+            selectAssetItemPaddingY: string;
+            selectAssetItemTextGap: string;
+            selectBrokerageItemPaddingX: string;
+            selectBrokerageItemPaddingY: string;
+            youPayYouReceivePaddingY: string;
+        };
+        textTransforms: {
+            inputAmountQuickOptionButtonTextTransform: string;
         };
         blurs: {
             modalOverlay: string;

package/dist/themes/baseTheme.d.ts

@@ -18,12 +18,13 @@ interface BaseThemeOptions {
     customBorderWidths?: Partial<ThemeVars['borderWidths']>;
     customDimensions?: Partial<ThemeVars['dimensions']>;
     customSpacings?: Partial<ThemeVars['spacing']>;
+    customTextTransforms?: Partial<ThemeVars['textTransforms']>;
     fontSizing?: FontSizeType;
     borderRadius?: RadiusScale;
     fontStack?: FontStack;
     overlayBlur?: Blurs;
 }
-export declare const baseTheme: ({ borderRadius, fontStack, fontSizing, customFontFamily, customFontWeights, customFontSizings, customBorderWidths, customBorderRadiuses, customDimensions, customSpacings, overlayBlur, }: BaseThemeOptions) => Pick<ThemeVars, "radii" | "dimensions" | "fonts" | "fontWeight" | "fontSize" | "blurs" | "spacing" | "borderWidths">;
+export declare const baseTheme: ({ borderRadius, fontStack, fontSizing, customFontFamily, customFontWeights, customFontSizings, customBorderWidths, customBorderRadiuses, customDimensions, customSpacings, customTextTransforms, overlayBlur, }: BaseThemeOptions) => Pick<ThemeVars, "radii" | "dimensions" | "fonts" | "fontWeight" | "fontSize" | "blurs" | "spacing" | "borderWidths" | "textTransforms">;
 export interface AccentColor {
     accentColor: string;
     accentColorForeground: string;

package/dist/themes/baseTheme.js

@@ -2,7 +2,7 @@
 import {
   baseTheme,
   systemFontStack
-} from "../chunk-RJAD5CZH.js";
+} from "../chunk-WIDI2TYC.js";
 export {
   baseTheme,
   systemFontStack

package/dist/themes/darkTheme.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   darkTheme
-} from "../chunk-IVO7KGHT.js";
-import "../chunk-RJAD5CZH.js";
+} from "../chunk-JIC2XXGY.js";
+import "../chunk-WIDI2TYC.js";
 export {
   darkTheme
 };

package/dist/themes/lightTheme.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   lightTheme
-} from "../chunk-5GV4UXWB.js";
-import "../chunk-RJAD5CZH.js";
+} from "../chunk-QHRAQNOB.js";
+import "../chunk-WIDI2TYC.js";
 export {
   lightTheme
 };

package/dist/utils/customer.d.ts

@@ -1,10 +1,4 @@
 import type { Address } from 'viem';
-import type { ServerCheckoutConfig } from '../domains/clientMetadata';
-import type { FunkitCheckoutConfig } from '../providers/FunkitCheckoutContext';
-export declare function isKatanaEarnFlow({ apiKey, checkoutConfig, }: {
-    apiKey: string;
-    checkoutConfig: FunkitCheckoutConfig | ServerCheckoutConfig | undefined;
-}): boolean;
 export type LighterSubAccount = {
     code: number;
     account_type: number;