@relayprotocol/relay-kit-ui 7.1.6 → 8.0.1

package/_esm/src/components/common/TokenSelector/CompactChainFilter.js

@@ -3,27 +3,14 @@ import { useState, useMemo, forwardRef, useRef, useEffect, useCallback } from 'r
 import { Flex, Text, Box, Button, ChainIcon } from '../../primitives/index.js';
 import { Dropdown, DropdownMenuItem } from '../../primitives/Dropdown.js';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faChevronDown, faStar } from '@fortawesome/free-solid-svg-icons';
+import { faChevronDown } from '@fortawesome/free-solid-svg-icons/faChevronDown';
+import { faStar } from '@fortawesome/free-solid-svg-icons/faStar';
 import {} from './ChainFilter.js';
 import AllChainsLogo from '../../../img/AllChainsLogo.js';
 import Fuse from 'fuse.js';
 import { groupChains } from '../../../utils/tokenSelector.js';
 import { ChainFilterRow, ChainSearchInput } from './ChainFilterRow.js';
-const ChainFilterTrigger = forwardRef(({ value, open, ...props }, ref) => (_jsxs(Button, { ...props, ref: ref, "aria-label": "Chain filter", color: "ghost", size: "none", css: {
-        display: 'flex',
-        alignItems: 'center',
-        gap: '6px',
-        height: 40,
-        px: '12px',
-        cursor: 'pointer',
-        backgroundColor: 'dropdown-background',
-        borderRadius: 'dropdown-border-radius',
-        flexShrink: 0,
-        '--focusColor': 'colors.focus-color',
-        _focusVisible: {
-            boxShadow: 'inset 0 0 0 2px var(--focusColor)'
-        }
-    }, children: [value.id ? (_jsx(ChainIcon, { chainId: value.id, width: 20, height: 20, css: { borderRadius: 4, overflow: 'hidden' } })) : (_jsx(AllChainsLogo, { style: { width: 20, height: 20 } })), _jsx(Box, { css: { color: 'gray9' }, children: _jsx(FontAwesomeIcon, { icon: faChevronDown, width: 12, height: 12, style: {
+const ChainFilterTrigger = forwardRef(({ value, open, ...props }, ref) => (_jsxs(Button, { ...props, ref: ref, "aria-label": "Chain filter", color: "ghost", size: "none", className: "relay:flex relay:items-center relay:gap-[6px] relay:h-[40px] relay:px-[12px] relay:cursor-pointer relay:bg-[var(--relay-colors-dropdown-background)] relay:rounded-dropdown relay:shrink-0 relay:focus-visible:shadow-[inset_0_0_0_2px_var(--relay-colors-focus-color)]", children: [value.id ? (_jsx(ChainIcon, { chainId: value.id, width: 20, height: 20, className: "relay:rounded-[4px] relay:overflow-hidden" })) : (_jsx(AllChainsLogo, { style: { width: 20, height: 20 } })), _jsx(Box, { className: "relay:text-[color:var(--relay-colors-gray9)]", children: _jsx(FontAwesomeIcon, { icon: faChevronDown, width: 12, height: 12, style: {
                     transform: open ? 'rotate(180deg)' : 'rotate(0)',
                     transition: 'transform 0.2s'
                 } }) })] })));
@@ -84,93 +71,35 @@ export const CompactChainFilter = ({ options, value, onSelect, popularChainIds,
     return (_jsx(Dropdown, { open: open, onOpenChange: (open) => setOpen(open), trigger: _jsx(ChainFilterTrigger, { value: value, open: open }), contentProps: {
             align: 'end',
             avoidCollisions: false,
-            css: {
-                p: 0,
-                minWidth: '100%',
-                maxWidth: '100%',
-                mx: '0'
-            }
-        }, children: _jsxs(Flex, { direction: "column", css: { p: '2' }, "data-chain-dropdown": "true", children: [_jsx(ChainSearchInput, { ref: searchInputRef, value: chainSearchInput, onChange: setChainSearchInput, onKeyDown: (event) => {
+            className: 'relay:p-0 relay:min-w-full relay:max-w-full relay:mx-0'
+        }, children: _jsxs(Flex, { direction: "column", className: "relay:p-2", "data-chain-dropdown": "true", children: [_jsx(ChainSearchInput, { ref: searchInputRef, value: chainSearchInput, onChange: setChainSearchInput, onKeyDown: (event) => {
                         event.stopPropagation();
                         handleSearchKeyDown(event);
-                    } }), _jsx(Flex, { direction: "column", css: {
-                        overflowY: 'auto',
-                        borderRadius: 8,
-                        maxHeight: 290,
-                        scrollbarColor: 'var(--relay-colors-gray5) transparent'
-                    }, children: filteredChains ? (filteredChains.length > 0 ? (filteredChains.map((chain) => {
+                    } }), _jsx(Flex, { direction: "column", className: "relay:overflow-y-auto relay:rounded-[8px] relay:max-h-[290px]", style: { scrollbarColor: 'var(--relay-colors-gray5) transparent' }, children: filteredChains ? (filteredChains.length > 0 ? (filteredChains.map((chain) => {
                         const tag = 'tags' in chain ? chain.tags?.[0] : undefined;
                         return (_jsx(DropdownMenuItem, { "data-chain-dropdown-item": true, onSelect: () => {
                                 onSelect(chain);
                                 setOpen(false);
                                 setChainSearchInput('');
-                            }, css: {
-                                padding: '8px',
-                                borderRadius: 4,
-                                cursor: 'pointer',
-                                backgroundColor: 'modal-background',
-                                outline: 'none',
-                                _hover: {
-                                    backgroundColor: 'gray3'
-                                },
-                                _focus: {
-                                    backgroundColor: 'gray3'
-                                }
-                            }, children: _jsx(ChainFilterRow, { chain: chain, tag: tag, onToggleStar: onChainStarToggle, onAnalyticEvent: onAnalyticEvent }) }, chain.id?.toString() ?? 'all-chains'));
-                    })) : (_jsx(Text, { style: "body1", css: { p: '2', textAlign: 'center' }, children: "No results." }))) : (_jsxs(_Fragment, { children: [allChainsOption && (_jsx(DropdownMenuItem, { "data-chain-dropdown-item": true, onSelect: () => {
+                            }, className: "relay:p-[8px] relay:rounded-[4px] relay:cursor-pointer relay:bg-[var(--relay-colors-modal-background)] relay:outline-none relay:hover:bg-[var(--relay-colors-gray3)] relay:focus:bg-[var(--relay-colors-gray3)]", children: _jsx(ChainFilterRow, { chain: chain, tag: tag, onToggleStar: onChainStarToggle, onAnalyticEvent: onAnalyticEvent }) }, chain.id?.toString() ?? 'all-chains'));
+                    })) : (_jsx(Text, { style: "body1", className: "relay:p-2 relay:text-center", children: "No results." }))) : (_jsxs(_Fragment, { children: [allChainsOption && (_jsx(DropdownMenuItem, { "data-chain-dropdown-item": true, onSelect: () => {
                                     setOpen(false);
                                     onSelect(allChainsOption);
                                     setChainSearchInput('');
-                                }, css: {
-                                    padding: '8px',
-                                    borderRadius: 4,
-                                    cursor: 'pointer',
-                                    backgroundColor: 'modal-background',
-                                    outline: 'none',
-                                    _hover: {
-                                        backgroundColor: 'gray3'
-                                    },
-                                    _focus: {
-                                        backgroundColor: 'gray3'
-                                    }
-                                }, children: _jsx(ChainFilterRow, { chain: allChainsOption, onAnalyticEvent: onAnalyticEvent }) })), starredChains.length > 0 && (_jsxs(_Fragment, { children: [_jsxs(Flex, { align: "center", css: { px: '2', py: '1', gap: '1' }, children: [_jsx(Box, { css: { color: 'primary9' }, children: _jsx(FontAwesomeIcon, { icon: faStar, width: 12, height: 12 }) }), _jsx(Text, { style: "subtitle2", color: "subtle", children: "Starred Chains" })] }), starredChains.map((chain) => {
+                                }, className: "relay:p-[8px] relay:rounded-[4px] relay:cursor-pointer relay:bg-[var(--relay-colors-modal-background)] relay:outline-none relay:hover:bg-[var(--relay-colors-gray3)] relay:focus:bg-[var(--relay-colors-gray3)]", children: _jsx(ChainFilterRow, { chain: allChainsOption, onAnalyticEvent: onAnalyticEvent }) })), starredChains.length > 0 && (_jsxs(_Fragment, { children: [_jsxs(Flex, { align: "center", className: "relay:px-2 relay:py-1 relay:gap-1", children: [_jsx(Box, { className: "relay:text-[color:var(--relay-colors-primary9)]", children: _jsx(FontAwesomeIcon, { icon: faStar, width: 12, height: 12 }) }), _jsx(Text, { style: "subtitle2", color: "subtle", children: "Starred Chains" })] }), starredChains.map((chain) => {
                                         const tag = 'tags' in chain ? chain.tags?.[0] : undefined;
                                         return (_jsx(DropdownMenuItem, { "data-chain-dropdown-item": true, onSelect: () => {
                                                 onSelect(chain);
                                                 setOpen(false);
                                                 setChainSearchInput('');
-                                            }, css: {
-                                                padding: '8px',
-                                                borderRadius: 4,
-                                                cursor: 'pointer',
-                                                backgroundColor: 'modal-background',
-                                                outline: 'none',
-                                                _hover: {
-                                                    backgroundColor: 'gray3'
-                                                },
-                                                _focus: {
-                                                    backgroundColor: 'gray3'
-                                                }
-                                            }, children: _jsx(ChainFilterRow, { chain: chain, tag: tag, onToggleStar: onChainStarToggle, showStar: false, onAnalyticEvent: onAnalyticEvent }) }, chain.id?.toString() ?? 'all-chains'));
-                                    })] })), _jsx(Text, { style: "subtitle2", color: "subtle", css: { px: '2', py: '1' }, children: "Chains A-Z" }), alphabeticalChains.map((chain) => {
+                                            }, className: "relay:p-[8px] relay:rounded-[4px] relay:cursor-pointer relay:bg-[var(--relay-colors-modal-background)] relay:outline-none relay:hover:bg-[var(--relay-colors-gray3)] relay:focus:bg-[var(--relay-colors-gray3)]", children: _jsx(ChainFilterRow, { chain: chain, tag: tag, onToggleStar: onChainStarToggle, showStar: false, onAnalyticEvent: onAnalyticEvent }) }, chain.id?.toString() ?? 'all-chains'));
+                                    })] })), _jsx(Text, { style: "subtitle2", color: "subtle", className: "relay:px-2 relay:py-1", children: "Chains A-Z" }), alphabeticalChains.map((chain) => {
                                 const tag = 'tags' in chain ? chain.tags?.[0] : undefined;
                                 return (_jsx(DropdownMenuItem, { "data-chain-dropdown-item": true, onSelect: () => {
                                         onSelect(chain);
                                         setOpen(false);
                                         setChainSearchInput('');
-                                    }, css: {
-                                        padding: '8px',
-                                        borderRadius: 4,
-                                        cursor: 'pointer',
-                                        backgroundColor: 'modal-background',
-                                        outline: 'none',
-                                        _hover: {
-                                            backgroundColor: 'gray3'
-                                        },
-                                        _focus: {
-                                            backgroundColor: 'gray3'
-                                        }
-                                    }, children: _jsx(ChainFilterRow, { chain: chain, tag: tag, onToggleStar: onChainStarToggle, onAnalyticEvent: onAnalyticEvent }) }, chain.id?.toString() ?? 'all-chains'));
+                                    }, className: "relay:p-[8px] relay:rounded-[4px] relay:cursor-pointer relay:bg-[var(--relay-colors-modal-background)] relay:outline-none relay:hover:bg-[var(--relay-colors-gray3)] relay:focus:bg-[var(--relay-colors-gray3)]", children: _jsx(ChainFilterRow, { chain: chain, tag: tag, onToggleStar: onChainStarToggle, onAnalyticEvent: onAnalyticEvent }) }, chain.id?.toString() ?? 'all-chains'));
                             })] })) })] }) }));
 };
 //# sourceMappingURL=CompactChainFilter.js.map

package/_esm/src/components/common/TokenSelector/CompactChainFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompactChainFilter.js","sourceRoot":"","sources":["../../../../../src/components/common/TokenSelector/CompactChainFilter.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CompactChainFilter.js","sourceRoot":"","sources":["../../../../../src/components/common/TokenSelector/CompactChainFilter.tsx"],"names":[],"mappings":"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"}

package/_esm/src/components/common/TokenSelector/MobileChainSelector.js

@@ -2,7 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useState, useMemo, useCallback, useRef, useEffect } from 'react';
 import { Flex, Box, Input, ChainIcon, Text, Button, AccessibleList, AccessibleListItem } from '../../primitives/index.js';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faArrowLeft, faInfoCircle, faMagnifyingGlass, faStar, faXmark } from '@fortawesome/free-solid-svg-icons';
+import { faArrowLeft } from '@fortawesome/free-solid-svg-icons/faArrowLeft';
+import { faInfoCircle } from '@fortawesome/free-solid-svg-icons/faInfoCircle';
+import { faMagnifyingGlass } from '@fortawesome/free-solid-svg-icons/faMagnifyingGlass';
+import { faStar } from '@fortawesome/free-solid-svg-icons/faStar';
+import { faXmark } from '@fortawesome/free-solid-svg-icons/faXmark';
 import Fuse from 'fuse.js';
 import { EventNames } from '../../../constants/events.js';
 import AllChainsLogo from '../../../img/AllChainsLogo.js';
@@ -10,6 +14,7 @@ import { TagPill } from './TagPill.js';
 import { groupChains } from '../../../utils/tokenSelector.js';
 import { isChainStarred, toggleStarredChain } from '../../../utils/localStorage.js';
 import Tooltip from '../../../components/primitives/Tooltip.js';
+import { cn } from '../../../utils/cn.js';
 const fuseSearchOptions = {
     includeScore: true,
     includeMatches: true,
@@ -38,40 +43,7 @@ export const MobileChainSelector = ({ options, value, sameChainOption, onSelect,
         onSelect(chain);
         onBack(); // Go back to token view after selection
     }, [onSelect, onBack]);
-    return (_jsxs(Flex, { direction: "column", css: {
-            width: '100%',
-            height: '100%',
-            gap: '3'
-        }, children: [_jsxs(Flex, { align: "center", css: {
-                    gap: '1',
-                    width: '100%'
-                }, children: [_jsx(Button, { color: "ghost", size: "none", onClick: onBack, css: {
-                            p: '2',
-                            borderRadius: '8px',
-                            display: 'flex',
-                            alignItems: 'center',
-                            justifyContent: 'center',
-                            minWidth: '40px',
-                            height: '40px',
-                            color: 'gray9'
-                        }, children: _jsx(FontAwesomeIcon, { icon: faArrowLeft, width: 16, height: 16 }) }), _jsx(Input, { placeholder: "Search a chain", icon: _jsx(Box, { css: { color: 'gray9' }, children: _jsx(FontAwesomeIcon, { icon: faMagnifyingGlass, width: 16, height: 16 }) }), containerCss: {
-                            flex: 1,
-                            height: 40
-                        }, css: {
-                            width: '100%',
-                            _placeholder_parent: {
-                                textOverflow: 'ellipsis'
-                            }
-                        }, value: chainSearchInput, onChange: (e) => setChainSearchInput(e.target.value) }), _jsx(Button, { color: "ghost", size: "none", onClick: onClose, css: {
-                            p: '2',
-                            borderRadius: '8px',
-                            display: 'flex',
-                            alignItems: 'center',
-                            justifyContent: 'center',
-                            minWidth: '40px',
-                            height: '40px',
-                            color: 'gray9'
-                        }, children: _jsx(FontAwesomeIcon, { icon: faXmark, width: 16, height: 16 }) })] }), _jsx(AccessibleList, { onSelect: (selectedValue) => {
+    return (_jsxs(Flex, { direction: "column", className: "relay:w-full relay:h-full relay:gap-3", children: [_jsxs(Flex, { align: "center", className: "relay:gap-1 relay:w-full", children: [_jsx(Button, { color: "ghost", size: "none", onClick: onBack, className: "relay:p-2 relay:rounded-[8px] relay:flex relay:items-center relay:justify-center relay:min-w-[40px] relay:h-[40px] relay:text-[color:var(--relay-colors-gray9)]", children: _jsx(FontAwesomeIcon, { icon: faArrowLeft, width: 16, height: 16 }) }), _jsx(Input, { placeholder: "Search a chain", icon: _jsx(Box, { className: "relay:flex relay:text-[color:var(--relay-colors-gray9)]", children: _jsx(FontAwesomeIcon, { icon: faMagnifyingGlass, width: 16, height: 16 }) }), containerClassName: "relay:flex-1 relay:h-[40px]", className: "relay:w-full relay:[&::placeholder]:text-ellipsis", value: chainSearchInput, onChange: (e) => setChainSearchInput(e.target.value) }), _jsx(Button, { color: "ghost", size: "none", onClick: onClose, className: "relay:p-2 relay:rounded-[8px] relay:flex relay:items-center relay:justify-center relay:min-w-[40px] relay:h-[40px] relay:text-[color:var(--relay-colors-gray9)]", children: _jsx(FontAwesomeIcon, { icon: faXmark, width: 16, height: 16 }) })] }), _jsx(AccessibleList, { onSelect: (selectedValue) => {
                     if (selectedValue) {
                         const isSameChainSelection = selectedValue === 'same-chain';
                         const chain = selectedValue === 'all-chains'
@@ -93,36 +65,17 @@ export const MobileChainSelector = ({ options, value, sameChainOption, onSelect,
                             handleChainSelect(chain);
                         }
                     }
-                }, css: {
-                    display: 'flex',
-                    flexDirection: 'column',
-                    width: '100%',
-                    flex: 1,
-                    overflowY: 'auto',
-                    scrollbarColor: 'var(--relay-colors-gray5) transparent'
-                }, children: filteredChains ? (
+                }, className: "relay:flex relay:flex-col relay:w-full relay:flex-1 relay:overflow-y-auto [scrollbar-color:var(--relay-colors-gray5)_transparent]", children: filteredChains ? (
                 // Show search results without sections
                 filteredChains.map((chain) => {
                     const tag = 'tags' in chain ? chain.tags?.[0] : undefined;
                     return (_jsx(MobileChainRow, { chain: chain, tag: tag, value: chain.id?.toString() ?? 'all-chains', onChainStarToggle: onChainStarToggle, onAnalyticEvent: onAnalyticEvent }, chain.id?.toString() ?? 'all-chains'));
                 })) : (
                 // Show organized sections
-                _jsxs(_Fragment, { children: [allChainsOption && (_jsx(MobileChainRow, { chain: allChainsOption, value: "all-chains", onAnalyticEvent: onAnalyticEvent })), sameChainOption && (_jsx(AccessibleListItem, { value: "same-chain", asChild: true, children: _jsxs(Button, { color: "ghost", size: "none", css: {
-                                    py: '3',
-                                    px: '2',
-                                    display: 'flex',
-                                    alignItems: 'center',
-                                    gap: '2',
-                                    width: '100%',
-                                    height: '56px',
-                                    borderRadius: '12px',
-                                    _hover: {
-                                        backgroundColor: 'gray3'
-                                    }
-                                }, children: [_jsx(ChainIcon, { chainId: sameChainOption.id, square: true, width: 24, height: 24 }), _jsx(Text, { style: "subtitle1", children: "Same Chain" })] }) })), starredChains.length > 0 && (_jsxs(_Fragment, { children: [_jsxs(Flex, { align: "center", css: { py: '2', gap: '2' }, children: [_jsx(Box, { css: { color: 'primary9' }, children: _jsx(FontAwesomeIcon, { icon: faStar, width: 16, height: 16 }) }), _jsx(Text, { style: "subtitle1", color: "subtle", children: "Starred Chains" }), _jsx(Tooltip, { content: _jsx(Text, { style: "body3", children: "Long-press to star a chain" }), children: _jsx(Box, { css: { color: 'gray9' }, children: _jsx(FontAwesomeIcon, { icon: faInfoCircle, width: 14, height: 14 }) }) })] }), starredChains.map((chain) => {
+                _jsxs(_Fragment, { children: [allChainsOption && (_jsx(MobileChainRow, { chain: allChainsOption, value: "all-chains", onAnalyticEvent: onAnalyticEvent })), sameChainOption && (_jsx(AccessibleListItem, { value: "same-chain", asChild: true, children: _jsxs(Button, { color: "ghost", size: "none", className: "relay:py-3 relay:px-2 relay:flex relay:items-center relay:gap-2 relay:w-full relay:h-[56px] relay:rounded-[12px] relay:hover:bg-[var(--relay-colors-gray3)]", children: [_jsx(ChainIcon, { chainId: sameChainOption.id, square: true, width: 24, height: 24 }), _jsx(Text, { style: "subtitle1", children: "Same Chain" })] }) })), starredChains.length > 0 && (_jsxs(_Fragment, { children: [_jsxs(Flex, { align: "center", className: "relay:py-2 relay:gap-2", children: [_jsx(Box, { className: "relay:text-[color:var(--relay-colors-primary9)]", children: _jsx(FontAwesomeIcon, { icon: faStar, width: 16, height: 16 }) }), _jsx(Text, { style: "subtitle1", color: "subtle", children: "Starred Chains" }), _jsx(Tooltip, { content: _jsx(Text, { style: "body3", children: "Long-press to star a chain" }), children: _jsx(Box, { className: "relay:text-[color:var(--relay-colors-gray9)]", children: _jsx(FontAwesomeIcon, { icon: faInfoCircle, width: 14, height: 14 }) }) })] }), starredChains.map((chain) => {
                                     const tag = 'tags' in chain ? chain.tags?.[0] : undefined;
                                     return chain.id ? (_jsx(MobileChainRow, { chain: chain, tag: tag, value: chain.id.toString(), onChainStarToggle: onChainStarToggle, showStar: false, onAnalyticEvent: onAnalyticEvent }, chain.id.toString())) : null;
-                                })] })), _jsx(Text, { style: "subtitle1", color: "subtle", css: { py: '2' }, children: "Chains A-Z" }), alphabeticalChains.map((chain) => {
+                                })] })), _jsx(Text, { style: "subtitle1", color: "subtle", className: "relay:py-2", children: "Chains A-Z" }), alphabeticalChains.map((chain) => {
                             const tag = 'tags' in chain ? chain.tags?.[0] : undefined;
                             return chain.id ? (_jsx(MobileChainRow, { chain: chain, tag: tag, value: chain.id.toString(), onChainStarToggle: onChainStarToggle, onAnalyticEvent: onAnalyticEvent }, chain.id.toString())) : null;
                         })] })) })] }));
@@ -204,21 +157,9 @@ const MobileChainRow = ({ chain, tag, value, onChainStarToggle, showStar = true,
     }, [longPressTimer]);
     // Don't show context menu for "All Chains" option
     if (!chain.id) {
-        return (_jsx(AccessibleListItem, { value: value, asChild: true, children: _jsxs(Button, { color: "ghost", size: "none", css: {
-                    py: '3',
-                    px: '2',
-                    display: 'flex',
-                    alignItems: 'center',
-                    gap: '2',
-                    width: '100%',
-                    height: '56px',
-                    borderRadius: '12px',
-                    _hover: {
-                        backgroundColor: 'gray3'
-                    }
-                }, children: [_jsx(AllChainsLogo, { style: { width: 24, height: 24 } }), _jsx(Text, { style: "subtitle1", children: chain.name })] }) }));
+        return (_jsx(AccessibleListItem, { value: value, asChild: true, children: _jsxs(Button, { color: "ghost", size: "none", className: "relay:py-3 relay:px-2 relay:flex relay:items-center relay:gap-2 relay:w-full relay:h-[56px] relay:rounded-[12px] relay:hover:bg-[var(--relay-colors-gray3)]", children: [_jsx(AllChainsLogo, { style: { width: 24, height: 24 } }), _jsx(Text, { style: "subtitle1", children: chain.name })] }) }));
     }
-    return (_jsxs("div", { style: { position: 'relative', width: '100%' }, children: [_jsx(AccessibleListItem, { value: value, asChild: true, children: _jsxs(Button, { color: "ghost", size: "none", onContextMenu: (e) => {
+    return (_jsxs("div", { className: "relay:relative relay:w-full", children: [_jsx(AccessibleListItem, { value: value, asChild: true, children: _jsxs(Button, { color: "ghost", size: "none", onContextMenu: (e) => {
                         e.preventDefault();
                         setDropdownOpen(true);
                     }, onKeyDown: (e) => {
@@ -226,45 +167,11 @@ const MobileChainRow = ({ chain, tag, value, onChainStarToggle, showStar = true,
                             e.preventDefault();
                             setDropdownOpen(true);
                         }
-                    }, onTouchStart: handleTouchStart, onTouchEnd: handleTouchEnd, onTouchMove: handleTouchMove, css: {
-                        py: '3',
-                        px: '2',
-                        display: 'flex',
-                        alignItems: 'center',
-                        gap: '2',
-                        width: '100%',
-                        height: '56px',
-                        borderRadius: '12px',
-                        userSelect: 'none',
-                        _hover: {
-                            backgroundColor: 'gray3'
-                        }
-                    }, style: {
-                        WebkitUserSelect: 'none'
-                    }, children: [_jsx(ChainIcon, { chainId: chain.id, square: true, width: 24, height: 24 }), _jsx(Text, { style: "subtitle1", css: { flex: 1, textAlign: 'left' }, children: ('displayName' in chain && chain.displayName) || chain.name }), showStar && isStarred && (_jsx(Box, { css: { color: 'primary9' }, children: _jsx(FontAwesomeIcon, { icon: faStar, width: 16, height: 16 }) })), tag && _jsx(TagPill, { tag: tag })] }) }), dropdownOpen && (_jsx("div", { ref: dropdownRef, style: {
-                    position: 'absolute',
-                    top: '100%',
-                    left: 0,
-                    marginTop: '4px',
-                    minWidth: 160,
-                    zIndex: 999999
-                }, onClick: (e) => {
+                    }, onTouchStart: handleTouchStart, onTouchEnd: handleTouchEnd, onTouchMove: handleTouchMove, className: "relay:py-3 relay:px-2 relay:flex relay:items-center relay:gap-2 relay:w-full relay:h-[56px] relay:rounded-[12px] relay:select-none relay:hover:bg-[var(--relay-colors-gray3)]", children: [_jsx(ChainIcon, { chainId: chain.id, square: true, width: 24, height: 24 }), _jsx(Text, { style: "subtitle1", className: "relay:flex-1 relay:text-left", children: ('displayName' in chain && chain.displayName) || chain.name }), showStar && isStarred && (_jsx(Box, { className: "relay:text-[color:var(--relay-colors-primary9)]", children: _jsx(FontAwesomeIcon, { icon: faStar, width: 16, height: 16 }) })), tag && _jsx(TagPill, { tag: tag })] }) }), dropdownOpen && (_jsx("div", { ref: dropdownRef, className: "relay:absolute relay:top-full relay:left-0 relay:mt-1 relay:min-w-[160px] relay:z-[999999]", onClick: (e) => {
                     e.stopPropagation();
                     handleToggleStar();
-                }, onMouseDown: (e) => e.stopPropagation(), onTouchStart: (e) => e.stopPropagation(), children: _jsxs(Flex, { css: {
-                        alignItems: 'center',
-                        gap: '8px',
-                        padding: '8px',
-                        borderRadius: 12,
-                        cursor: 'pointer',
-                        backgroundColor: 'gray1',
-                        '--borderColor': 'colors.subtle-border-color',
-                        border: '1px solid var(--borderColor)',
-                        _hover: {
-                            backgroundColor: 'gray2'
-                        }
-                    }, children: [_jsx(Box, { css: {
-                                color: isStarred ? 'gray8' : 'primary9'
-                            }, children: _jsx(FontAwesomeIcon, { icon: faStar, width: 16, height: 16 }) }), _jsx(Text, { style: "subtitle1", css: { lineHeight: '20px' }, children: isStarred ? 'Unstar chain' : 'Star chain' })] }) }))] }));
+                }, onMouseDown: (e) => e.stopPropagation(), onTouchStart: (e) => e.stopPropagation(), children: _jsxs(Flex, { className: "relay:items-center relay:gap-[8px] relay:p-[8px] relay:rounded-[12px] relay:cursor-pointer relay:bg-[var(--relay-colors-gray1)] relay:border relay:border-solid relay:border-[var(--relay-colors-subtle-border-color)] relay:hover:bg-[var(--relay-colors-gray2)]", children: [_jsx(Box, { className: cn(isStarred
+                                ? 'relay:text-[color:var(--relay-colors-gray8)]'
+                                : 'relay:text-[color:var(--relay-colors-primary9)]'), children: _jsx(FontAwesomeIcon, { icon: faStar, width: 16, height: 16 }) }), _jsx(Text, { style: "subtitle1", className: "relay:leading-[20px]", children: isStarred ? 'Unstar chain' : 'Star chain' })] }) }))] }));
 };
 //# sourceMappingURL=MobileChainSelector.js.map

package/_esm/src/components/common/TokenSelector/MobileChainSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileChainSelector.js","sourceRoot":"","sources":["../../../../../src/components/common/TokenSelector/MobileChainSelector.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MobileChainSelector.js","sourceRoot":"","sources":["../../../../../src/components/common/TokenSelector/MobileChainSelector.tsx"],"names":[],"mappings":"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"}

package/_esm/src/components/common/TokenSelector/PaymentMethod.js

@@ -3,7 +3,9 @@ import { useCallback, useEffect, useMemo, useState } from 'react';
 import { Flex, Text, Input, Box, Button } from '../../primitives/index.js';
 import { Modal } from '../Modal.js';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faMagnifyingGlass, faFolderOpen, faChevronLeft } from '@fortawesome/free-solid-svg-icons';
+import { faMagnifyingGlass } from '@fortawesome/free-solid-svg-icons/faMagnifyingGlass';
+import { faFolderOpen } from '@fortawesome/free-solid-svg-icons/faFolderOpen';
+import { faChevronLeft } from '@fortawesome/free-solid-svg-icons/faChevronLeft';
 import {} from './ChainFilter.js';
 import useRelayClient from '../../../hooks/useRelayClient.js';
 import {} from 'viem';
@@ -305,44 +307,7 @@ const PaymentMethod = ({ token, trigger, chainIdsFilter, lockedChainIds, context
             inputElement.focus();
         }
     }, [open, inputElement]);
-    const paymentMethodContent = (_jsxs(Flex, { direction: "column", css: {
-            width: '100%',
-            height: '100%',
-            gap: '3',
-            overflowY: 'hidden',
-            minWidth: 0,
-            maxWidth: '100%'
-        }, children: [_jsx(Flex, { align: "center", css: { gap: '1' }, children: _jsxs(Button, { color: "ghost", size: "none", onClick: () => onOpenChange(false), css: {
-                        py: '1',
-                        px: '0',
-                        minWidth: 'auto',
-                        color: 'gray9',
-                        cursor: 'pointer',
-                        borderRadius: 8,
-                        display: 'flex',
-                        alignItems: 'center',
-                        gap: '1',
-                        '--focusColor': 'colors.focus-color',
-                        _focusVisible: {
-                            boxShadow: 'inset 0 0 0 2px var(--focusColor)'
-                        },
-                        '@media(min-width: 660px)': {
-                            p: '0'
-                        }
-                    }, children: [_jsx(FontAwesomeIcon, { icon: faChevronLeft, width: 20, height: 20 }), _jsx(Text, { style: "subtitle1", css: {
-                                color: 'text-subtle',
-                                '@media(min-width: 660px)': {
-                                    fontSize: '14px',
-                                    color: 'text-default',
-                                    lineHeight: '20px'
-                                }
-                            }, children: context === 'from' ? 'Pay with' : 'Sell to' })] }) }), _jsx(Flex, { css: {
-                    flex: 1,
-                    gap: '3',
-                    overflow: 'hidden',
-                    minWidth: 0,
-                    maxWidth: '100%'
-                }, children: _jsxs(AccessibleList, { onSelect: (value) => {
+    const paymentMethodContent = (_jsxs(Flex, { direction: "column", className: "relay:w-full relay:h-full relay:gap-3 relay:overflow-y-hidden relay:min-w-0 relay:max-w-full", children: [_jsx(Flex, { align: "center", className: "relay:gap-1", children: _jsxs(Button, { color: "ghost", size: "none", onClick: () => onOpenChange(false), className: "relay:py-1 relay:px-0 relay:min-w-[auto] relay:text-[color:var(--relay-colors-gray9)] relay:cursor-pointer relay:rounded-[8px] relay:flex relay:items-center relay:gap-1 relay:focus-visible:shadow-[inset_0_0_0_2px_var(--relay-colors-focus-color)] relay:min-[660px]:p-0", children: [_jsx(FontAwesomeIcon, { icon: faChevronLeft, width: 20, height: 20 }), _jsx(Text, { style: "subtitle1", className: "relay:text-[color:var(--relay-colors-text-subtle)] relay:min-[660px]:text-[14px] relay:min-[660px]:text-[color:var(--relay-colors-text-default)] relay:min-[660px]:leading-[20px]", children: context === 'from' ? 'Pay with' : 'Sell to' })] }) }), _jsx(Flex, { className: "relay:flex-1 relay:gap-3 relay:overflow-hidden relay:min-w-0 relay:max-w-full", children: _jsxs(AccessibleList, { onSelect: (value) => {
                         if (value === 'input')
                             return;
                         const [chainId, ...addressParts] = value.split(':');
@@ -357,39 +322,7 @@ const PaymentMethod = ({ token, trigger, chainIdsFilter, lockedChainIds, context
                         if (selectedToken) {
                             handleTokenSelection(selectedToken);
                         }
-                    }, css: {
-                        display: 'flex',
-                        flexDirection: 'column',
-                        width: '100%',
-                        minWidth: 0,
-                        maxWidth: '100%',
-                        height: '100%'
-                    }, children: [_jsx(Flex, { direction: "column", align: "start", css: {
-                                width: '100%',
-                                gap: '2',
-                                background: 'modal-background',
-                                minWidth: 0,
-                                maxWidth: '100%'
-                            }, children: _jsxs(Flex, { align: "center", css: {
-                                    width: '100%',
-                                    gap: '2',
-                                    minWidth: 0,
-                                    alignItems: 'center',
-                                    height: 40
-                                }, children: [_jsx(AccessibleListItem, { value: "input", asChild: true, css: {
-                                            flex: 1,
-                                            minWidth: 0,
-                                            display: 'flex',
-                                            alignItems: 'center'
-                                        }, children: _jsx(Input, { ref: setTokenSearchInputElement, placeholder: "Search for a token", icon: _jsx(Box, { css: { color: 'gray9' }, children: _jsx(FontAwesomeIcon, { icon: faMagnifyingGlass, width: 16, height: 16 }) }), containerCss: {
-                                                width: '100%',
-                                                height: 40
-                                            }, css: {
-                                                width: '100%',
-                                                _placeholder_parent: {
-                                                    textOverflow: 'ellipsis'
-                                                }
-                                            }, onChange: (e) => {
+                    }, className: "relay:flex relay:flex-col relay:w-full relay:min-w-0 relay:max-w-full relay:h-full", children: [_jsx(Flex, { direction: "column", align: "start", className: "relay:w-full relay:gap-2 relay:bg-[var(--relay-colors-modal-background)] relay:min-w-0 relay:max-w-full", children: _jsxs(Flex, { align: "center", className: "relay:w-full relay:gap-2 relay:min-w-0 relay:items-center relay:h-[40px]", children: [_jsx(AccessibleListItem, { value: "input", asChild: true, className: "relay:flex-1 relay:min-w-0 relay:flex relay:items-center", children: _jsx(Input, { ref: setTokenSearchInputElement, placeholder: "Search for a token", icon: _jsx(Box, { className: "relay:flex relay:text-[color:var(--relay-colors-gray9)]", children: _jsx(FontAwesomeIcon, { icon: faMagnifyingGlass, width: 16, height: 16 }) }), containerClassName: "relay:w-full relay:h-[40px]", className: "relay:w-full relay:[&::placeholder]:text-ellipsis", onChange: (e) => {
                                                 const value = e.target.value;
                                                 setTokenSearchInput(value);
                                                 if (isValidAddressUtil(chainFilter.vmType, value)) {
@@ -398,20 +331,12 @@ const PaymentMethod = ({ token, trigger, chainIdsFilter, lockedChainIds, context
                                                         chain_filter: chainFilter.id
                                                     });
                                                 }
-                                            } }) }), (!configuredChainIds || hasMultipleConfiguredChainIds) && (_jsx(CompactChainFilter, { options: allChains, value: chainFilter, onSelect: setChainFilter, popularChainIds: popularChainIds, onChainStarToggle: handleChainStarToggle, starredChainIds: starredChainIds, onAnalyticEvent: onAnalyticEvent }))] }) }), _jsxs(Flex, { direction: "column", css: {
-                                flex: 1,
-                                overflowY: 'auto',
-                                gap: '3',
-                                pt: '2',
-                                scrollbarColor: 'var(--relay-colors-gray5) transparent',
-                                minWidth: 0,
-                                maxWidth: '100%'
-                            }, children: [chainFilter.id &&
+                                            } }) }), (!configuredChainIds || hasMultipleConfiguredChainIds) && (_jsx(CompactChainFilter, { options: allChains, value: chainFilter, onSelect: setChainFilter, popularChainIds: popularChainIds, onChainStarToggle: handleChainStarToggle, starredChainIds: starredChainIds, onAnalyticEvent: onAnalyticEvent }))] }) }), _jsxs(Flex, { direction: "column", className: "relay:flex-1 relay:overflow-y-auto relay:gap-3 relay:pt-2 relay:min-w-0 relay:max-w-full", style: { scrollbarColor: 'var(--relay-colors-gray5) transparent' }, children: [chainFilter.id &&
                                     tokenSearchInput.length === 0 &&
                                     !depositAddressOnly ? (_jsx(SuggestedTokens, { chainId: chainFilter.id, depositAddressOnly: depositAddressOnly, onSelect: (token) => {
                                         handleTokenSelection(token);
                                     } })) : null, tokenSearchInput.length > 0 ? (_jsx(TokenList, { title: "Results", tokens: sortedCombinedTokens, isLoading: isLoadingTokenList ||
-                                        tokenSearchInput !== debouncedTokenSearchValue, isLoadingBalances: isLoadingBalances, chainFilterId: chainFilter.id })) : chainFilter.id ? (_jsx(TokenList, { title: "Tokens", tokens: sortedCombinedTokens, isLoading: isLoadingTokenList, isLoadingBalances: isLoadingBalances, chainFilterId: chainFilter.id })) : (_jsx(Flex, { direction: "column", css: { gap: '3' }, children: (() => {
+                                        tokenSearchInput !== debouncedTokenSearchValue, isLoadingBalances: isLoadingBalances, chainFilterId: chainFilter.id })) : chainFilter.id ? (_jsx(TokenList, { title: "Tokens", tokens: sortedCombinedTokens, isLoading: isLoadingTokenList, isLoadingBalances: isLoadingBalances, chainFilterId: chainFilter.id })) : (_jsx(Flex, { direction: "column", className: "relay:gap-3", children: (() => {
                                         const hasLoadedBalanceData = Boolean(duneTokens);
                                         const userTokensReady = !isLoadingUserTokens;
                                         const isWaitingForBalanceData = address &&
@@ -435,29 +360,13 @@ const PaymentMethod = ({ token, trigger, chainIdsFilter, lockedChainIds, context
                                     })() })), !isLoadingTokenList &&
                                     !isLoadingExternalList &&
                                     tokenList?.length === 0 &&
-                                    externalTokenList?.length === 0 ? (_jsxs(Flex, { direction: "column", align: "center", css: { py: '5', maxWidth: 312, alignSelf: 'center' }, children: [!chainFilter?.id && isSearchTermValidAddress && (_jsx(Box, { css: { color: 'gray8', mb: '2' }, children: _jsx(FontAwesomeIcon, { icon: faFolderOpen, size: "xl", width: 27, height: 24 }) })), _jsx(Text, { color: "subtle", style: "body2", css: { textAlign: 'center' }, children: !chainFilter?.id && isSearchTermValidAddress
+                                    externalTokenList?.length === 0 ? (_jsxs(Flex, { direction: "column", align: "center", className: "relay:py-5 relay:max-w-[312px] relay:self-center", children: [!chainFilter?.id && isSearchTermValidAddress && (_jsx(Box, { className: "relay:text-[color:var(--relay-colors-gray8)] relay:mb-2", children: _jsx(FontAwesomeIcon, { icon: faFolderOpen, size: "xl", width: 27, height: 24 }) })), _jsx(Text, { color: "subtle", style: "body2", className: "relay:text-center", children: !chainFilter?.id && isSearchTermValidAddress
                                                 ? 'No results. Switch to the desired chain to search by contract.'
                                                 : 'No results.' })] })) : null] }, chainFilter.id ?? 'all')] }) })] }));
-    return (_jsxs(_Fragment, { children: [!isDesktop && (_jsxs(_Fragment, { children: [_jsx("div", { onClick: () => onOpenChange(true), children: trigger }), open && (_jsx(Box, { css: {
-                            position: 'absolute',
-                            top: 0,
-                            left: 0,
-                            right: 0,
-                            bottom: 0,
-                            zIndex: 100,
-                            background: 'widget-background',
-                            display: 'flex',
-                            flexDirection: 'column',
-                            overflow: 'hidden'
-                        }, children: paymentMethodContent }))] })), isDesktop && (_jsx(Modal, { open: open, onOpenChange: onOpenChange, showCloseButton: false, trigger: trigger, css: {
-                    p: '4',
-                    display: 'flex',
-                    flexDirection: 'column',
+    return (_jsxs(_Fragment, { children: [!isDesktop && (_jsxs(_Fragment, { children: [_jsx("div", { onClick: () => onOpenChange(true), children: trigger }), open && (_jsx(Box, { className: "relay:absolute relay:top-0 relay:left-0 relay:right-0 relay:bottom-0 relay:z-[100] relay:bg-[var(--relay-colors-widget-background)] relay:flex relay:flex-col relay:overflow-hidden", children: paymentMethodContent }))] })), isDesktop && (_jsx(Modal, { open: open, onOpenChange: onOpenChange, showCloseButton: false, trigger: trigger, className: "relay:p-4 relay:flex relay:flex-col relay:min-w-0 relay:box-border", contentStyle: {
                     height: 'min(85vh, 540px)',
                     width: 'min(400px, 100vw)',
-                    maxWidth: 'min(400px, 100vw)',
-                    minWidth: 0,
-                    boxSizing: 'border-box'
+                    maxWidth: 'min(400px, 100vw)'
                 }, children: paymentMethodContent })), unverifiedTokenModalOpen && (_jsx(UnverifiedTokenModal, { open: unverifiedTokenModalOpen, onOpenChange: setUnverifiedTokenModalOpen, data: unverifiedToken ? { token: unverifiedToken } : undefined, onAcceptToken: (token) => {
                     if (token) {
                         handleTokenSelection(token);