@0xsquid/ui 0.19.5 → 0.20.0

package/dist/esm/types/components/buttons/AssetsButton.d.ts

@@ -1,4 +1,5 @@
 import { AssetsButtonVariant } from '../../types/components';
+import { TooltipProps } from '../controls';
 interface AssetsButtonProps {
     token?: {
         iconUrl: string;
@@ -13,6 +14,7 @@ interface AssetsButtonProps {
     onClick?: () => void;
     variant?: AssetsButtonVariant;
     isLoading?: boolean;
+    tooltip?: Omit<TooltipProps, 'children'>;
 }
-export declare function AssetsButton({ chain, token, onClick, variant, isLoading, }: AssetsButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function AssetsButton({ chain, token, onClick, variant, isLoading, tooltip, }: AssetsButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/types/components/buttons/BoostButton.d.ts

@@ -3,9 +3,7 @@ import { BoostMode } from '../../types/components';
 interface BoostButtonProps {
     boostMode: BoostMode;
     canToggleBoostMode?: boolean;
-    boostDisabledMessage?: string;
-    tooltipDisplayDelayMs?: number;
     boostIndicatorRef: React.RefObject<HTMLDivElement>;
 }
-export declare function BoostButton({ boostMode, canToggleBoostMode, boostDisabledMessage, tooltipDisplayDelayMs, boostIndicatorRef, }: BoostButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function BoostButton({ boostMode, canToggleBoostMode, boostIndicatorRef, }: BoostButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/types/components/buttons/FeeButton.d.ts

@@ -1,7 +1,9 @@
 /// <reference types="react" />
+import { TooltipProps } from '../controls';
 interface FeeButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
     feeInUsd?: string;
     chipLabel?: string;
+    tooltip?: Omit<TooltipProps, 'children'>;
 }
-export declare function FeeButton({ feeInUsd, chipLabel, className, ...props }: FeeButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function FeeButton({ feeInUsd, chipLabel, className, tooltip, ...props }: FeeButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/types/components/controls/NumericInput.d.ts

@@ -1,4 +1,5 @@
 import { SwapDirection } from '../../types/components';
+import { TooltipProps } from './Tooltip';
 interface Token {
     price: number;
     symbol: string;
@@ -21,9 +22,16 @@ interface NumericInputProps {
     priceImpactPercentage?: string;
     criticalPriceImpactPercentage?: number;
     direction?: SwapDirection;
-    amountUsd?: string;
+    inputModeButton?: {
+        usdModeTooltip?: Omit<TooltipProps, 'children'>;
+        tokenModeTooltip?: Omit<TooltipProps, 'children'>;
+        amountUsd?: string;
+    };
     maxUsdDecimals?: number;
     isInteractive?: boolean;
+    balanceButton?: {
+        tooltip?: Omit<TooltipProps, 'children'>;
+    };
 }
-export declare function NumericInput({ priceImpactPercentage, balance, error, criticalPriceImpactPercentage, token, onAmountChange, forcedAmount, maxUsdDecimals, formatIfVerySmall, showDetails, isLoading, direction, amountUsd, isInteractive, }: NumericInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function NumericInput({ priceImpactPercentage, balance, error, criticalPriceImpactPercentage, token, onAmountChange, forcedAmount, maxUsdDecimals, formatIfVerySmall, showDetails, isLoading, direction, inputModeButton, isInteractive, balanceButton, }: NumericInputProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/types/components/controls/Tooltip.d.ts

@@ -3,7 +3,7 @@ export type TooltipWidth = 'max' | 'container';
 export type TooltipThreshold = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
 export interface TooltipProps {
     children: React.ReactNode;
-    tooltipContent: React.ReactNode;
+    tooltipContent?: React.ReactNode;
     threshold?: TooltipThreshold;
     tooltipWidth?: TooltipWidth;
     containerClassName?: string;

package/dist/esm/types/components/layout/Boost.d.ts

@@ -1,13 +1,13 @@
 import { BoostMode } from '../../types/components';
+import { TooltipProps } from '../controls';
 interface BoostProps {
     boostMode: BoostMode;
     onToggleBoostMode?: ({ boostMode }: {
         boostMode: BoostMode;
     }) => void;
     estimatedTime: string;
-    boostDisabledMessage?: string;
     canToggleBoostMode?: boolean;
-    boostTooltipDisplayDelayMs?: number;
+    tooltip?: Omit<TooltipProps, 'children'>;
 }
-export declare function Boost({ boostMode, onToggleBoostMode, estimatedTime, boostDisabledMessage, canToggleBoostMode, boostTooltipDisplayDelayMs, }: BoostProps): import("react/jsx-runtime").JSX.Element;
+export declare function Boost({ boostMode, onToggleBoostMode, estimatedTime, canToggleBoostMode, tooltip, }: BoostProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/types/components/layout/DetailsToolbar.d.ts

@@ -1,28 +1,32 @@
 import { BoostMode } from '../../types/components';
+import { TooltipProps } from '../controls';
 interface DetailsToolbarProps {
     errorMessage?: string;
-    boostMode?: BoostMode;
-    onToggleBoostMode?: ({ boostMode }: {
-        boostMode: BoostMode;
-    }) => void;
-    onInvertSwapButtonClick?: () => void;
-    onFeeButtonClick?: () => void;
     flipButton?: {
-        disabledMessage: string;
-        isDisabled: boolean;
-        tooltipDisplayDelayMs: number;
+        onClick?: () => void;
+        tooltip?: Omit<TooltipProps, 'children'>;
+        isDisabled?: boolean;
+    };
+    feeButton?: {
+        feeInUsd: string;
+        tooltip?: Omit<TooltipProps, 'children'>;
+        onClick: () => void;
     };
-    feeInUsd?: string;
     estimatedTime?: string;
-    canToggleBoostMode?: boolean;
-    boostDisabledMessage?: string;
     isLoading?: boolean;
     isEmpty?: boolean;
     helpButton?: {
         label: string;
         onClick: () => void;
     };
-    boostTooltipDisplayDelayMs?: number;
+    boostButton?: {
+        tooltip?: Omit<TooltipProps, 'children'>;
+        onClick?: ({ boostMode }: {
+            boostMode: BoostMode;
+        }) => void;
+        canToggleBoostMode?: boolean;
+        boostMode?: BoostMode;
+    };
 }
-export declare function DetailsToolbar({ errorMessage, boostMode, onToggleBoostMode, onInvertSwapButtonClick, onFeeButtonClick, feeInUsd, estimatedTime, canToggleBoostMode, boostDisabledMessage, helpButton, isLoading, isEmpty, boostTooltipDisplayDelayMs, flipButton, }: DetailsToolbarProps): import("react/jsx-runtime").JSX.Element;
+export declare function DetailsToolbar({ errorMessage, estimatedTime, helpButton, isLoading, isEmpty, flipButton, feeButton, boostButton, }: DetailsToolbarProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/types/components/layout/NavigationBar.d.ts

@@ -1,8 +1,10 @@
 /// <reference types="react" />
+import { TooltipProps } from '../controls';
 type ActionButton = {
     labelOrIcon: string | React.ReactNode;
     onClick?: () => void;
     id: React.Key;
+    tooltip?: Omit<TooltipProps, 'children'>;
 };
 interface NavigationBarProps {
     title?: string;

package/dist/esm/types/components/layout/SwapConfiguration.d.ts

@@ -1,10 +1,10 @@
 import { AssetsButtonVariant, SwapDirection } from '../../types/components';
+import { TooltipProps } from '../controls';
 interface SwapConfigurationProps {
     direction: SwapDirection;
     priceImpactPercentage?: string;
     amount?: string;
     forcedAmount?: string;
-    amountUsd?: string;
     tokenPrice?: number;
     balance?: string;
     isFetching?: boolean;
@@ -19,19 +19,33 @@ interface SwapConfigurationProps {
         textColor: string;
         decimals: number;
     };
-    address?: string;
     onAmountChange?: (amount: string) => void;
-    onWalletButtonClick?: () => void;
-    onAssetsButtonClick?: () => void;
     error?: {
         message: string;
     };
     criticalPriceImpactPercentage?: number;
-    emptyAddressLabel?: string;
-    assetsButtonVariant?: AssetsButtonVariant;
     maxUsdDecimals?: number;
     isInputInteractive?: boolean;
     isLoading?: boolean;
+    inputModeButton?: {
+        usdModeTooltip?: Omit<TooltipProps, 'children'>;
+        tokenModeTooltip?: Omit<TooltipProps, 'children'>;
+        amountUsd?: string;
+    };
+    balanceButton?: {
+        tooltip?: Omit<TooltipProps, 'children'>;
+    };
+    assetsButton?: {
+        tooltip?: Omit<TooltipProps, 'children'>;
+        onClick?: () => void;
+        variant?: AssetsButtonVariant;
+    };
+    walletButton?: {
+        tooltip?: Omit<TooltipProps, 'children'>;
+        onClick?: () => void;
+        address?: string;
+        emptyAddressLabel?: string;
+    };
 }
-export declare function SwapConfiguration({ amount, tokenPrice, isFetching: isFetchingProp, chain, token, direction, onAmountChange, onWalletButtonClick, onAssetsButtonClick, address, emptyAddressLabel, balance, criticalPriceImpactPercentage, error, priceImpactPercentage, amountUsd, assetsButtonVariant, maxUsdDecimals, isInputInteractive, isLoading, }: SwapConfigurationProps): import("react/jsx-runtime").JSX.Element;
+export declare function SwapConfiguration({ amount, tokenPrice, isFetching: isFetchingProp, chain, token, direction, onAmountChange, balance, criticalPriceImpactPercentage, error, priceImpactPercentage, maxUsdDecimals, isInputInteractive, isLoading, inputModeButton, balanceButton, assetsButton, walletButton, }: SwapConfigurationProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/types/stories/buttons/AssetsButton.stories.d.ts

@@ -12,3 +12,4 @@ export declare const TokenOnly: Story;
 export declare const ChainAndTokenLightText: Story;
 export declare const ChainAndTokenDarkText: Story;
 export declare const LongTokenSymbol: Story;
+export declare const Tooltip: Story;

package/dist/esm/types/stories/buttons/FeeButton.stories.d.ts

@@ -4,3 +4,4 @@ declare const meta: Meta<typeof FeeButton>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const Tooltip: Story;

package/dist/esm/types/stories/layout/Boost.stories.d.ts

@@ -5,6 +5,7 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Normal: Story;
 export declare const Boosted: Story;
+export declare const Tooltip: Story;
 export declare const NormalDisabled: Story;
 export declare const BoostedDisabled: Story;
 export declare const DisabledWithDelayedTooltip: Story;

package/dist/esm/types/stories/layout/DetailsToolbar.stories.d.ts

@@ -9,6 +9,9 @@ export declare const Empty: Story;
 export declare const EmptyLoading: Story;
 export declare const Error: Story;
 export declare const ErrorHelpButton: Story;
-export declare const BoostDisabled: Story;
+export declare const BoostButtonWithTooltip: Story;
+export declare const BoostDisabledWithTooltip: Story;
 export declare const BoostDisabledWithDelayedTooltip: Story;
+export declare const FlipButtonWithTooltip: Story;
 export declare const FlipButtonDisabled: Story;
+export declare const FeeButtonTooltip: Story;

package/dist/esm/types/stories/layout/SwapConfiguration.stories.d.ts

@@ -23,3 +23,4 @@ export declare const ToDirection: Story;
 export declare const FromAddressEmpty: Story;
 export declare const ToAddressEmpty: Story;
 export declare const Error: Story;
+export declare const WithTooltips: Story;

package/dist/index.d.ts

@@ -130,69 +130,6 @@ interface ArrowButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
 }
 declare function ArrowButton({ label, disabled, ...props }: ArrowButtonProps): react_jsx_runtime.JSX.Element;
 
-interface AssetsButtonProps {
-    token?: {
-        iconUrl: string;
-        symbol: string;
-        bgColor: string;
-        textColor: string;
-    };
-    chain?: {
-        iconUrl: string;
-        bgColor: string;
-    };
-    onClick?: () => void;
-    variant?: AssetsButtonVariant;
-    isLoading?: boolean;
-}
-declare function AssetsButton({ chain, token, onClick, variant, isLoading, }: AssetsButtonProps): react_jsx_runtime.JSX.Element;
-
-interface BoostButtonProps {
-    boostMode: BoostMode;
-    canToggleBoostMode?: boolean;
-    boostDisabledMessage?: string;
-    tooltipDisplayDelayMs?: number;
-    boostIndicatorRef: React.RefObject<HTMLDivElement>;
-}
-declare function BoostButton({ boostMode, canToggleBoostMode, boostDisabledMessage, tooltipDisplayDelayMs, boostIndicatorRef, }: BoostButtonProps): react_jsx_runtime.JSX.Element;
-
-interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
-    label?: string;
-    icon?: React.ReactNode;
-    variant: ButtonVariant;
-    size: ButtonSize;
-    disabled?: boolean;
-    link?: string;
-    isLoading?: boolean;
-}
-declare function Button({ label, disabled, size, variant, icon, link, isLoading, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
-
-interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {
-    label?: string;
-    icon?: React.ReactNode;
-}
-declare function Chip({ label, icon, ...props }: ChipProps): react_jsx_runtime.JSX.Element;
-
-interface FeeButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
-    feeInUsd?: string;
-    chipLabel?: string;
-}
-declare function FeeButton({ feeInUsd, chipLabel, className, ...props }: FeeButtonProps): react_jsx_runtime.JSX.Element;
-
-interface FilterButtonProps {
-    selected: boolean;
-    numApplied?: number;
-    onClick?: () => void;
-}
-declare function FilterButton({ selected, numApplied, onClick, }: FilterButtonProps): react_jsx_runtime.JSX.Element;
-
-interface SettingsButtonProps {
-    label: string;
-    isSelected?: boolean;
-    onClick?: () => void;
-}
-declare function SettingsButton({ label, isSelected, onClick, }: SettingsButtonProps): react_jsx_runtime.JSX.Element;
-
 interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     placeholder?: string;
     showIcon?: boolean;
@@ -209,6 +146,21 @@ type InputActionButtonProps = {
     label?: string;
 };
 
+type TooltipWidth = 'max' | 'container';
+type TooltipThreshold = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
+interface TooltipProps {
+    children: react__default.ReactNode;
+    tooltipContent?: react__default.ReactNode;
+    threshold?: TooltipThreshold;
+    tooltipWidth?: TooltipWidth;
+    containerClassName?: string;
+    childrenClassName?: string;
+    tooltipClassName?: string;
+    displayDelayMs?: number;
+    containerRef?: react__default.RefObject<HTMLElement>;
+}
+declare function Tooltip({ children, tooltipContent, tooltipWidth, threshold, containerClassName, childrenClassName, tooltipClassName, displayDelayMs, containerRef: containerRefProp, }: TooltipProps): react_jsx_runtime.JSX.Element;
+
 interface Token$1 {
     price: number;
     symbol: string;
@@ -231,11 +183,18 @@ interface NumericInputProps {
     priceImpactPercentage?: string;
     criticalPriceImpactPercentage?: number;
     direction?: SwapDirection;
-    amountUsd?: string;
+    inputModeButton?: {
+        usdModeTooltip?: Omit<TooltipProps, 'children'>;
+        tokenModeTooltip?: Omit<TooltipProps, 'children'>;
+        amountUsd?: string;
+    };
     maxUsdDecimals?: number;
     isInteractive?: boolean;
+    balanceButton?: {
+        tooltip?: Omit<TooltipProps, 'children'>;
+    };
 }
-declare function NumericInput({ priceImpactPercentage, balance, error, criticalPriceImpactPercentage, token, onAmountChange, forcedAmount, maxUsdDecimals, formatIfVerySmall, showDetails, isLoading, direction, amountUsd, isInteractive, }: NumericInputProps): react_jsx_runtime.JSX.Element;
+declare function NumericInput({ priceImpactPercentage, balance, error, criticalPriceImpactPercentage, token, onAmountChange, forcedAmount, maxUsdDecimals, formatIfVerySmall, showDetails, isLoading, direction, inputModeButton, isInteractive, balanceButton, }: NumericInputProps): react_jsx_runtime.JSX.Element;
 
 interface SettingsSliderProps {
     value: number | undefined;
@@ -256,20 +215,68 @@ interface SwitchProps {
 }
 declare function Switch({ checked, onChange, size, disabled, }: SwitchProps): react_jsx_runtime.JSX.Element;
 
-type TooltipWidth = 'max' | 'container';
-type TooltipThreshold = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
-interface TooltipProps {
-    children: react__default.ReactNode;
-    tooltipContent: react__default.ReactNode;
-    threshold?: TooltipThreshold;
-    tooltipWidth?: TooltipWidth;
-    containerClassName?: string;
-    childrenClassName?: string;
-    tooltipClassName?: string;
-    displayDelayMs?: number;
-    containerRef?: react__default.RefObject<HTMLElement>;
+interface AssetsButtonProps {
+    token?: {
+        iconUrl: string;
+        symbol: string;
+        bgColor: string;
+        textColor: string;
+    };
+    chain?: {
+        iconUrl: string;
+        bgColor: string;
+    };
+    onClick?: () => void;
+    variant?: AssetsButtonVariant;
+    isLoading?: boolean;
+    tooltip?: Omit<TooltipProps, 'children'>;
 }
-declare function Tooltip({ children, tooltipContent, tooltipWidth, threshold, containerClassName, childrenClassName, tooltipClassName, displayDelayMs, containerRef: containerRefProp, }: TooltipProps): react_jsx_runtime.JSX.Element;
+declare function AssetsButton({ chain, token, onClick, variant, isLoading, tooltip, }: AssetsButtonProps): react_jsx_runtime.JSX.Element;
+
+interface BoostButtonProps {
+    boostMode: BoostMode;
+    canToggleBoostMode?: boolean;
+    boostIndicatorRef: React.RefObject<HTMLDivElement>;
+}
+declare function BoostButton({ boostMode, canToggleBoostMode, boostIndicatorRef, }: BoostButtonProps): react_jsx_runtime.JSX.Element;
+
+interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
+    label?: string;
+    icon?: React.ReactNode;
+    variant: ButtonVariant;
+    size: ButtonSize;
+    disabled?: boolean;
+    link?: string;
+    isLoading?: boolean;
+}
+declare function Button({ label, disabled, size, variant, icon, link, isLoading, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+
+interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {
+    label?: string;
+    icon?: React.ReactNode;
+}
+declare function Chip({ label, icon, ...props }: ChipProps): react_jsx_runtime.JSX.Element;
+
+interface FeeButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
+    feeInUsd?: string;
+    chipLabel?: string;
+    tooltip?: Omit<TooltipProps, 'children'>;
+}
+declare function FeeButton({ feeInUsd, chipLabel, className, tooltip, ...props }: FeeButtonProps): react_jsx_runtime.JSX.Element;
+
+interface FilterButtonProps {
+    selected: boolean;
+    numApplied?: number;
+    onClick?: () => void;
+}
+declare function FilterButton({ selected, numApplied, onClick, }: FilterButtonProps): react_jsx_runtime.JSX.Element;
+
+interface SettingsButtonProps {
+    label: string;
+    isSelected?: boolean;
+    onClick?: () => void;
+}
+declare function SettingsButton({ label, isSelected, onClick, }: SettingsButtonProps): react_jsx_runtime.JSX.Element;
 
 interface Props {
     lottieJsonFile: object;
@@ -813,11 +820,10 @@ interface BoostProps {
         boostMode: BoostMode;
     }) => void;
     estimatedTime: string;
-    boostDisabledMessage?: string;
     canToggleBoostMode?: boolean;
-    boostTooltipDisplayDelayMs?: number;
+    tooltip?: Omit<TooltipProps, 'children'>;
 }
-declare function Boost({ boostMode, onToggleBoostMode, estimatedTime, boostDisabledMessage, canToggleBoostMode, boostTooltipDisplayDelayMs, }: BoostProps): react_jsx_runtime.JSX.Element;
+declare function Boost({ boostMode, onToggleBoostMode, estimatedTime, canToggleBoostMode, tooltip, }: BoostProps): react_jsx_runtime.JSX.Element;
 
 declare function Breadcrumb({ children, className, }: {
     children: ReactNode;
@@ -842,30 +848,33 @@ declare function Inline({ className, children, ...props }: ComponentProps<'div'>
 
 interface DetailsToolbarProps {
     errorMessage?: string;
-    boostMode?: BoostMode;
-    onToggleBoostMode?: ({ boostMode }: {
-        boostMode: BoostMode;
-    }) => void;
-    onInvertSwapButtonClick?: () => void;
-    onFeeButtonClick?: () => void;
     flipButton?: {
-        disabledMessage: string;
-        isDisabled: boolean;
-        tooltipDisplayDelayMs: number;
+        onClick?: () => void;
+        tooltip?: Omit<TooltipProps, 'children'>;
+        isDisabled?: boolean;
+    };
+    feeButton?: {
+        feeInUsd: string;
+        tooltip?: Omit<TooltipProps, 'children'>;
+        onClick: () => void;
     };
-    feeInUsd?: string;
     estimatedTime?: string;
-    canToggleBoostMode?: boolean;
-    boostDisabledMessage?: string;
     isLoading?: boolean;
     isEmpty?: boolean;
     helpButton?: {
         label: string;
         onClick: () => void;
     };
-    boostTooltipDisplayDelayMs?: number;
+    boostButton?: {
+        tooltip?: Omit<TooltipProps, 'children'>;
+        onClick?: ({ boostMode }: {
+            boostMode: BoostMode;
+        }) => void;
+        canToggleBoostMode?: boolean;
+        boostMode?: BoostMode;
+    };
 }
-declare function DetailsToolbar({ errorMessage, boostMode, onToggleBoostMode, onInvertSwapButtonClick, onFeeButtonClick, feeInUsd, estimatedTime, canToggleBoostMode, boostDisabledMessage, helpButton, isLoading, isEmpty, boostTooltipDisplayDelayMs, flipButton, }: DetailsToolbarProps): react_jsx_runtime.JSX.Element;
+declare function DetailsToolbar({ errorMessage, estimatedTime, helpButton, isLoading, isEmpty, flipButton, feeButton, boostButton, }: DetailsToolbarProps): react_jsx_runtime.JSX.Element;
 
 interface DropdownMenuItemProps {
     label: string;
@@ -1364,6 +1373,7 @@ type ActionButton = {
     labelOrIcon: string | React.ReactNode;
     onClick?: () => void;
     id: React.Key;
+    tooltip?: Omit<TooltipProps, 'children'>;
 };
 interface NavigationBarProps {
     title?: string;
@@ -1392,7 +1402,6 @@ interface SwapConfigurationProps {
     priceImpactPercentage?: string;
     amount?: string;
     forcedAmount?: string;
-    amountUsd?: string;
     tokenPrice?: number;
     balance?: string;
     isFetching?: boolean;
@@ -1407,21 +1416,35 @@ interface SwapConfigurationProps {
         textColor: string;
         decimals: number;
     };
-    address?: string;
     onAmountChange?: (amount: string) => void;
-    onWalletButtonClick?: () => void;
-    onAssetsButtonClick?: () => void;
     error?: {
         message: string;
     };
     criticalPriceImpactPercentage?: number;
-    emptyAddressLabel?: string;
-    assetsButtonVariant?: AssetsButtonVariant;
     maxUsdDecimals?: number;
     isInputInteractive?: boolean;
     isLoading?: boolean;
+    inputModeButton?: {
+        usdModeTooltip?: Omit<TooltipProps, 'children'>;
+        tokenModeTooltip?: Omit<TooltipProps, 'children'>;
+        amountUsd?: string;
+    };
+    balanceButton?: {
+        tooltip?: Omit<TooltipProps, 'children'>;
+    };
+    assetsButton?: {
+        tooltip?: Omit<TooltipProps, 'children'>;
+        onClick?: () => void;
+        variant?: AssetsButtonVariant;
+    };
+    walletButton?: {
+        tooltip?: Omit<TooltipProps, 'children'>;
+        onClick?: () => void;
+        address?: string;
+        emptyAddressLabel?: string;
+    };
 }
-declare function SwapConfiguration({ amount, tokenPrice, isFetching: isFetchingProp, chain, token, direction, onAmountChange, onWalletButtonClick, onAssetsButtonClick, address, emptyAddressLabel, balance, criticalPriceImpactPercentage, error, priceImpactPercentage, amountUsd, assetsButtonVariant, maxUsdDecimals, isInputInteractive, isLoading, }: SwapConfigurationProps): react_jsx_runtime.JSX.Element;
+declare function SwapConfiguration({ amount, tokenPrice, isFetching: isFetchingProp, chain, token, direction, onAmountChange, balance, criticalPriceImpactPercentage, error, priceImpactPercentage, maxUsdDecimals, isInputInteractive, isLoading, inputModeButton, balanceButton, assetsButton, walletButton, }: SwapConfigurationProps): react_jsx_runtime.JSX.Element;
 
 interface SwapProgressViewHeaderProps {
     title: string;

package/package.json

@@ -5,7 +5,7 @@
     "url": "git+https://github.com/0xsquid/squid-ui.git"
   },
   "description": "Squid's UI components",
-  "version": "0.19.5",
+  "version": "0.20.0",
   "author": "",
   "license": "MIT",
   "resolutions": {