@liberfi.io/ui-tokens 3.0.20 → 3.0.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.d.mts +61 -37
  2. package/dist/index.d.ts +61 -37
  3. package/dist/index.js +3 -3
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +3 -3
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +13 -13
package/dist/index.d.mts CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import { ReactNode, ComponentType } from 'react';
3
3
  import * as _liberfi_io_types from '@liberfi.io/types';
4
- 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';
4
+ 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';
5
5
  import * as _tanstack_react_query from '@tanstack/react-query';
6
6
  import { PopoverProps } from '@liberfi.io/ui';
7
7
  export { formatAmount } from '@liberfi.io/utils';
@@ -53,9 +53,36 @@ interface PulseListItemSkeletonProps {
53
53
  }
54
54
  declare function PulseListItemSkeleton({ isLast, className, }: PulseListItemSkeletonProps): react_jsx_runtime.JSX.Element;
55
55
 
56
+ type TokenListResolution = "1m" | "5m" | "1h" | "4h" | "24h";
57
+ interface TokenListResolutionSelectorProps {
58
+ /** current resolution */
59
+ resolution?: TokenListResolution;
60
+ /** callback function when resolution changes */
61
+ onResolutionChange?: (resolution: TokenListResolution) => void | Promise<void>;
62
+ /** resolution options */
63
+ resolutionOptions?: TokenListResolution[];
64
+ }
65
+
66
+ type TokenListFiltersType = Pick<GetTokenListOptions, "filters" | "keywords" | "excludeKeywords">;
67
+ interface TokenListFilterProps {
68
+ /** protocol filter options */
69
+ protocols?: Array<TokenProtocol>;
70
+ /** current resolution */
71
+ resolution: TokenListResolution;
72
+ /** filters */
73
+ filters?: TokenListFiltersType;
74
+ /** callback when filters change */
75
+ onFiltersChange?: (filters?: TokenListFiltersType) => void;
76
+ /** custom class name */
77
+ className?: string;
78
+ }
79
+ declare function TokenListFilter({ protocols, resolution, filters, onFiltersChange, className, }: TokenListFilterProps): react_jsx_runtime.JSX.Element;
80
+
56
81
  type UsePulseNewListScriptParams = {
57
82
  /** chain id */
58
83
  chain: Chain;
84
+ /** local display filters */
85
+ filters?: TokenListFiltersType;
59
86
  /** whether to pause adding new items (existing items still update) */
60
87
  isPaused?: boolean;
61
88
  };
@@ -65,11 +92,13 @@ type UsePulseNewListScriptResult = {
65
92
  /** token list */
66
93
  tokens: Token[];
67
94
  };
68
- declare function usePulseNewListScript({ chain, isPaused, }: UsePulseNewListScriptParams): UsePulseNewListScriptResult;
95
+ declare function usePulseNewListScript({ chain, filters, isPaused, }: UsePulseNewListScriptParams): UsePulseNewListScriptResult;
69
96
 
70
97
  interface PulseNewListWidgetProps {
71
98
  /** chain id */
72
99
  chain: Chain;
100
+ /** local display filters */
101
+ filters?: TokenListFiltersType;
73
102
  /** list title */
74
103
  title: string;
75
104
  /** custom render for header extra content (e.g. instant buy amount input) */
@@ -83,11 +112,13 @@ interface PulseNewListWidgetProps {
83
112
  /** whether to hide the header */
84
113
  hideHeader?: boolean;
85
114
  }
86
- declare function PulseNewListWidget({ chain, title, renderHeaderExtra, renderItemAction, onSelectToken, className, hideHeader, }: PulseNewListWidgetProps): react_jsx_runtime.JSX.Element;
115
+ declare function PulseNewListWidget({ chain, filters, title, renderHeaderExtra, renderItemAction, onSelectToken, className, hideHeader, }: PulseNewListWidgetProps): react_jsx_runtime.JSX.Element;
87
116
 
88
117
  type UsePulseMigratedListScriptParams = {
89
118
  /** chain id */
90
119
  chain: Chain;
120
+ /** local display filters */
121
+ filters?: TokenListFiltersType;
91
122
  /** whether to pause adding new items (existing items still update) */
92
123
  isPaused?: boolean;
93
124
  /** refetch interval in milliseconds */
@@ -99,11 +130,13 @@ type UsePulseMigratedListScriptResult = {
99
130
  /** token list */
100
131
  tokens: Token[];
101
132
  };
102
- declare function usePulseMigratedListScript({ chain, isPaused, refetchInterval, }: UsePulseMigratedListScriptParams): UsePulseMigratedListScriptResult;
133
+ declare function usePulseMigratedListScript({ chain, filters, isPaused, refetchInterval, }: UsePulseMigratedListScriptParams): UsePulseMigratedListScriptResult;
103
134
 
104
135
  interface PulseMigratedListWidgetProps {
105
136
  /** chain id */
106
137
  chain: Chain;
138
+ /** local display filters */
139
+ filters?: TokenListFiltersType;
107
140
  /** list title */
108
141
  title: string;
109
142
  /** custom render for header extra content (e.g. instant buy amount input) */
@@ -117,11 +150,13 @@ interface PulseMigratedListWidgetProps {
117
150
  /** whether to hide the header */
118
151
  hideHeader?: boolean;
119
152
  }
120
- declare function PulseMigratedListWidget({ chain, title, renderHeaderExtra, renderItemAction, onSelectToken, className, hideHeader, }: PulseMigratedListWidgetProps): react_jsx_runtime.JSX.Element;
153
+ declare function PulseMigratedListWidget({ chain, filters, title, renderHeaderExtra, renderItemAction, onSelectToken, className, hideHeader, }: PulseMigratedListWidgetProps): react_jsx_runtime.JSX.Element;
121
154
 
122
155
  type UsePulseFinalStretchListScriptParams = {
123
156
  /** chain id */
124
157
  chain: Chain;
158
+ /** local display filters */
159
+ filters?: TokenListFiltersType;
125
160
  /** whether to pause adding new items (existing items still update) */
126
161
  isPaused?: boolean;
127
162
  /** refetch interval in milliseconds */
@@ -133,11 +168,13 @@ type UsePulseFinalStretchListScriptResult = {
133
168
  /** token list */
134
169
  tokens: Token[];
135
170
  };
136
- declare function usePulseFinalStretchListScript({ chain, isPaused, refetchInterval, }: UsePulseFinalStretchListScriptParams): UsePulseFinalStretchListScriptResult;
171
+ declare function usePulseFinalStretchListScript({ chain, filters, isPaused, refetchInterval, }: UsePulseFinalStretchListScriptParams): UsePulseFinalStretchListScriptResult;
137
172
 
138
173
  interface PulseFinalStretchListWidgetProps {
139
174
  /** chain id */
140
175
  chain: Chain;
176
+ /** local display filters */
177
+ filters?: TokenListFiltersType;
141
178
  /** list title */
142
179
  title: string;
143
180
  /** custom render for header extra content (e.g. instant buy amount input) */
@@ -151,7 +188,7 @@ interface PulseFinalStretchListWidgetProps {
151
188
  /** whether to hide the header */
152
189
  hideHeader?: boolean;
153
190
  }
154
- declare function PulseFinalStretchListWidget({ chain, title, renderHeaderExtra, renderItemAction, onSelectToken, className, hideHeader, }: PulseFinalStretchListWidgetProps): react_jsx_runtime.JSX.Element;
191
+ declare function PulseFinalStretchListWidget({ chain, filters, title, renderHeaderExtra, renderItemAction, onSelectToken, className, hideHeader, }: PulseFinalStretchListWidgetProps): react_jsx_runtime.JSX.Element;
155
192
 
156
193
  type PulseListType = "new" | "final_stretch" | "migrated";
157
194
  interface PulseListItemActionProps {
@@ -1584,42 +1621,29 @@ interface TokenReusedImageListWidgetProps {
1584
1621
  */
1585
1622
  declare function TokenReusedImageListWidget({ chain, address, onTokenClick, className, }: TokenReusedImageListWidgetProps): react_jsx_runtime.JSX.Element;
1586
1623
 
1587
- type TokenListResolution = "1m" | "5m" | "1h" | "4h" | "24h";
1588
- interface TokenListResolutionSelectorProps {
1589
- /** current resolution */
1590
- resolution?: TokenListResolution;
1591
- /** callback function when resolution changes */
1592
- onResolutionChange?: (resolution: TokenListResolution) => void | Promise<void>;
1593
- /** resolution options */
1594
- resolutionOptions?: TokenListResolution[];
1595
- }
1596
-
1597
- type TokenListFiltersType = Pick<GetTokenListOptions, "filters" | "keywords" | "excludeKeywords">;
1598
- interface TokenListFilterProps {
1599
- /** protocol filter options */
1600
- protocols?: Array<TokenProtocol>;
1601
- /** current resolution */
1602
- resolution: TokenListResolution;
1603
- /** filters */
1604
- filters?: TokenListFiltersType;
1605
- /** callback when filters change */
1606
- onFiltersChange?: (filters?: TokenListFiltersType) => void;
1607
- /** custom class name */
1608
- className?: string;
1609
- }
1610
- declare function TokenListFilter({ protocols, resolution, filters, onFiltersChange, className, }: TokenListFilterProps): react_jsx_runtime.JSX.Element;
1611
-
1612
- type TokenListFilterModalProps = Pick<TokenListFilterProps, "protocols" | "resolution" | "filters" | "onFiltersChange">;
1613
- declare function TokenListFilterModal({ protocols, resolution, filters, onFiltersChange, }: TokenListFilterModalProps): react_jsx_runtime.JSX.Element;
1624
+ type TokenListFilterModalProps = Pick<TokenListFilterProps, "protocols" | "resolution" | "filters" | "onFiltersChange"> & {
1625
+ /** trigger button style variant */
1626
+ triggerVariant?: "default" | "plain";
1627
+ /** active badge placement on the trigger */
1628
+ badgePlacement?: "outer" | "icon";
1629
+ };
1630
+ declare function TokenListFilterModal({ protocols, resolution, filters, onFiltersChange, triggerVariant, badgePlacement, }: TokenListFilterModalProps): react_jsx_runtime.JSX.Element;
1614
1631
 
1615
- type TokenListFilterPopoverProps = Pick<PopoverProps, "placement"> & Pick<TokenListFilterProps, "protocols" | "resolution" | "filters" | "onFiltersChange">;
1616
- declare function TokenListFilterPopover({ protocols, resolution, filters, onFiltersChange, }: TokenListFilterPopoverProps): react_jsx_runtime.JSX.Element;
1632
+ type TokenListFilterPopoverProps = Pick<PopoverProps, "placement"> & Pick<TokenListFilterProps, "protocols" | "resolution" | "filters" | "onFiltersChange"> & {
1633
+ /** whether to render only the filter icon in the trigger */
1634
+ iconOnly?: boolean;
1635
+ };
1636
+ declare function TokenListFilterPopover({ protocols, resolution, filters, onFiltersChange, iconOnly, }: TokenListFilterPopoverProps): react_jsx_runtime.JSX.Element;
1617
1637
 
1618
1638
  type TokenListFilterWidgetProps = TokenListFilterModalProps & {
1619
1639
  /** Popover placement used on non-mobile screens. @default "bottom-end" */
1620
1640
  popoverPlacement?: PopoverProps["placement"];
1641
+ /** whether to render only the filter icon in the non-mobile trigger */
1642
+ iconOnly?: boolean;
1643
+ /** overlay used on non-mobile screens. @default "popover" */
1644
+ desktopOverlay?: "popover" | "modal";
1621
1645
  };
1622
- declare function TokenListFilterWidget({ popoverPlacement, ...filterProps }: TokenListFilterWidgetProps): react_jsx_runtime.JSX.Element;
1646
+ declare function TokenListFilterWidget({ popoverPlacement, iconOnly, desktopOverlay, ...filterProps }: TokenListFilterWidgetProps): react_jsx_runtime.JSX.Element;
1623
1647
 
1624
1648
  declare function TokenListResolutionSelectorDesktop({ resolution, onResolutionChange, resolutionOptions, }: TokenListResolutionSelectorProps): react_jsx_runtime.JSX.Element;
1625
1649
 
package/dist/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import { ReactNode, ComponentType } from 'react';
3
3
  import * as _liberfi_io_types from '@liberfi.io/types';
4
- 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';
4
+ 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';
5
5
  import * as _tanstack_react_query from '@tanstack/react-query';
6
6
  import { PopoverProps } from '@liberfi.io/ui';
7
7
  export { formatAmount } from '@liberfi.io/utils';
@@ -53,9 +53,36 @@ interface PulseListItemSkeletonProps {
53
53
  }
54
54
  declare function PulseListItemSkeleton({ isLast, className, }: PulseListItemSkeletonProps): react_jsx_runtime.JSX.Element;
55
55
 
56
+ type TokenListResolution = "1m" | "5m" | "1h" | "4h" | "24h";
57
+ interface TokenListResolutionSelectorProps {
58
+ /** current resolution */
59
+ resolution?: TokenListResolution;
60
+ /** callback function when resolution changes */
61
+ onResolutionChange?: (resolution: TokenListResolution) => void | Promise<void>;
62
+ /** resolution options */
63
+ resolutionOptions?: TokenListResolution[];
64
+ }
65
+
66
+ type TokenListFiltersType = Pick<GetTokenListOptions, "filters" | "keywords" | "excludeKeywords">;
67
+ interface TokenListFilterProps {
68
+ /** protocol filter options */
69
+ protocols?: Array<TokenProtocol>;
70
+ /** current resolution */
71
+ resolution: TokenListResolution;
72
+ /** filters */
73
+ filters?: TokenListFiltersType;
74
+ /** callback when filters change */
75
+ onFiltersChange?: (filters?: TokenListFiltersType) => void;
76
+ /** custom class name */
77
+ className?: string;
78
+ }
79
+ declare function TokenListFilter({ protocols, resolution, filters, onFiltersChange, className, }: TokenListFilterProps): react_jsx_runtime.JSX.Element;
80
+
56
81
  type UsePulseNewListScriptParams = {
57
82
  /** chain id */
58
83
  chain: Chain;
84
+ /** local display filters */
85
+ filters?: TokenListFiltersType;
59
86
  /** whether to pause adding new items (existing items still update) */
60
87
  isPaused?: boolean;
61
88
  };
@@ -65,11 +92,13 @@ type UsePulseNewListScriptResult = {
65
92
  /** token list */
66
93
  tokens: Token[];
67
94
  };
68
- declare function usePulseNewListScript({ chain, isPaused, }: UsePulseNewListScriptParams): UsePulseNewListScriptResult;
95
+ declare function usePulseNewListScript({ chain, filters, isPaused, }: UsePulseNewListScriptParams): UsePulseNewListScriptResult;
69
96
 
70
97
  interface PulseNewListWidgetProps {
71
98
  /** chain id */
72
99
  chain: Chain;
100
+ /** local display filters */
101
+ filters?: TokenListFiltersType;
73
102
  /** list title */
74
103
  title: string;
75
104
  /** custom render for header extra content (e.g. instant buy amount input) */
@@ -83,11 +112,13 @@ interface PulseNewListWidgetProps {
83
112
  /** whether to hide the header */
84
113
  hideHeader?: boolean;
85
114
  }
86
- declare function PulseNewListWidget({ chain, title, renderHeaderExtra, renderItemAction, onSelectToken, className, hideHeader, }: PulseNewListWidgetProps): react_jsx_runtime.JSX.Element;
115
+ declare function PulseNewListWidget({ chain, filters, title, renderHeaderExtra, renderItemAction, onSelectToken, className, hideHeader, }: PulseNewListWidgetProps): react_jsx_runtime.JSX.Element;
87
116
 
88
117
  type UsePulseMigratedListScriptParams = {
89
118
  /** chain id */
90
119
  chain: Chain;
120
+ /** local display filters */
121
+ filters?: TokenListFiltersType;
91
122
  /** whether to pause adding new items (existing items still update) */
92
123
  isPaused?: boolean;
93
124
  /** refetch interval in milliseconds */
@@ -99,11 +130,13 @@ type UsePulseMigratedListScriptResult = {
99
130
  /** token list */
100
131
  tokens: Token[];
101
132
  };
102
- declare function usePulseMigratedListScript({ chain, isPaused, refetchInterval, }: UsePulseMigratedListScriptParams): UsePulseMigratedListScriptResult;
133
+ declare function usePulseMigratedListScript({ chain, filters, isPaused, refetchInterval, }: UsePulseMigratedListScriptParams): UsePulseMigratedListScriptResult;
103
134
 
104
135
  interface PulseMigratedListWidgetProps {
105
136
  /** chain id */
106
137
  chain: Chain;
138
+ /** local display filters */
139
+ filters?: TokenListFiltersType;
107
140
  /** list title */
108
141
  title: string;
109
142
  /** custom render for header extra content (e.g. instant buy amount input) */
@@ -117,11 +150,13 @@ interface PulseMigratedListWidgetProps {
117
150
  /** whether to hide the header */
118
151
  hideHeader?: boolean;
119
152
  }
120
- declare function PulseMigratedListWidget({ chain, title, renderHeaderExtra, renderItemAction, onSelectToken, className, hideHeader, }: PulseMigratedListWidgetProps): react_jsx_runtime.JSX.Element;
153
+ declare function PulseMigratedListWidget({ chain, filters, title, renderHeaderExtra, renderItemAction, onSelectToken, className, hideHeader, }: PulseMigratedListWidgetProps): react_jsx_runtime.JSX.Element;
121
154
 
122
155
  type UsePulseFinalStretchListScriptParams = {
123
156
  /** chain id */
124
157
  chain: Chain;
158
+ /** local display filters */
159
+ filters?: TokenListFiltersType;
125
160
  /** whether to pause adding new items (existing items still update) */
126
161
  isPaused?: boolean;
127
162
  /** refetch interval in milliseconds */
@@ -133,11 +168,13 @@ type UsePulseFinalStretchListScriptResult = {
133
168
  /** token list */
134
169
  tokens: Token[];
135
170
  };
136
- declare function usePulseFinalStretchListScript({ chain, isPaused, refetchInterval, }: UsePulseFinalStretchListScriptParams): UsePulseFinalStretchListScriptResult;
171
+ declare function usePulseFinalStretchListScript({ chain, filters, isPaused, refetchInterval, }: UsePulseFinalStretchListScriptParams): UsePulseFinalStretchListScriptResult;
137
172
 
138
173
  interface PulseFinalStretchListWidgetProps {
139
174
  /** chain id */
140
175
  chain: Chain;
176
+ /** local display filters */
177
+ filters?: TokenListFiltersType;
141
178
  /** list title */
142
179
  title: string;
143
180
  /** custom render for header extra content (e.g. instant buy amount input) */
@@ -151,7 +188,7 @@ interface PulseFinalStretchListWidgetProps {
151
188
  /** whether to hide the header */
152
189
  hideHeader?: boolean;
153
190
  }
154
- declare function PulseFinalStretchListWidget({ chain, title, renderHeaderExtra, renderItemAction, onSelectToken, className, hideHeader, }: PulseFinalStretchListWidgetProps): react_jsx_runtime.JSX.Element;
191
+ declare function PulseFinalStretchListWidget({ chain, filters, title, renderHeaderExtra, renderItemAction, onSelectToken, className, hideHeader, }: PulseFinalStretchListWidgetProps): react_jsx_runtime.JSX.Element;
155
192
 
156
193
  type PulseListType = "new" | "final_stretch" | "migrated";
157
194
  interface PulseListItemActionProps {
@@ -1584,42 +1621,29 @@ interface TokenReusedImageListWidgetProps {
1584
1621
  */
1585
1622
  declare function TokenReusedImageListWidget({ chain, address, onTokenClick, className, }: TokenReusedImageListWidgetProps): react_jsx_runtime.JSX.Element;
1586
1623
 
1587
- type TokenListResolution = "1m" | "5m" | "1h" | "4h" | "24h";
1588
- interface TokenListResolutionSelectorProps {
1589
- /** current resolution */
1590
- resolution?: TokenListResolution;
1591
- /** callback function when resolution changes */
1592
- onResolutionChange?: (resolution: TokenListResolution) => void | Promise<void>;
1593
- /** resolution options */
1594
- resolutionOptions?: TokenListResolution[];
1595
- }
1596
-
1597
- type TokenListFiltersType = Pick<GetTokenListOptions, "filters" | "keywords" | "excludeKeywords">;
1598
- interface TokenListFilterProps {
1599
- /** protocol filter options */
1600
- protocols?: Array<TokenProtocol>;
1601
- /** current resolution */
1602
- resolution: TokenListResolution;
1603
- /** filters */
1604
- filters?: TokenListFiltersType;
1605
- /** callback when filters change */
1606
- onFiltersChange?: (filters?: TokenListFiltersType) => void;
1607
- /** custom class name */
1608
- className?: string;
1609
- }
1610
- declare function TokenListFilter({ protocols, resolution, filters, onFiltersChange, className, }: TokenListFilterProps): react_jsx_runtime.JSX.Element;
1611
-
1612
- type TokenListFilterModalProps = Pick<TokenListFilterProps, "protocols" | "resolution" | "filters" | "onFiltersChange">;
1613
- declare function TokenListFilterModal({ protocols, resolution, filters, onFiltersChange, }: TokenListFilterModalProps): react_jsx_runtime.JSX.Element;
1624
+ type TokenListFilterModalProps = Pick<TokenListFilterProps, "protocols" | "resolution" | "filters" | "onFiltersChange"> & {
1625
+ /** trigger button style variant */
1626
+ triggerVariant?: "default" | "plain";
1627
+ /** active badge placement on the trigger */
1628
+ badgePlacement?: "outer" | "icon";
1629
+ };
1630
+ declare function TokenListFilterModal({ protocols, resolution, filters, onFiltersChange, triggerVariant, badgePlacement, }: TokenListFilterModalProps): react_jsx_runtime.JSX.Element;
1614
1631
 
1615
- type TokenListFilterPopoverProps = Pick<PopoverProps, "placement"> & Pick<TokenListFilterProps, "protocols" | "resolution" | "filters" | "onFiltersChange">;
1616
- declare function TokenListFilterPopover({ protocols, resolution, filters, onFiltersChange, }: TokenListFilterPopoverProps): react_jsx_runtime.JSX.Element;
1632
+ type TokenListFilterPopoverProps = Pick<PopoverProps, "placement"> & Pick<TokenListFilterProps, "protocols" | "resolution" | "filters" | "onFiltersChange"> & {
1633
+ /** whether to render only the filter icon in the trigger */
1634
+ iconOnly?: boolean;
1635
+ };
1636
+ declare function TokenListFilterPopover({ protocols, resolution, filters, onFiltersChange, iconOnly, }: TokenListFilterPopoverProps): react_jsx_runtime.JSX.Element;
1617
1637
 
1618
1638
  type TokenListFilterWidgetProps = TokenListFilterModalProps & {
1619
1639
  /** Popover placement used on non-mobile screens. @default "bottom-end" */
1620
1640
  popoverPlacement?: PopoverProps["placement"];
1641
+ /** whether to render only the filter icon in the non-mobile trigger */
1642
+ iconOnly?: boolean;
1643
+ /** overlay used on non-mobile screens. @default "popover" */
1644
+ desktopOverlay?: "popover" | "modal";
1621
1645
  };
1622
- declare function TokenListFilterWidget({ popoverPlacement, ...filterProps }: TokenListFilterWidgetProps): react_jsx_runtime.JSX.Element;
1646
+ declare function TokenListFilterWidget({ popoverPlacement, iconOnly, desktopOverlay, ...filterProps }: TokenListFilterWidgetProps): react_jsx_runtime.JSX.Element;
1623
1647
 
1624
1648
  declare function TokenListResolutionSelectorDesktop({ resolution, onResolutionChange, resolutionOptions, }: TokenListResolutionSelectorProps): react_jsx_runtime.JSX.Element;
1625
1649