@liberfi.io/ui-tokens 3.0.21 → 3.0.23

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode, ComponentType } from 'react';
 import * as _liberfi_io_types from '@liberfi.io/types';
-import { Token, Chain, WalletTag, TokenSocialMedias, TokenHoldersSortBy, TokenHolder, ActivitiesSortBy, Activity, TokenStats, TokenSecurity as TokenSecurity$1, TokenLiquidity, PortfolioPnl, LimitOrderState, LimitOrder, TokenProtocol, GetTokenListOptions, TokenFieldOption } from '@liberfi.io/types';
+import { Token, GetTokenListOptions, TokenProtocol, Chain, WalletTag, TokenSocialMedias, TokenHoldersSortBy, TokenHolder, ActivitiesSortBy, Activity, TokenStats, TokenSecurity as TokenSecurity$1, TokenLiquidity, PortfolioPnl, LimitOrderState, LimitOrder, TokenFieldOption } from '@liberfi.io/types';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { PopoverProps } from '@liberfi.io/ui';
 export { formatAmount } from '@liberfi.io/utils';
@@ -23,12 +23,14 @@ interface PulseListProps {
     onSelectToken?: (token: Token) => void;
     /** called when the list should pause/resume adding new items (e.g. mouse hover) */
     onPauseChange?: (isPaused: boolean) => void;
+    /** callback function when the virtualized list scroll state changes */
+    onScrollingChange?: (isScrolling: boolean) => void;
     /** custom styles */
     className?: string;
     /** whether to hide the header */
     hideHeader?: boolean;
 }
-declare function PulseList({ title, tokens, isLoading, itemHeight, renderHeaderExtra, renderItemAction, onSelectToken, onPauseChange, className, hideHeader, }: PulseListProps): react_jsx_runtime.JSX.Element;
+declare function PulseList({ title, tokens, isLoading, itemHeight, renderHeaderExtra, renderItemAction, onSelectToken, onPauseChange, onScrollingChange, className, hideHeader, }: PulseListProps): react_jsx_runtime.JSX.Element;
 
 interface PulseListHeaderProps {
     title: string;
@@ -53,11 +55,42 @@ interface PulseListItemSkeletonProps {
 }
 declare function PulseListItemSkeleton({ isLast, className, }: PulseListItemSkeletonProps): react_jsx_runtime.JSX.Element;
 
+type TokenListResolution = "1m" | "5m" | "1h" | "4h" | "24h";
+interface TokenListResolutionSelectorProps {
+    /** current resolution */
+    resolution?: TokenListResolution;
+    /** callback function when resolution changes */
+    onResolutionChange?: (resolution: TokenListResolution) => void | Promise<void>;
+    /** resolution options */
+    resolutionOptions?: TokenListResolution[];
+}
+
+type TokenListFiltersType = Pick<GetTokenListOptions, "filters" | "keywords" | "excludeKeywords">;
+interface TokenListFilterProps {
+    /** protocol filter options */
+    protocols?: Array<TokenProtocol>;
+    /** current resolution */
+    resolution: TokenListResolution;
+    /** filters */
+    filters?: TokenListFiltersType;
+    /** callback when filters change */
+    onFiltersChange?: (filters?: TokenListFiltersType) => void;
+    /** custom class name */
+    className?: string;
+}
+declare function TokenListFilter({ protocols, resolution, filters, onFiltersChange, className, }: TokenListFilterProps): react_jsx_runtime.JSX.Element;
+
 type UsePulseNewListScriptParams = {
     /** chain id */
     chain: Chain;
+    /** local display filters */
+    filters?: TokenListFiltersType;
     /** whether to pause adding new items (existing items still update) */
     isPaused?: boolean;
+    /** defer websocket updates while the list is actively scrolling */
+    deferUpdates?: boolean;
+    /** minimum interval for batched websocket updates */
+    updateFlushInterval?: number;
 };
 type UsePulseNewListScriptResult = {
     /** whether tokens are loading */
@@ -65,11 +98,13 @@ type UsePulseNewListScriptResult = {
     /** token list */
     tokens: Token[];
 };
-declare function usePulseNewListScript({ chain, isPaused, }: UsePulseNewListScriptParams): UsePulseNewListScriptResult;
+declare function usePulseNewListScript({ chain, filters, isPaused, deferUpdates, updateFlushInterval, }: UsePulseNewListScriptParams): UsePulseNewListScriptResult;
 
 interface PulseNewListWidgetProps {
     /** chain id */
     chain: Chain;
+    /** local display filters */
+    filters?: TokenListFiltersType;
     /** list title */
     title: string;
     /** custom render for header extra content (e.g. instant buy amount input) */
@@ -83,15 +118,21 @@ interface PulseNewListWidgetProps {
     /** whether to hide the header */
     hideHeader?: boolean;
 }
-declare function PulseNewListWidget({ chain, title, renderHeaderExtra, renderItemAction, onSelectToken, className, hideHeader, }: PulseNewListWidgetProps): react_jsx_runtime.JSX.Element;
+declare function PulseNewListWidget({ chain, filters, title, renderHeaderExtra, renderItemAction, onSelectToken, className, hideHeader, }: PulseNewListWidgetProps): react_jsx_runtime.JSX.Element;
 
 type UsePulseMigratedListScriptParams = {
     /** chain id */
     chain: Chain;
+    /** local display filters */
+    filters?: TokenListFiltersType;
     /** whether to pause adding new items (existing items still update) */
     isPaused?: boolean;
     /** refetch interval in milliseconds */
     refetchInterval?: number;
+    /** defer websocket updates while the list is actively scrolling */
+    deferUpdates?: boolean;
+    /** minimum interval for batched websocket updates */
+    updateFlushInterval?: number;
 };
 type UsePulseMigratedListScriptResult = {
     /** whether tokens are loading */
@@ -99,11 +140,13 @@ type UsePulseMigratedListScriptResult = {
     /** token list */
     tokens: Token[];
 };
-declare function usePulseMigratedListScript({ chain, isPaused, refetchInterval, }: UsePulseMigratedListScriptParams): UsePulseMigratedListScriptResult;
+declare function usePulseMigratedListScript({ chain, filters, isPaused, refetchInterval, deferUpdates, updateFlushInterval, }: UsePulseMigratedListScriptParams): UsePulseMigratedListScriptResult;
 
 interface PulseMigratedListWidgetProps {
     /** chain id */
     chain: Chain;
+    /** local display filters */
+    filters?: TokenListFiltersType;
     /** list title */
     title: string;
     /** custom render for header extra content (e.g. instant buy amount input) */
@@ -117,15 +160,21 @@ interface PulseMigratedListWidgetProps {
     /** whether to hide the header */
     hideHeader?: boolean;
 }
-declare function PulseMigratedListWidget({ chain, title, renderHeaderExtra, renderItemAction, onSelectToken, className, hideHeader, }: PulseMigratedListWidgetProps): react_jsx_runtime.JSX.Element;
+declare function PulseMigratedListWidget({ chain, filters, title, renderHeaderExtra, renderItemAction, onSelectToken, className, hideHeader, }: PulseMigratedListWidgetProps): react_jsx_runtime.JSX.Element;
 
 type UsePulseFinalStretchListScriptParams = {
     /** chain id */
     chain: Chain;
+    /** local display filters */
+    filters?: TokenListFiltersType;
     /** whether to pause adding new items (existing items still update) */
     isPaused?: boolean;
     /** refetch interval in milliseconds */
     refetchInterval?: number;
+    /** defer websocket updates while the list is actively scrolling */
+    deferUpdates?: boolean;
+    /** minimum interval for batched websocket updates */
+    updateFlushInterval?: number;
 };
 type UsePulseFinalStretchListScriptResult = {
     /** whether tokens are loading */
@@ -133,11 +182,13 @@ type UsePulseFinalStretchListScriptResult = {
     /** token list */
     tokens: Token[];
 };
-declare function usePulseFinalStretchListScript({ chain, isPaused, refetchInterval, }: UsePulseFinalStretchListScriptParams): UsePulseFinalStretchListScriptResult;
+declare function usePulseFinalStretchListScript({ chain, filters, isPaused, refetchInterval, deferUpdates, updateFlushInterval, }: UsePulseFinalStretchListScriptParams): UsePulseFinalStretchListScriptResult;
 
 interface PulseFinalStretchListWidgetProps {
     /** chain id */
     chain: Chain;
+    /** local display filters */
+    filters?: TokenListFiltersType;
     /** list title */
     title: string;
     /** custom render for header extra content (e.g. instant buy amount input) */
@@ -151,7 +202,7 @@ interface PulseFinalStretchListWidgetProps {
     /** whether to hide the header */
     hideHeader?: boolean;
 }
-declare function PulseFinalStretchListWidget({ chain, title, renderHeaderExtra, renderItemAction, onSelectToken, className, hideHeader, }: PulseFinalStretchListWidgetProps): react_jsx_runtime.JSX.Element;
+declare function PulseFinalStretchListWidget({ chain, filters, title, renderHeaderExtra, renderItemAction, onSelectToken, className, hideHeader, }: PulseFinalStretchListWidgetProps): react_jsx_runtime.JSX.Element;
 
 type PulseListType = "new" | "final_stretch" | "migrated";
 interface PulseListItemActionProps {
@@ -1584,42 +1635,35 @@ interface TokenReusedImageListWidgetProps {
  */
 declare function TokenReusedImageListWidget({ chain, address, onTokenClick, className, }: TokenReusedImageListWidgetProps): react_jsx_runtime.JSX.Element;
 
-type TokenListResolution = "1m" | "5m" | "1h" | "4h" | "24h";
-interface TokenListResolutionSelectorProps {
-    /** current resolution */
-    resolution?: TokenListResolution;
-    /** callback function when resolution changes */
-    onResolutionChange?: (resolution: TokenListResolution) => void | Promise<void>;
-    /** resolution options */
-    resolutionOptions?: TokenListResolution[];
-}
-
-type TokenListFiltersType = Pick<GetTokenListOptions, "filters" | "keywords" | "excludeKeywords">;
-interface TokenListFilterProps {
-    /** protocol filter options */
-    protocols?: Array<TokenProtocol>;
-    /** current resolution */
-    resolution: TokenListResolution;
-    /** filters */
-    filters?: TokenListFiltersType;
-    /** callback when filters change */
-    onFiltersChange?: (filters?: TokenListFiltersType) => void;
-    /** custom class name */
+type TokenListFilterModalProps = Pick<TokenListFilterProps, "protocols" | "resolution" | "filters" | "onFiltersChange"> & {
+    /** trigger button style variant */
+    triggerVariant?: "default" | "plain";
+    /** active badge placement on the trigger */
+    badgePlacement?: "outer" | "icon";
+    /** trigger button className */
     className?: string;
-}
-declare function TokenListFilter({ protocols, resolution, filters, onFiltersChange, className, }: TokenListFilterProps): react_jsx_runtime.JSX.Element;
-
-type TokenListFilterModalProps = Pick<TokenListFilterProps, "protocols" | "resolution" | "filters" | "onFiltersChange">;
-declare function TokenListFilterModal({ protocols, resolution, filters, onFiltersChange, }: TokenListFilterModalProps): react_jsx_runtime.JSX.Element;
+};
+declare function TokenListFilterModal({ protocols, resolution, filters, onFiltersChange, triggerVariant, badgePlacement, className, }: TokenListFilterModalProps): react_jsx_runtime.JSX.Element;
 
-type TokenListFilterPopoverProps = Pick<PopoverProps, "placement"> & Pick<TokenListFilterProps, "protocols" | "resolution" | "filters" | "onFiltersChange">;
-declare function TokenListFilterPopover({ protocols, resolution, filters, onFiltersChange, }: TokenListFilterPopoverProps): react_jsx_runtime.JSX.Element;
+type TokenListFilterPopoverProps = Pick<PopoverProps, "placement"> & Pick<TokenListFilterProps, "protocols" | "resolution" | "filters" | "onFiltersChange"> & {
+    /** whether to render only the filter icon in the trigger */
+    iconOnly?: boolean;
+    /** trigger button className */
+    className?: string;
+};
+declare function TokenListFilterPopover({ protocols, resolution, filters, onFiltersChange, iconOnly, className, }: TokenListFilterPopoverProps): react_jsx_runtime.JSX.Element;
 
 type TokenListFilterWidgetProps = TokenListFilterModalProps & {
     /** Popover placement used on non-mobile screens. @default "bottom-end" */
     popoverPlacement?: PopoverProps["placement"];
+    /** whether to render only the filter icon in the non-mobile trigger */
+    iconOnly?: boolean;
+    /** trigger button className */
+    className?: string;
+    /** overlay used on non-mobile screens. @default "popover" */
+    desktopOverlay?: "popover" | "modal";
 };
-declare function TokenListFilterWidget({ popoverPlacement, ...filterProps }: TokenListFilterWidgetProps): react_jsx_runtime.JSX.Element;
+declare function TokenListFilterWidget({ popoverPlacement, iconOnly, className, desktopOverlay, ...filterProps }: TokenListFilterWidgetProps): react_jsx_runtime.JSX.Element;
 
 declare function TokenListResolutionSelectorDesktop({ resolution, onResolutionChange, resolutionOptions, }: TokenListResolutionSelectorProps): react_jsx_runtime.JSX.Element;
 
@@ -1723,10 +1767,8 @@ type UseNewTokensScriptParams = {
     chain: Chain;
     /** resolution */
     resolution: TokenListResolution;
-    /** fetch tokens options */
+    /** local display options */
     options?: GetTokenListOptions;
-    /** refetch tokens interval */
-    refetchInterval?: number;
     /** defer websocket updates while the list is actively scrolling */
     deferUpdates?: boolean;
     /** minimum interval for batched websocket updates */
@@ -1738,7 +1780,7 @@ type UseNewTokensScriptResult = {
     /** tokens */
     tokens: Array<Token>;
 };
-declare function useNewTokensScript({ chain, resolution, options, refetchInterval, deferUpdates, updateFlushInterval, }: UseNewTokensScriptParams): UseNewTokensScriptResult;
+declare function useNewTokensScript({ chain, options, deferUpdates, updateFlushInterval, }: UseNewTokensScriptParams): UseNewTokensScriptResult;
 
 type NewTokenListWidgetProps = {
     /** chain id */

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode, ComponentType } from 'react';
 import * as _liberfi_io_types from '@liberfi.io/types';
-import { Token, Chain, WalletTag, TokenSocialMedias, TokenHoldersSortBy, TokenHolder, ActivitiesSortBy, Activity, TokenStats, TokenSecurity as TokenSecurity$1, TokenLiquidity, PortfolioPnl, LimitOrderState, LimitOrder, TokenProtocol, GetTokenListOptions, TokenFieldOption } from '@liberfi.io/types';
+import { Token, GetTokenListOptions, TokenProtocol, Chain, WalletTag, TokenSocialMedias, TokenHoldersSortBy, TokenHolder, ActivitiesSortBy, Activity, TokenStats, TokenSecurity as TokenSecurity$1, TokenLiquidity, PortfolioPnl, LimitOrderState, LimitOrder, TokenFieldOption } from '@liberfi.io/types';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { PopoverProps } from '@liberfi.io/ui';
 export { formatAmount } from '@liberfi.io/utils';
@@ -23,12 +23,14 @@ interface PulseListProps {
     onSelectToken?: (token: Token) => void;
     /** called when the list should pause/resume adding new items (e.g. mouse hover) */
     onPauseChange?: (isPaused: boolean) => void;
+    /** callback function when the virtualized list scroll state changes */
+    onScrollingChange?: (isScrolling: boolean) => void;
     /** custom styles */
     className?: string;
     /** whether to hide the header */
     hideHeader?: boolean;
 }
-declare function PulseList({ title, tokens, isLoading, itemHeight, renderHeaderExtra, renderItemAction, onSelectToken, onPauseChange, className, hideHeader, }: PulseListProps): react_jsx_runtime.JSX.Element;
+declare function PulseList({ title, tokens, isLoading, itemHeight, renderHeaderExtra, renderItemAction, onSelectToken, onPauseChange, onScrollingChange, className, hideHeader, }: PulseListProps): react_jsx_runtime.JSX.Element;
 
 interface PulseListHeaderProps {
     title: string;
@@ -53,11 +55,42 @@ interface PulseListItemSkeletonProps {
 }
 declare function PulseListItemSkeleton({ isLast, className, }: PulseListItemSkeletonProps): react_jsx_runtime.JSX.Element;
 
+type TokenListResolution = "1m" | "5m" | "1h" | "4h" | "24h";
+interface TokenListResolutionSelectorProps {
+    /** current resolution */
+    resolution?: TokenListResolution;
+    /** callback function when resolution changes */
+    onResolutionChange?: (resolution: TokenListResolution) => void | Promise<void>;
+    /** resolution options */
+    resolutionOptions?: TokenListResolution[];
+}
+
+type TokenListFiltersType = Pick<GetTokenListOptions, "filters" | "keywords" | "excludeKeywords">;
+interface TokenListFilterProps {
+    /** protocol filter options */
+    protocols?: Array<TokenProtocol>;
+    /** current resolution */
+    resolution: TokenListResolution;
+    /** filters */
+    filters?: TokenListFiltersType;
+    /** callback when filters change */
+    onFiltersChange?: (filters?: TokenListFiltersType) => void;
+    /** custom class name */
+    className?: string;
+}
+declare function TokenListFilter({ protocols, resolution, filters, onFiltersChange, className, }: TokenListFilterProps): react_jsx_runtime.JSX.Element;
+
 type UsePulseNewListScriptParams = {
     /** chain id */
     chain: Chain;
+    /** local display filters */
+    filters?: TokenListFiltersType;
     /** whether to pause adding new items (existing items still update) */
     isPaused?: boolean;
+    /** defer websocket updates while the list is actively scrolling */
+    deferUpdates?: boolean;
+    /** minimum interval for batched websocket updates */
+    updateFlushInterval?: number;
 };
 type UsePulseNewListScriptResult = {
     /** whether tokens are loading */
@@ -65,11 +98,13 @@ type UsePulseNewListScriptResult = {
     /** token list */
     tokens: Token[];
 };
-declare function usePulseNewListScript({ chain, isPaused, }: UsePulseNewListScriptParams): UsePulseNewListScriptResult;
+declare function usePulseNewListScript({ chain, filters, isPaused, deferUpdates, updateFlushInterval, }: UsePulseNewListScriptParams): UsePulseNewListScriptResult;
 
 interface PulseNewListWidgetProps {
     /** chain id */
     chain: Chain;
+    /** local display filters */
+    filters?: TokenListFiltersType;
     /** list title */
     title: string;
     /** custom render for header extra content (e.g. instant buy amount input) */
@@ -83,15 +118,21 @@ interface PulseNewListWidgetProps {
     /** whether to hide the header */
     hideHeader?: boolean;
 }
-declare function PulseNewListWidget({ chain, title, renderHeaderExtra, renderItemAction, onSelectToken, className, hideHeader, }: PulseNewListWidgetProps): react_jsx_runtime.JSX.Element;
+declare function PulseNewListWidget({ chain, filters, title, renderHeaderExtra, renderItemAction, onSelectToken, className, hideHeader, }: PulseNewListWidgetProps): react_jsx_runtime.JSX.Element;
 
 type UsePulseMigratedListScriptParams = {
     /** chain id */
     chain: Chain;
+    /** local display filters */
+    filters?: TokenListFiltersType;
     /** whether to pause adding new items (existing items still update) */
     isPaused?: boolean;
     /** refetch interval in milliseconds */
     refetchInterval?: number;
+    /** defer websocket updates while the list is actively scrolling */
+    deferUpdates?: boolean;
+    /** minimum interval for batched websocket updates */
+    updateFlushInterval?: number;
 };
 type UsePulseMigratedListScriptResult = {
     /** whether tokens are loading */
@@ -99,11 +140,13 @@ type UsePulseMigratedListScriptResult = {
     /** token list */
     tokens: Token[];
 };
-declare function usePulseMigratedListScript({ chain, isPaused, refetchInterval, }: UsePulseMigratedListScriptParams): UsePulseMigratedListScriptResult;
+declare function usePulseMigratedListScript({ chain, filters, isPaused, refetchInterval, deferUpdates, updateFlushInterval, }: UsePulseMigratedListScriptParams): UsePulseMigratedListScriptResult;
 
 interface PulseMigratedListWidgetProps {
     /** chain id */
     chain: Chain;
+    /** local display filters */
+    filters?: TokenListFiltersType;
     /** list title */
     title: string;
     /** custom render for header extra content (e.g. instant buy amount input) */
@@ -117,15 +160,21 @@ interface PulseMigratedListWidgetProps {
     /** whether to hide the header */
     hideHeader?: boolean;
 }
-declare function PulseMigratedListWidget({ chain, title, renderHeaderExtra, renderItemAction, onSelectToken, className, hideHeader, }: PulseMigratedListWidgetProps): react_jsx_runtime.JSX.Element;
+declare function PulseMigratedListWidget({ chain, filters, title, renderHeaderExtra, renderItemAction, onSelectToken, className, hideHeader, }: PulseMigratedListWidgetProps): react_jsx_runtime.JSX.Element;
 
 type UsePulseFinalStretchListScriptParams = {
     /** chain id */
     chain: Chain;
+    /** local display filters */
+    filters?: TokenListFiltersType;
     /** whether to pause adding new items (existing items still update) */
     isPaused?: boolean;
     /** refetch interval in milliseconds */
     refetchInterval?: number;
+    /** defer websocket updates while the list is actively scrolling */
+    deferUpdates?: boolean;
+    /** minimum interval for batched websocket updates */
+    updateFlushInterval?: number;
 };
 type UsePulseFinalStretchListScriptResult = {
     /** whether tokens are loading */
@@ -133,11 +182,13 @@ type UsePulseFinalStretchListScriptResult = {
     /** token list */
     tokens: Token[];
 };
-declare function usePulseFinalStretchListScript({ chain, isPaused, refetchInterval, }: UsePulseFinalStretchListScriptParams): UsePulseFinalStretchListScriptResult;
+declare function usePulseFinalStretchListScript({ chain, filters, isPaused, refetchInterval, deferUpdates, updateFlushInterval, }: UsePulseFinalStretchListScriptParams): UsePulseFinalStretchListScriptResult;
 
 interface PulseFinalStretchListWidgetProps {
     /** chain id */
     chain: Chain;
+    /** local display filters */
+    filters?: TokenListFiltersType;
     /** list title */
     title: string;
     /** custom render for header extra content (e.g. instant buy amount input) */
@@ -151,7 +202,7 @@ interface PulseFinalStretchListWidgetProps {
     /** whether to hide the header */
     hideHeader?: boolean;
 }
-declare function PulseFinalStretchListWidget({ chain, title, renderHeaderExtra, renderItemAction, onSelectToken, className, hideHeader, }: PulseFinalStretchListWidgetProps): react_jsx_runtime.JSX.Element;
+declare function PulseFinalStretchListWidget({ chain, filters, title, renderHeaderExtra, renderItemAction, onSelectToken, className, hideHeader, }: PulseFinalStretchListWidgetProps): react_jsx_runtime.JSX.Element;
 
 type PulseListType = "new" | "final_stretch" | "migrated";
 interface PulseListItemActionProps {
@@ -1584,42 +1635,35 @@ interface TokenReusedImageListWidgetProps {
  */
 declare function TokenReusedImageListWidget({ chain, address, onTokenClick, className, }: TokenReusedImageListWidgetProps): react_jsx_runtime.JSX.Element;
 
-type TokenListResolution = "1m" | "5m" | "1h" | "4h" | "24h";
-interface TokenListResolutionSelectorProps {
-    /** current resolution */
-    resolution?: TokenListResolution;
-    /** callback function when resolution changes */
-    onResolutionChange?: (resolution: TokenListResolution) => void | Promise<void>;
-    /** resolution options */
-    resolutionOptions?: TokenListResolution[];
-}
-
-type TokenListFiltersType = Pick<GetTokenListOptions, "filters" | "keywords" | "excludeKeywords">;
-interface TokenListFilterProps {
-    /** protocol filter options */
-    protocols?: Array<TokenProtocol>;
-    /** current resolution */
-    resolution: TokenListResolution;
-    /** filters */
-    filters?: TokenListFiltersType;
-    /** callback when filters change */
-    onFiltersChange?: (filters?: TokenListFiltersType) => void;
-    /** custom class name */
+type TokenListFilterModalProps = Pick<TokenListFilterProps, "protocols" | "resolution" | "filters" | "onFiltersChange"> & {
+    /** trigger button style variant */
+    triggerVariant?: "default" | "plain";
+    /** active badge placement on the trigger */
+    badgePlacement?: "outer" | "icon";
+    /** trigger button className */
     className?: string;
-}
-declare function TokenListFilter({ protocols, resolution, filters, onFiltersChange, className, }: TokenListFilterProps): react_jsx_runtime.JSX.Element;
-
-type TokenListFilterModalProps = Pick<TokenListFilterProps, "protocols" | "resolution" | "filters" | "onFiltersChange">;
-declare function TokenListFilterModal({ protocols, resolution, filters, onFiltersChange, }: TokenListFilterModalProps): react_jsx_runtime.JSX.Element;
+};
+declare function TokenListFilterModal({ protocols, resolution, filters, onFiltersChange, triggerVariant, badgePlacement, className, }: TokenListFilterModalProps): react_jsx_runtime.JSX.Element;
 
-type TokenListFilterPopoverProps = Pick<PopoverProps, "placement"> & Pick<TokenListFilterProps, "protocols" | "resolution" | "filters" | "onFiltersChange">;
-declare function TokenListFilterPopover({ protocols, resolution, filters, onFiltersChange, }: TokenListFilterPopoverProps): react_jsx_runtime.JSX.Element;
+type TokenListFilterPopoverProps = Pick<PopoverProps, "placement"> & Pick<TokenListFilterProps, "protocols" | "resolution" | "filters" | "onFiltersChange"> & {
+    /** whether to render only the filter icon in the trigger */
+    iconOnly?: boolean;
+    /** trigger button className */
+    className?: string;
+};
+declare function TokenListFilterPopover({ protocols, resolution, filters, onFiltersChange, iconOnly, className, }: TokenListFilterPopoverProps): react_jsx_runtime.JSX.Element;
 
 type TokenListFilterWidgetProps = TokenListFilterModalProps & {
     /** Popover placement used on non-mobile screens. @default "bottom-end" */
     popoverPlacement?: PopoverProps["placement"];
+    /** whether to render only the filter icon in the non-mobile trigger */
+    iconOnly?: boolean;
+    /** trigger button className */
+    className?: string;
+    /** overlay used on non-mobile screens. @default "popover" */
+    desktopOverlay?: "popover" | "modal";
 };
-declare function TokenListFilterWidget({ popoverPlacement, ...filterProps }: TokenListFilterWidgetProps): react_jsx_runtime.JSX.Element;
+declare function TokenListFilterWidget({ popoverPlacement, iconOnly, className, desktopOverlay, ...filterProps }: TokenListFilterWidgetProps): react_jsx_runtime.JSX.Element;
 
 declare function TokenListResolutionSelectorDesktop({ resolution, onResolutionChange, resolutionOptions, }: TokenListResolutionSelectorProps): react_jsx_runtime.JSX.Element;
 
@@ -1723,10 +1767,8 @@ type UseNewTokensScriptParams = {
     chain: Chain;
     /** resolution */
     resolution: TokenListResolution;
-    /** fetch tokens options */
+    /** local display options */
     options?: GetTokenListOptions;
-    /** refetch tokens interval */
-    refetchInterval?: number;
     /** defer websocket updates while the list is actively scrolling */
     deferUpdates?: boolean;
     /** minimum interval for batched websocket updates */
@@ -1738,7 +1780,7 @@ type UseNewTokensScriptResult = {
     /** tokens */
     tokens: Array<Token>;
 };
-declare function useNewTokensScript({ chain, resolution, options, refetchInterval, deferUpdates, updateFlushInterval, }: UseNewTokensScriptParams): UseNewTokensScriptResult;
+declare function useNewTokensScript({ chain, options, deferUpdates, updateFlushInterval, }: UseNewTokensScriptParams): UseNewTokensScriptResult;
 
 type NewTokenListWidgetProps = {
     /** chain id */