@0xsquid/ui 0.20.2 → 0.21.0

package/dist/cjs/index.js

@@ -2792,8 +2792,11 @@ function BlockSkeleton(_a) {
     return (jsxRuntime.jsx("div", Object.assign({ className: cn('loading-gradient tw-rounded-squid-s', className) }, props)));
 }
 
-function Checkmark1Icon() {
-    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.8809 2.82977C13.3432 3.13201 13.4729 3.75174 13.1706 4.21399L7.50398 12.8807C7.3318 13.144 7.04572 13.3109 6.73174 13.3313C6.41777 13.3517 6.11252 13.2231 5.90775 12.9842L2.90775 9.4842C2.54833 9.06487 2.59689 8.43357 3.01622 8.07415C3.43554 7.71473 4.06684 7.76329 4.42627 8.18262L6.55918 10.671L11.4967 3.11949C11.7989 2.65725 12.4187 2.52753 12.8809 2.82977Z", fill: "currentColor" }) }));
+function Checkmark1Icon({ className, size = '16', }) {
+    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 16 16", fill: "none", className: className, children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.8809 2.82977C13.3432 3.13201 13.4729 3.75174 13.1706 4.21399L7.50398 12.8807C7.3318 13.144 7.04572 13.3109 6.73174 13.3313C6.41777 13.3517 6.11252 13.2231 5.90775 12.9842L2.90775 9.4842C2.54833 9.06487 2.59689 8.43357 3.01622 8.07415C3.43554 7.71473 4.06684 7.76329 4.42627 8.18262L6.55918 10.671L11.4967 3.11949C11.7989 2.65725 12.4187 2.52753 12.8809 2.82977Z", fill: "currentColor" }) }));
+}
+function Checkmark2Icon({ className, size = '16', style, }) {
+    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: jsxRuntime.jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM15.774 10.1333C16.1237 9.70582 16.0607 9.0758 15.6332 8.72607C15.2058 8.37635 14.5758 8.43935 14.226 8.86679L10.4258 13.5116L9.20711 12.2929C8.81658 11.9024 8.18342 11.9024 7.79289 12.2929C7.40237 12.6834 7.40237 13.3166 7.79289 13.7071L9.79289 15.7071C9.99267 15.9069 10.2676 16.0129 10.5498 15.9988C10.832 15.9847 11.095 15.8519 11.274 15.6333L15.774 10.1333Z", fill: "none", className: className, style: style }) }));
 }
 
 function DotGrid1x3HorizontalIcon({ className, size = '16', }) {
@@ -2890,6 +2893,9 @@ function ChevronArrowIcon({ size = '16', className, }) {
 function ArrowTriangle({ className }) {
     return (jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsxRuntime.jsx("path", { d: "M2.87921 5.55701C2.21562 4.22933 3.18052 2.6665 4.66531 2.6665H11.3348C12.8196 2.6665 13.7845 4.22933 13.1209 5.55701L9.78615 12.229C9.05029 13.7012 6.94983 13.7012 6.21397 12.229L2.87921 5.55701Z", fill: "currentColor" }) }));
 }
+function ChevronTopSmallIcon() {
+    return (jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M5.33337 9.33327L7.52864 7.13801C7.78899 6.87766 8.2111 6.87766 8.47145 7.13801L10.6667 9.33327", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+}
 function ChevronLargeDownIcon({ size = '24', className, }) {
     return (jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 24 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsxRuntime.jsx("path", { d: "M3 10.5L11.0287 14.9604C11.6328 15.296 12.3672 15.296 12.9713 14.9604L21 10.5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
 }
@@ -2911,6 +2917,9 @@ function ArrowRightUpCircleIcon() {
 function ArrowRightDownCircleIcon() {
     return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", children: jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M9 9l5.5 5.5M15 10v5h-5m11-3a9 9 0 11-18 0 9 9 0 0118 0z" }) }));
 }
+function ArrowOutOfBoxIcon() {
+    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: [jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 11.75C4.55228 11.75 5 12.1977 5 12.75V17C5 18.1046 5.89543 19 7 19H17C18.1046 19 19 18.1046 19 17V12.75C19 12.1977 19.4477 11.75 20 11.75C20.5523 11.75 21 12.1977 21 12.75V17C21 19.2091 19.2091 21 17 21H7C4.79086 21 3 19.2091 3 17V12.75C3 12.1977 3.44772 11.75 4 11.75Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 3C12.2652 3 12.5196 3.10536 12.7071 3.29289L17.2071 7.79289C17.5976 8.18342 17.5976 8.81658 17.2071 9.20711C16.8166 9.59763 16.1834 9.59763 15.7929 9.20711L13 6.41421V15.25C13 15.8023 12.5523 16.25 12 16.25C11.4477 16.25 11 15.8023 11 15.25V6.41422L8.20711 9.20711C7.81658 9.59763 7.18342 9.59763 6.79289 9.20711C6.40237 8.81658 6.40237 8.18342 6.79289 7.79289L11.2929 3.29289C11.4804 3.10536 11.7348 3 12 3Z", fill: "currentColor" })] }));
+}
 function ChevronGrabberVerticalIcon({ size = '16', className, }) {
     return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 16 16", fill: "none", className: className, children: jsxRuntime.jsx("path", { d: "M5.33301 6.00002L7.52827 3.80476C7.78862 3.54441 8.21073 3.54441 8.47108 3.80476L10.6663 6.00002M5.33301 10L7.52827 12.1953C7.78862 12.4556 8.21073 12.4556 8.47108 12.1953L10.6663 10", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
 }
@@ -2935,6 +2944,9 @@ function ArrowsSwapIcon({ size = '24', className, }) {
 function ArrowUpIcon() {
     return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "14", fill: "none", viewBox: "0 0 10 14", children: jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M1 5.667l4-4 4 4M5 2.334v10" }) }));
 }
+function ArrowCornerDownRightIcon({ size = '24', className, }) {
+    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, children: jsxRuntime.jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4 4C4.55228 4 5 4.44772 5 5V13C5 13.5523 5.44772 14 6 14H17.5858L15.2929 11.7071C14.9024 11.3166 14.9024 10.6834 15.2929 10.2929C15.6834 9.90237 16.3166 9.90237 16.7071 10.2929L20.7071 14.2929C21.0976 14.6834 21.0976 15.3166 20.7071 15.7071L16.7071 19.7071C16.3166 20.0976 15.6834 20.0976 15.2929 19.7071C14.9024 19.3166 14.9024 18.6834 15.2929 18.2929L17.5858 16H6C4.34315 16 3 14.6569 3 13V5C3 4.44772 3.44772 4 4 4Z", fill: "currentColor" }) }));
+}
 
 function Copy(_a) {
     var { size = '24', strokeWidth = '2' } = _a, props = __rest$1(_a, ["size", "strokeWidth"]);
@@ -3080,9 +3092,10 @@ function SearchIcon() {
 }
 
 function Input(_a) {
-    var { placeholder = 'Search', showIcon = true, className, icon, isError = false, containerClassName, actionButtonProps, autoFocusTimeout } = _a, props = __rest$1(_a, ["placeholder", "showIcon", "className", "icon", "isError", "containerClassName", "actionButtonProps", "autoFocusTimeout"]);
+    var { placeholder = 'Search', showIcon = true, className, icon, isError = false, containerClassName, actionButtonProps, autoFocusTimeout, inputRef: inputRefProp } = _a, props = __rest$1(_a, ["placeholder", "showIcon", "className", "icon", "isError", "containerClassName", "actionButtonProps", "autoFocusTimeout", "inputRef"]);
     const showActionButton = !!actionButtonProps;
-    const inputRef = React.useRef(null);
+    const localInputRef = React.useRef(null);
+    const inputRef = inputRefProp !== null && inputRefProp !== void 0 ? inputRefProp : localInputRef;
     React.useEffect(() => {
         if (!autoFocusTimeout)
             return;
@@ -3092,7 +3105,7 @@ function Input(_a) {
         }, autoFocusTimeout);
         return () => clearTimeout(timeoutId);
     }, [autoFocusTimeout]);
-    return (jsxRuntime.jsxs("div", { className: cn('tw-relative tw-w-full tw-text-grey-600', containerClassName), children: [jsxRuntime.jsx("input", Object.assign({}, props, { ref: inputRef, "aria-invalid": isError, className: cn('tw-relative tw-h-10 tw-w-full tw-rounded-full tw-border tw-border-material-light-thin tw-bg-grey-900 tw-text-body-small tw-font-typography-regular tw-text-grey-300 placeholder:tw-text-grey-600 invalid:tw-outline-status-negative', showIcon ? 'tw-pl-[40px]' : 'tw-px-2.5', showActionButton ? 'tw-pr-[70px]' : 'tw-pr-2.5', isError && '!tw-outline-status-negative', className), placeholder: placeholder })), showIcon ? (jsxRuntime.jsx("div", { className: "tw-absolute tw-inset-y-0 tw-left-0 tw-flex tw-h-full tw-w-[44px] tw-items-center tw-justify-center tw-px-squid-xs", children: icon || jsxRuntime.jsx(SearchIcon, {}) })) : null, showActionButton ? (jsxRuntime.jsx("div", { className: "tw-absolute tw-inset-y-0 tw-right-1.5 tw-flex tw-items-center tw-justify-center", children: jsxRuntime.jsx(InputActionButton, Object.assign({}, actionButtonProps)) })) : null] }));
+    return (jsxRuntime.jsxs("div", { className: cn('tw-relative tw-w-full tw-text-grey-600', containerClassName), children: [jsxRuntime.jsx("input", Object.assign({}, props, { ref: inputRef, "aria-invalid": isError, className: cn('tw-relative tw-h-10 tw-w-full tw-rounded-full tw-border tw-border-material-light-thin tw-bg-grey-900 tw-text-body-small tw-font-typography-regular tw-text-grey-300 placeholder:tw-text-grey-600 invalid:tw-outline-status-negative', showIcon ? 'tw-pl-[40px]' : 'tw-px-squid-s', showActionButton ? 'tw-pr-[70px]' : 'tw-pr-2.5', isError && '!tw-outline-status-negative', className), placeholder: placeholder })), showIcon ? (jsxRuntime.jsx("div", { className: "tw-absolute tw-inset-y-0 tw-left-0 tw-flex tw-h-full tw-w-[44px] tw-items-center tw-justify-center tw-px-squid-xs", children: icon || jsxRuntime.jsx(SearchIcon, {}) })) : null, showActionButton ? (jsxRuntime.jsx("div", { className: "tw-absolute tw-inset-y-0 tw-right-1.5 tw-flex tw-items-center tw-justify-center", children: jsxRuntime.jsx(InputActionButton, Object.assign({}, actionButtonProps)) })) : null] }));
 }
 const InputActionButton = ({ onClick, variant = 'tertiary', label = 'Paste', }) => {
     return (jsxRuntime.jsx(Button$1, { size: "md", variant: variant, onClick: onClick, className: "!tw-h-[30px] !tw-w-fit !tw-min-w-0", children: jsxRuntime.jsx(CaptionText, { children: label }) }));
@@ -17160,7 +17173,7 @@ function SettingsItem({ icon, label, control, link, transparent = false, helpToo
     const showDetailsBorder = !!control && !link && !(control.type === 'switch');
     return (jsxRuntime.jsx("li", { className: cn('tw-h-[50px] tw-self-stretch tw-px-squid-xs', transparent ? 'tw-bg-transparent' : 'tw-bg-grey-800'), children: jsxRuntime.jsxs(ContentTag, Object.assign({ className: cn('tw-flex tw-items-center tw-justify-center tw-gap-squid-xs tw-rounded-squid-s tw-px-squid-xs tw-py-squid-xs tw-text-grey-300', link && 'hover:tw-bg-material-light-thin') }, contentTagProps, { children: [icon, jsxRuntime.jsxs("div", { className: "tw-flex tw-flex-1 tw-items-center tw-gap-squid-xxs tw-self-stretch", children: [jsxRuntime.jsx(BodyText, { size: "small", children: label }), helpTooltip ? (jsxRuntime.jsx(Tooltip, Object.assign({}, helpTooltip, { children: helpIcon }))) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: helpIcon }))] }), jsxRuntime.jsx("div", { className: cn('tw-flex tw-h-squid-l tw-items-center tw-justify-center tw-rounded-squid-xs', showDetailsBorder &&
                         'tw-rounded-squid-xs tw-border tw-border-solid tw-border-material-light-thin tw-bg-material-dark-thin'), children: !!link ? (jsxRuntime.jsx(SquareArrowTopRight2Icon, { className: "tw-text-material-light-average" })) : (!!control && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [control.type === 'amount' && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(SettingsButton, { onClick: () => control.onChange(control.resetValueControl.value), label: control.resetValueControl.label, isSelected: control.resetValueControl.value === control.value }), control.options.map(({ value }, index, _controls) => (jsxRuntime.jsx(SettingsButton, { label: '$' + value, isSelected: control.value === value, onClick: () => control.onChange(value) }, index))), jsxRuntime.jsx(SettingsSlider, { type: control.type, value: control.value, isSelected: control.value !== control.resetValueControl.value, onChange: control.onChange, decimalsFormat: control.decimalsFormat, max: 999 })] })), control.type === 'switch' &&
-                                (control.tooltip ? (jsxRuntime.jsx(Tooltip, Object.assign({}, control.tooltip, { children: jsxRuntime.jsx(Switch, { size: "large", checked: control.checked, onChange: control.onChange, disabled: control.disabled }) }))) : (jsxRuntime.jsx(Switch, { size: "large", checked: control.checked, onChange: control.onChange, disabled: control.disabled }))), control.type === 'percentage' && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(SettingsButton, { label: control.resetValueControl.label, isSelected: control.resetValueControl.value === control.value, onClick: control.resetValueControl.onSelect }), jsxRuntime.jsx(SettingsSlider, { onChange: control.onChange, value: control.value, type: "percentage", isSelected: control.value !== control.resetValueControl.value, decimalsFormat: control.decimalsFormat, max: control.max, min: control.min })] }))] }))) })] })) }));
+                                (control.tooltip ? (jsxRuntime.jsx(Tooltip, Object.assign({}, control.tooltip, { children: jsxRuntime.jsx(Switch, { size: "large", checked: control.checked, onChange: control.onChange, disabled: control.disabled }) }))) : (jsxRuntime.jsx(Switch, { size: "large", checked: control.checked, onChange: control.onChange, disabled: control.disabled }))), control.type === 'percentage' && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(SettingsButton, { label: control.resetValueControl.label, isSelected: control.resetValueControl.value === control.value, onClick: control.resetValueControl.onSelect }), jsxRuntime.jsx(SettingsSlider, { onChange: control.onChange, value: control.value, type: "percentage", isSelected: control.value !== control.resetValueControl.value, decimalsFormat: control.decimalsFormat, max: control.max, min: control.min })] })), control.type === 'options' && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: control.options.map(({ label, onSelect }, index) => (jsxRuntime.jsx(SettingsButton, { label: label, isSelected: control.selectedLabel === label, onClick: onSelect }, index))) }))] }))) })] })) }));
 }
 
 function SwapStepSeparator() {
@@ -17441,7 +17454,11 @@ function InfoBox({ title, description, icon }) {
     return (jsxRuntime.jsxs("div", { className: "tw-align-self-stretch tw-flex tw-flex-col tw-items-center tw-gap-squid-xs tw-px-squid-m tw-pb-squid-l tw-pt-squid-xs tw-text-royal-400", children: [icon, jsxRuntime.jsxs("div", { className: "tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-squid-xs tw-self-stretch tw-pt-squid-xxs tw-text-center", children: [jsxRuntime.jsx(BodyText, { size: "small", className: "!tw-leading-[9px]", children: title }), jsxRuntime.jsx(CaptionText, { className: "tw-text-grey-500", children: description })] })] }));
 }
 
-function Modal({ children, className, onBackdropClick, isOpen: _isOpen = true, maxHeight = false, }) {
+const modalWidthClassMap = {
+    large: 'mobile-lg:tw-w-modal-large',
+    'extra-large': 'mobile-lg:tw-w-modal-extra-large',
+};
+function Modal({ children, className, onBackdropClick, isOpen: _isOpen = true, maxHeight = false, width = 'large', }) {
     const [isOpen, setIsOpen] = React.useState(_isOpen);
     React.useEffect(() => {
         if (_isOpen)
@@ -17467,7 +17484,7 @@ function Modal({ children, className, onBackdropClick, isOpen: _isOpen = true, m
         }, className: cn('tw-absolute tw-inset-0 tw-z-40 tw-flex tw-items-start tw-justify-center tw-px-squid-xs tw-py-squid-xl tw-pb-squid-m', _isOpen ? 'tw-animate-blur-in' : 'tw-animate-blur-out'), children: jsxRuntime.jsx("div", { style: {
                 [CSS_VARS.SLIDE_TO_TOP_DURATION]: `${ANIMATION_DURATIONS.SHOW_MODAL}ms`,
                 [CSS_VARS.SLIDE_TO_BOTTOM_DURATION]: `${ANIMATION_DURATIONS.HIDE_MODAL}ms`,
-            }, className: cn('mobile-lg:tw-w-modal-large mobile-lg:tw-max-h-modal-large tw-relative tw-flex tw-max-h-modal-compact tw-w-modal-compact tw-flex-col tw-items-start tw-justify-end tw-gap-squid-xxs tw-self-end', className, _isOpen ? 'tw-animate-slide-to-top' : 'tw-animate-slide-to-bottom', maxHeight && 'tw-h-full'), children: children }) })));
+            }, className: cn('tw-relative tw-flex tw-max-h-modal-compact tw-w-modal-compact tw-flex-col tw-items-start tw-justify-end tw-gap-squid-xxs tw-self-end mobile-lg:tw-max-h-modal-large', className, _isOpen ? 'tw-animate-slide-to-top' : 'tw-animate-slide-to-bottom', maxHeight && 'tw-h-full', modalWidthClassMap[width]), children: children }) })));
 }
 
 const borderTypeClassMap = {
@@ -24108,12 +24125,18 @@ function ChainLink({ size = '16', strokeWidth = '2', }) {
     return (jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M6.66667 3.66667L7.16763 3.17225C8.73063 1.60925 11.2648 1.60925 12.8278 3.17225C14.3907 4.73525 14.3907 7.26937 12.8278 8.83237L12.3333 9.33333M3.66667 6.66667L3.17225 7.16763C1.60925 8.73063 1.60925 11.2648 3.17225 12.8278C4.73525 14.3907 7.26937 14.3907 8.83237 12.8278L9.33333 12.3333M6.66667 9.33333L9.33333 6.66667", stroke: "currentColor", strokeWidth: strokeWidth, vectorEffect: "non-scaling-stroke", strokeLinecap: "round", strokeLinejoin: "round" }) }));
 }
 
+function ClockIcon({ className, size = '16', }) {
+    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 16 16", fill: "none", className: className, children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.99967 14.6667C11.6816 14.6667 14.6663 11.6819 14.6663 8.00004C14.6663 4.31814 11.6816 1.33337 7.99967 1.33337C4.31778 1.33337 1.33301 4.31814 1.33301 8.00004C1.33301 11.6819 4.31778 14.6667 7.99967 14.6667ZM8.66634 5.33337C8.66634 4.96518 8.36786 4.66671 7.99967 4.66671C7.63148 4.66671 7.33301 4.96518 7.33301 5.33337V8.00004C7.33301 8.17685 7.40325 8.34642 7.52827 8.47145L9.19494 10.1381C9.45529 10.3985 9.8774 10.3985 10.1377 10.1381C10.3981 9.87776 10.3981 9.45565 10.1377 9.1953L8.66634 7.7239V5.33337Z", fill: "currentColor" }) }));
+}
 function ClockOutlineIcon({ className, size = '24', }) {
     return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, children: jsxRuntime.jsx("path", { d: "M12 8V12L14.5 14.5M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
 }
 const SettingsGearIcon = ({ size = '24', className, }) => {
     return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, children: [jsxRuntime.jsx("path", { d: "M11.0195 3.55153C11.6283 3.20907 12.3717 3.20907 12.9805 3.55153L18.9805 6.92649C19.6103 7.28073 20 7.9471 20 8.66965V15.3302C20 16.0528 19.6103 16.7192 18.9805 17.0734L12.9805 20.4484C12.3717 20.7908 11.6283 20.7908 11.0195 20.4484L5.01954 17.0737C4.38975 16.7195 4 16.0531 4 15.3305L4 8.66963C4 7.94707 4.38973 7.2807 5.01949 6.92647L11.0195 3.55153Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "square", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M15 12C15 13.6569 13.6569 15 12 15C10.3432 15 9.00003 13.6569 9.00003 12C9.00003 10.3431 10.3432 9 12 9C13.6569 9 15 10.3431 15 12Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "square", strokeLinejoin: "round" })] }));
 };
+const ExplosionIcon = ({ size = '24', className, }) => {
+    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, children: jsxRuntime.jsx("path", { d: "M12 3L13.2913 5.50633C13.7387 6.37483 14.7481 6.79295 15.6787 6.49523L18.364 5.63604L17.5048 8.32135C17.2071 9.25186 17.6252 10.2613 18.4937 10.7087L21 12L18.7621 13.153C17.782 13.6579 17.3954 14.8607 17.8977 15.8421L20.0526 20.0526L15.8421 17.8977C14.8607 17.3954 13.6579 17.782 13.153 18.7621L12 21L10.7087 18.4937C10.2613 17.6252 9.25186 17.2071 8.32135 17.5048L5.63604 18.364L6.49523 15.6787C6.79295 14.7481 6.37483 13.7387 5.50633 13.2913L3 12L5.23792 10.847C6.21796 10.3421 6.60459 9.13933 6.10231 8.15792L3.94737 3.94737L8.15792 6.10231C9.13932 6.60459 10.3421 6.21796 10.847 5.23792L12 3Z", stroke: "currentColor", strokeWidth: "2", strokeLinejoin: "round" }) }));
+};
 function TimeFliesIcon({ size = '24', className, }) {
     return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, children: [jsxRuntime.jsx("circle", { cx: "15", cy: "12", r: "7", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M2 12H4M3 16H5M3 8H5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M15 9V12L16.5 13.5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
 }
@@ -24554,7 +24577,7 @@ function SettingsSlider({ value, type, onChange, decimalsFormat, max, min, isSel
     const handleCloseInput = React.useCallback(() => {
         setIsInputVisible(false);
     }, []);
-    return (jsxRuntime.jsxs("div", { ref: sliderRef, className: "tw-relative tw-flex tw-h-[30px] tw-items-center tw-justify-center tw-rounded-squid-xs", children: [jsxRuntime.jsxs("button", { className: cn('tw-relative tw-flex tw-h-full tw-items-center tw-justify-center tw-self-stretch tw-rounded-squid-xs tw-p-squid-xs tw-pr-[40px] tw-text-left tw-text-caption !tw-font-medium tw-leading-[10px] placeholder-shown:tw-text-grey-600 hover:tw-bg-material-light-thin focus:tw-bg-material-light-thin', value === 0 || value === undefined
+    return (jsxRuntime.jsxs("div", { ref: sliderRef, className: "tw-relative tw-flex tw-h-[30px] tw-items-center tw-justify-center tw-rounded-squid-xs", children: [jsxRuntime.jsxs("button", { className: cn('tw-relative tw-flex tw-h-full tw-items-center tw-justify-center tw-self-stretch tw-rounded-squid-xs tw-p-squid-xs tw-pr-[40px] tw-text-left tw-text-caption !tw-font-medium tw-leading-[10px] -tw-outline-offset-2 placeholder-shown:tw-text-grey-600 hover:tw-bg-material-light-thin', value === 0 || value === undefined
                     ? 'tw-text-grey-600'
                     : 'tw-text-grey-300', isInputVisible ? 'tw-bg-material-light-thin' : 'tw-bg-transparent', isSelected && 'tw-outline tw-outline-2 tw-outline-royal-500'), children: [value !== null && value !== void 0 ? value : 0, jsxRuntime.jsx(CaptionText, { className: "!tw-font-medium !tw-leading-[10px] tw-text-grey-300", children: type === 'percentage' ? '%' : '$' })] }), jsxRuntime.jsx("button", { onClick: handleOpenInput, className: "tw-absolute tw-right-squid-xs tw-flex tw-h-[26px] tw-w-[26px] tw-items-center tw-justify-center tw-gap-squid-xs tw-rounded-squid-xxs !tw-font-medium tw-leading-[10px] hover:tw-bg-material-light-thin", children: jsxRuntime.jsx(Chip, { icon: jsxRuntime.jsx(ChevronGrabberVerticalIcon, { className: "tw-text-grey-900" }) }) }), isInputVisible && (jsxRuntime.jsx(Menu, { menuRef: menuRef, containerClassName: "tw-absolute tw-bottom-full tw-z-10 tw-pb-squid-m tw-w-[160px]", children: jsxRuntime.jsx("form", { onSubmit: (e) => {
                         e.preventDefault();
@@ -24611,6 +24634,130 @@ function Switch({ checked = false, onChange, size, disabled = false, }) {
                     : 'tw-bg-grey-500') })] }));
 }
 
+function CompassRound({ size = '20', className, }) {
+    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", fill: "none", className: className, children: [jsxRuntime.jsx("path", { d: "M17.7087 9.99996C17.7087 14.2572 14.2575 17.7083 10.0003 17.7083C5.74313 17.7083 2.29199 14.2572 2.29199 9.99996C2.29199 5.74276 5.74313 2.29163 10.0003 2.29163C14.2575 2.29163 17.7087 5.74276 17.7087 9.99996Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M12.2135 7.27515L8.79307 8.208C8.5084 8.28564 8.286 8.50803 8.20837 8.7927L7.27552 12.2132C7.19069 12.5242 7.47609 12.8096 7.78713 12.7248L11.2076 11.7919C11.4923 11.7143 11.7146 11.4919 11.7923 11.2072L12.7251 7.78677C12.81 7.47573 12.5246 7.19032 12.2135 7.27515Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinejoin: "round" })] }));
+}
+function CircleX({ size = '20', className, }) {
+    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", fill: "none", className: className, children: jsxRuntime.jsx("path", { d: "M12.5003 7.49996L7.50033 12.5M12.5003 12.5L7.50033 7.49996M17.7087 9.99996C17.7087 14.2572 14.2575 17.7083 10.0003 17.7083C5.74313 17.7083 2.29199 14.2572 2.29199 9.99996C2.29199 5.74276 5.74313 2.29163 10.0003 2.29163C14.2575 2.29163 17.7087 5.74276 17.7087 9.99996Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }));
+}
+function CircleMinusIcon({ size = '24', className, }) {
+    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, children: jsxRuntime.jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM16 12.9999C16.5523 12.9999 17 12.5522 17 11.9999C17 11.4476 16.5523 10.9999 16 10.9999L7.99997 11.0001C7.44769 11.0001 6.99998 11.4479 7 12.0001C7.00002 12.5524 7.44774 13.0001 8.00003 13.0001L16 12.9999Z", fill: "currentColor" }) }));
+}
+function CirclePlusIcon({ size = '24', className, }) {
+    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, children: jsxRuntime.jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM16 12.9999C16.5523 12.9999 17 12.5522 17 11.9999C17 11.4476 16.5523 10.9999 16 10.9999L13 11V8.00012C13 7.44784 12.5523 7.00012 12 7.00012C11.4477 7.00012 11 7.44784 11 8.00012V11L7.99997 11.0001C7.44769 11.0001 6.99998 11.4479 7 12.0001C7.00002 12.5524 7.44774 13.0001 8.00003 13.0001L11 13V16C11 16.5523 11.4477 17 12 17C12.5523 17 13 16.5523 13 16V13L16 12.9999Z", fill: "currentColor" }) }));
+}
+
+function RangeInput({ label, initialValue, onChange, min = 0, max = 99, }) {
+    const [pressedButton, setPressedButton] = React.useState(null);
+    const inputRef = React.useRef(null);
+    const mousePressedTimeoutRef = React.useRef(null);
+    const inputDecoratorRef = React.useRef(null);
+    // reset input value to initial value on mount
+    React.useEffect(() => {
+        if (!inputRef.current)
+            return;
+        inputRef.current.value = initialValue || '';
+    }, [initialValue]);
+    const handleDecrement = React.useCallback(() => {
+        var _a;
+        if (!inputRef.current || !inputDecoratorRef.current)
+            return;
+        const inputValue = new BigNumber(((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value) || 0);
+        const newValue = inputValue.minus(0.1);
+        if (newValue.isLessThan(min))
+            return;
+        updateInputAndDecorator(newValue.toString());
+    }, [min]);
+    const handleIncrement = React.useCallback(() => {
+        var _a;
+        if (!inputRef.current || !inputDecoratorRef.current)
+            return;
+        const inputValue = new BigNumber(((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value) || 0);
+        const newValue = inputValue.plus(0.1);
+        if (newValue.isGreaterThan(max))
+            return;
+        updateInputAndDecorator(newValue.toString());
+    }, [max]);
+    // updates input and decorator value
+    const updateInputAndDecorator = React.useCallback((value) => {
+        if (!inputRef.current || !inputDecoratorRef.current)
+            return;
+        inputDecoratorRef.current.textContent = String(value || 0);
+        inputRef.current.value = String(value || 0);
+    }, []);
+    // When a button is pressed, we set an interval to update the input and decorator value
+    React.useEffect(() => {
+        if (!pressedButton || !inputRef.current)
+            return;
+        const timer = setInterval(() => {
+            if (pressedButton === 'increment') {
+                handleIncrement();
+            }
+            if (pressedButton === 'decrement') {
+                handleDecrement();
+            }
+        }, 50);
+        return () => {
+            clearInterval(timer);
+        };
+    }, [pressedButton]);
+    const handleUpdateValue = React.useCallback(() => {
+        var _a, _b;
+        setPressedButton(null);
+        onChange === null || onChange === void 0 ? void 0 : onChange((_b = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : '');
+        if (mousePressedTimeoutRef.current) {
+            clearTimeout(mousePressedTimeoutRef.current);
+            mousePressedTimeoutRef.current = null;
+        }
+    }, [onChange]);
+    // Returns event handler for mouse down event
+    const getMouseDownHandler = React.useCallback((pressed) => () => {
+        if (pressed === 'increment') {
+            handleIncrement();
+        }
+        if (pressed === 'decrement') {
+            handleDecrement();
+        }
+        mousePressedTimeoutRef.current = setTimeout(() => {
+            setPressedButton(pressed);
+        }, 180);
+    }, [handleDecrement, handleIncrement]);
+    return (jsxRuntime.jsx("li", { className: "tw-h-[50px] tw-self-stretch tw-bg-grey-800 tw-px-squid-xs", children: jsxRuntime.jsxs("div", { className: "tw-flex tw-items-center tw-justify-center tw-gap-squid-xs tw-rounded-squid-s tw-px-squid-xs tw-py-squid-xs tw-text-grey-500", children: [jsxRuntime.jsx(ArrowCornerDownRightIcon, {}), jsxRuntime.jsx("div", { className: "tw-flex tw-flex-1 tw-items-center tw-gap-squid-xxs tw-self-stretch", children: jsxRuntime.jsx(BodyText, { size: "small", className: "tw-leading-[0]", children: label }) }), jsxRuntime.jsxs("div", { className: cn('tw-relative tw-flex tw-h-squid-l tw-items-center tw-justify-center tw-gap-squid-xxs tw-rounded-squid-xs tw-text-grey-300'), children: [jsxRuntime.jsx("button", { onMouseDown: getMouseDownHandler('decrement'), onMouseUp: handleUpdateValue, onKeyDown: (event) => {
+                                if (event.key === 'Enter' || event.key === ' ') {
+                                    handleDecrement();
+                                }
+                            }, onKeyUp: (event) => {
+                                if (event.key === 'Enter' || event.key === ' ') {
+                                    handleUpdateValue();
+                                }
+                            }, onMouseLeave: handleUpdateValue, className: cn('tw-flex tw-h-full tw-items-center tw-justify-center tw-self-stretch tw-rounded-squid-xs tw-p-squid-xxs tw-text-left tw-text-caption !tw-font-medium tw-leading-[10px] placeholder-shown:tw-text-grey-600 hover:tw-bg-material-light-thin'), children: jsxRuntime.jsx(CircleMinusIcon, {}) }), jsxRuntime.jsxs("div", { className: "tw-relative", children: [jsxRuntime.jsx(Input, { step: 0.1, min: min, max: max, defaultValue: initialValue || '0', placeholder: "0", showIcon: false, type: "number", inputRef: inputRef, onChange: (event) => {
+                                        var _a;
+                                        if (!inputDecoratorRef.current || !inputRef.current)
+                                            return;
+                                        const value = event.target.value;
+                                        const isWithinRange = Number(value) <= max && Number(value) >= min;
+                                        const [integer = '', decimal = ''] = value.split('.');
+                                        const isInvalid = integer.length > 2 || decimal.length > 1;
+                                        // prevent updating input value if the value is invalid
+                                        if (!isWithinRange || isInvalid) {
+                                            event.preventDefault();
+                                            inputRef.current.value =
+                                                (_a = inputDecoratorRef.current.textContent) !== null && _a !== void 0 ? _a : '';
+                                            return;
+                                        }
+                                        onChange === null || onChange === void 0 ? void 0 : onChange(event.target.value);
+                                        updateInputAndDecorator(event.target.value);
+                                    }, className: "tw-max-w-[80px] tw-select-none" }), jsxRuntime.jsxs("div", { className: "tw-pointer-events-none tw-absolute tw-bottom-0 tw-left-squid-s tw-top-0 tw-flex tw-items-center tw-justify-center tw-text-body-small", children: [jsxRuntime.jsx("span", { className: "tw-opacity-0", ref: inputDecoratorRef, children: initialValue || '0' }), jsxRuntime.jsx("span", { className: "tw-text-grey-500", children: "%" })] })] }), jsxRuntime.jsx("button", { onMouseDown: getMouseDownHandler('increment'), onMouseUp: handleUpdateValue, onKeyDown: (event) => {
+                                if (event.key === 'Enter' || event.key === ' ') {
+                                    handleIncrement();
+                                }
+                            }, onKeyUp: (event) => {
+                                if (event.key === 'Enter' || event.key === ' ') {
+                                    handleUpdateValue();
+                                }
+                            }, onMouseLeave: handleUpdateValue, className: cn('tw-relative tw-flex tw-h-full tw-items-center tw-justify-center tw-self-stretch tw-rounded-squid-xs tw-p-squid-xxs tw-text-left tw-text-caption !tw-font-medium tw-leading-[10px] placeholder-shown:tw-text-grey-600 hover:tw-bg-material-light-thin'), children: jsxRuntime.jsx(CirclePlusIcon, {}) })] })] }) }));
+}
+
 function PlusIcon() {
     return (jsxRuntime.jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M12 17V12M12 12V7M12 12H17M12 12H7", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }));
 }
@@ -24668,12 +24815,31 @@ function FilterButton({ selected, numApplied = 0, onClick, }) {
 }
 
 function SettingsButton({ label, isSelected = false, onClick, }) {
-    return (jsxRuntime.jsx("button", { onClick: onClick, className: cn('tw-flex tw-h-[30px] tw-items-center tw-justify-center tw-self-stretch tw-rounded-squid-xs tw-border-2 tw-border-transparent tw-p-squid-xs hover:tw-bg-material-light-thin focus:tw-bg-material-light-thin', isSelected && 'tw-outline tw-outline-2 tw-outline-royal-500'), children: jsxRuntime.jsx(CaptionText, { className: "!tw-font-medium", children: label }) }));
+    return (jsxRuntime.jsx("button", { onClick: onClick, className: cn('tw-flex tw-h-[30px] tw-items-center tw-justify-center tw-self-stretch tw-rounded-squid-xs tw-border-2 tw-border-transparent tw-p-squid-xs -tw-outline-offset-2 hover:tw-bg-material-light-thin', isSelected && 'tw-outline tw-outline-2 tw-outline-royal-500'), children: jsxRuntime.jsx(CaptionText, { className: "!tw-font-medium", children: label }) }));
+}
+
+function ArrowRotate() {
+    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16", children: jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M3.333 2.667v2c0 .368.299.666.667.666h1.833m6.841 8v-2a.667.667 0 00-.666-.666h-2M2.667 8A5.333 5.333 0 008 13.333c1.757 0 3.353-.85 4.333-2.161m1-3.172A5.333 5.333 0 008 2.667c-1.758 0-3.354.85-4.333 2.161" }) }));
+}
+
+function PunkIcon({ size = '16' }) {
+    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.66667 1.33331H11.3333V2.66665H4.66667V1.33331ZM4.66667 3.99998V2.66665H3.33333V5.99998H2V9.99998H3.33333V14.6666H8V13.3333H11.3333V12H12.6667V5.33331H14.6667V3.99998H12.6667V2.66665H11.3333V3.99998H4.66667ZM7.33333 9.99998V10.6666H10V9.33331H7.34V8.66665H6V9.99998H7.33333ZM6.66667 5.99998H8.00667V7.33331H6.66667V5.99998ZM9.33333 5.99998H10.6733V7.33331H9.33333V5.99998Z", fill: "currentColor" }) }));
+}
+
+function BankIcon() {
+    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.59645 1.2195C8.22108 1.03181 7.77925 1.03181 7.40388 1.2195L2.07054 3.88617C1.61883 4.11202 1.3335 4.57371 1.3335 5.07874V5.33338C1.3335 6.06976 1.93045 6.66671 2.66683 6.66671V10.7564C2.30367 10.8969 2.01131 11.1933 1.88298 11.5783L1.66075 12.245C1.37296 13.1084 2.01559 14 2.92566 14H13.0758C13.9858 14 14.6285 13.1084 14.3407 12.245L14.1185 11.5783C13.99 11.1929 13.6972 10.8963 13.3335 10.7559V6.66671C14.0699 6.66671 14.6668 6.06976 14.6668 5.33338V5.07874C14.6668 4.57371 14.3815 4.11202 13.9298 3.88617L8.59645 1.2195ZM12.0002 6.66671H10.6668V10.6666H12.0002V6.66671ZM9.3335 10.6666V6.66671H6.66683V10.6666H9.3335ZM5.3335 10.6666V6.66671H4.00016V10.6666H5.3335Z", fill: "currentColor" }) }));
+}
+
+function DashboardFast({ size = '24', className, }) {
+    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, children: jsxRuntime.jsx("path", { d: "M15 10L12.25 15.5M19.5 16H4.5M21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
 }
 
 function EmptyHeartIcon({ className }) {
     return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", className: className, children: jsxRuntime.jsx("path", { d: "M21 10C21 15.75 12.75 20 12 20C11.25 20 3 15.75 3 10C3 6 5.5 4 8 4C10.5 4 12 5.5 12 5.5C12 5.5 13.5 4 16 4C18.5 4 21 6 21 10Z", stroke: "currentColor", strokeWidth: "2", strokeLinejoin: "round" }) }));
 }
+function FilledHeartIcon({ className }) {
+    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", className: className, children: jsxRuntime.jsx("path", { d: "M12.5836 3.8721C12.3615 3.99329 12.1665 4.11496 12 4.22818C11.8335 4.11496 11.6385 3.99329 11.4164 3.8721C10.6185 3.4369 9.45449 3 8 3C6.48169 3 4.96498 3.60857 3.83296 4.81606C2.69616 6.02865 2 7.78592 2 10C2 13.3448 4.37277 16.1023 6.58187 17.9272C7.71336 18.8619 8.86688 19.6065 9.7917 20.1203C10.2539 20.377 10.6687 20.5816 11.004 20.7253C11.1707 20.7967 11.3289 20.858 11.4705 20.9033C11.5784 20.9378 11.7841 21 12 21C12.2159 21 12.4216 20.9378 12.5295 20.9033C12.6711 20.858 12.8293 20.7967 12.996 20.7253C13.3313 20.5816 13.7461 20.377 14.2083 20.1203C15.1331 19.6065 16.2866 18.8619 17.4181 17.9272C19.6272 16.1023 22 13.3448 22 10C22 7.78592 21.3038 6.02865 20.167 4.81606C19.035 3.60857 17.5183 3 16 3C14.5455 3 13.3815 3.4369 12.5836 3.8721Z", fill: "currentColor" }) }));
+}
 function BrokenHeartIcon({ className }) {
     return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", className: className, children: jsxRuntime.jsx("path", { d: "M10.6056 3.56142C9.36475 2.98888 8.05693 2.86598 6.83124 3.13927C4.90318 3.56917 3.26845 4.96089 2.48959 6.90295C0.885443 10.9029 2.98361 16.5927 11.5115 21.3725C11.8153 21.5428 12.1857 21.5428 12.4894 21.3725C21.0173 16.5927 23.1154 10.9028 21.5112 6.90294C20.7324 4.96087 19.0977 3.56916 17.1696 3.13926C15.8029 2.83454 14.3342 3.02239 12.9699 3.77687C11.8874 4.94224 11.1058 6.64664 11.0099 8.59567L14.1441 11.7299L12.9487 15.3162C12.774 15.8401 12.2077 16.1233 11.6838 15.9486C11.1598 15.774 10.8767 15.2077 11.0513 14.6837L11.8559 12.2701L9 9.41418V8.99996C9 6.98104 9.60494 5.08074 10.6056 3.56142Z", fill: "currentColor" }) }));
 }
@@ -24681,10 +24847,78 @@ function HeartSmallIcon() {
     return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: jsxRuntime.jsx("path", { d: "M5.3335 2C4.32129 2 3.31015 2.40571 2.55547 3.21071C1.7976 4.0191 1.3335 5.19061 1.3335 6.66667C1.3335 8.89651 2.91535 10.7349 4.38808 11.9515C5.1424 12.5746 5.91141 13.071 6.52796 13.4135C6.83611 13.5847 7.11265 13.7211 7.33618 13.8169C7.44729 13.8645 7.55279 13.9053 7.64713 13.9355C7.71907 13.9585 7.85623 14 8.00016 14C8.1441 14 8.28125 13.9585 8.3532 13.9355C8.44754 13.9053 8.55304 13.8645 8.66414 13.8169C8.88767 13.7211 9.16422 13.5847 9.47236 13.4135C10.0889 13.071 10.8579 12.5746 11.6123 11.9515C13.085 10.7349 14.6668 8.89651 14.6668 6.66667C14.6668 5.19061 14.2027 4.0191 13.4449 3.21071C12.6902 2.40571 11.679 2 10.6668 2C9.69717 2 8.92118 2.29127 8.38926 2.5814C8.24115 2.66219 8.11116 2.7433 8.00016 2.81879C7.88917 2.7433 7.75918 2.66219 7.61106 2.5814C7.07915 2.29127 6.30316 2 5.3335 2Z", fill: "currentColor" }) }));
 }
 
+function HomeIcon({ className }) {
+    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "19", fill: "none", viewBox: "0 0 18 19", className: className, children: jsxRuntime.jsx("path", { fill: "currentColor", fillOpacity: "0.66", d: "M11.335 1.697a4 4 0 00-4.67 0l-5 3.593A4 4 0 000 8.538V15a4 4 0 004 4h1.5a1 1 0 001-1v-3.5a2.5 2.5 0 015 0V18a1 1 0 001 1H14a4 4 0 004-4V8.538a4 4 0 00-1.666-3.248l-5-3.593z" }) }));
+}
+
+function ImageSparkle() {
+    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16", children: [jsxRuntime.jsxs("mask", { id: "path-1-inside-1_1967_138", fill: "#fff", children: [jsxRuntime.jsx("path", { d: "M9.05 5.567l.319-.637a.333.333 0 01.596 0l.319.637a.334.334 0 00.149.15l.637.318a.333.333 0 010 .596l-.637.32a.334.334 0 00-.15.148l-.318.638a.333.333 0 01-.596 0l-.32-.638a.333.333 0 00-.148-.149l-.638-.319a.333.333 0 010-.596l.638-.319a.333.333 0 00.149-.149z" }), jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M2 4.667A2.667 2.667 0 014.667 2h6.666A2.667 2.667 0 0114 4.667v6.666A2.667 2.667 0 0111.333 14H4.667A2.667 2.667 0 012 11.333V4.667zm2.667-1.334c-.737 0-1.334.597-1.334 1.334v4.39l.115-.114a2.667 2.667 0 013.771 0l3.724 3.724h.39c.737 0 1.334-.597 1.334-1.334V4.667c0-.737-.597-1.334-1.334-1.334H4.667zm4.39 9.334l-2.78-2.781a1.333 1.333 0 00-1.886 0l-1.058 1.057v.39c0 .737.597 1.334 1.334 1.334h4.39z", clipRule: "evenodd" })] }), jsxRuntime.jsx("path", { fill: "currentColor", d: "M9.369 4.93l-1.342-.671 1.342.67zm-.32.637l-1.34-.67 1.34.67zm-.148.15L8.23 4.374l.67 1.341zm-.638.318l.67 1.342-.67-1.342zm0 .596l-.67 1.342.67-1.342zm.638.32L8.23 8.291 8.9 6.95zm.149.148l-1.342.671L9.05 7.1zm.319.638l1.341-.67-1.341.67zm.596 0l1.341.67-1.341-.67zm.319-.638l-1.342-.67 1.342.67zm0-1.532l1.341-.67-1.341.67zm-.32-.637l-1.34.67 1.34-.67zm-6.63 4.127h-1.5a1.5 1.5 0 002.56 1.06l-1.06-1.06zm.114-.114l1.06 1.06-1.06-1.06zm7.495 3.724l-1.06 1.06a1.5 1.5 0 001.06.44v-1.5zM6.276 9.886l1.06-1.061-1.06 1.06zm2.781 2.78v1.5a1.5 1.5 0 001.06-2.56l-1.06 1.06zm-4.666-2.78L3.33 8.825l1.06 1.06zm-1.058 1.057l-1.06-1.06a1.5 1.5 0 00-.44 1.06h1.5zm4.694-6.684l-.319.637 2.683 1.342.32-.638L8.026 4.26zm.203.116l-.638.319 1.342 2.683.637-.319L8.23 4.375zm-.638 3.598l.638.319L9.57 5.609l-.637-.32-1.342 2.684zm.116-.203l.319.638 2.683-1.342-.319-.637L7.708 7.77zm3.598.638l.32-.638L8.941 6.43l-.319.637 2.684 1.342zm-.202-.116l.637-.319L10.4 5.29l-.638.319 1.341 2.683zm.637-3.598l-.637-.32-1.342 2.684.638.319 1.341-2.683zm-.116.202l-.319-.637L8.623 5.6l.319.638 2.683-1.342zm-.521-.521c.225.113.408.296.521.521L8.942 6.238c.177.355.465.643.82.82l1.341-2.683zm.637 3.598c1.351-.676 1.351-2.604 0-3.28L10.4 7.378a1.167 1.167 0 010-2.087l1.341 2.683zm-.116-.203a1.167 1.167 0 01-.521.522L9.761 5.609a1.833 1.833 0 00-.82.82l2.683 1.341zm-3.598.638c.676 1.351 2.604 1.351 3.28 0L8.622 7.066c.43-.86 1.657-.86 2.087 0L8.027 8.408zm.203-.116a1.167 1.167 0 01-.522-.522l2.683-1.341a1.833 1.833 0 00-.82-.82L8.23 8.292zm-.638-3.598c-1.351.675-1.351 2.603 0 3.28L8.934 5.29c.86.43.86 1.657 0 2.087L7.592 4.694zm.116.202c.113-.225.296-.408.522-.521L9.57 7.058c.355-.177.643-.465.82-.82L7.708 4.896zm3.002.704c-.43.86-1.657.86-2.087 0l2.683-1.341c-.675-1.351-2.603-1.351-3.28 0L10.71 5.6zM4.667.5A4.167 4.167 0 00.5 4.667h3c0-.645.522-1.167 1.167-1.167v-3zm6.666 0H4.667v3h6.666v-3zM15.5 4.667A4.167 4.167 0 0011.333.5v3c.645 0 1.167.522 1.167 1.167h3zm0 6.666V4.667h-3v6.666h3zM11.333 15.5a4.167 4.167 0 004.167-4.167h-3c0 .645-.522 1.167-1.167 1.167v3zm-6.666 0h6.666v-3H4.667v3zM.5 11.333A4.167 4.167 0 004.667 15.5v-3A1.167 1.167 0 013.5 11.333h-3zm0-6.666v6.666h3V4.667h-3zm4.333 0a.167.167 0 01-.166.166v-3a2.833 2.833 0 00-2.834 2.834h3zm0 4.39v-4.39h-3v4.39h3zM2.387 7.882l-.114.115 2.121 2.12.114-.114-2.12-2.12zm5.893 0a4.167 4.167 0 00-5.893 0l2.121 2.122a1.167 1.167 0 011.65 0L8.28 7.882zm3.724 3.724L8.28 7.882l-2.122 2.122 3.724 3.723 2.122-2.121zm-.67-.44h-.391v3h.39v-3zm-.167.167c0-.092.074-.166.166-.166v3a2.833 2.833 0 002.834-2.834h-3zm0-6.666v6.666h3V4.667h-3zm.166.166a.167.167 0 01-.166-.166h3a2.833 2.833 0 00-2.834-2.834v3zm-6.666 0h6.666v-3H4.667v3zm.548 6.113l2.782 2.781 2.12-2.121-2.78-2.781-2.122 2.121zm.236 0a.167.167 0 01-.236 0l2.122-2.121a2.833 2.833 0 00-4.007 0l2.121 2.121zm-1.057 1.058l1.057-1.058L3.33 8.825 2.273 9.882l2.121 2.122zm.44-.67v-.391h-3v.39h3zm-.167-.167c.092 0 .166.074.166.166h-3a2.833 2.833 0 002.834 2.834v-3zm4.39 0h-4.39v3h4.39v-3z", mask: "url(#path-1-inside-1_1967_138)" })] }));
+}
+
+function InfinityIcon({ size = '24', className, }) {
+    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, children: jsxRuntime.jsx("path", { d: "M12 12L15.2218 15.182C17.0012 16.9393 19.8861 16.9393 21.6655 15.182C23.4448 13.4246 23.4448 10.5754 21.6655 8.81802C19.8861 7.06066 17.0012 7.06066 15.2218 8.81802L12 12ZM12 12L8.77817 8.81802C6.99881 7.06066 4.11389 7.06066 2.33452 8.81802C0.555159 10.5754 0.555159 13.4246 2.33452 15.182C4.11389 16.9393 6.99881 16.9393 8.77817 15.182L12 12Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "square" }) }));
+}
+
+function LightningIcon({ size = '24', className = '', }) {
+    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, children: jsxRuntime.jsx("path", { d: "M4.11178 12.2764L8.61178 3.27639C8.69648 3.107 8.86961 3 9.05899 3H17.1169C17.5055 3 17.7456 3.42399 17.5456 3.75725L15.4543 7.24275C15.2544 7.57602 15.4944 8 15.8831 8H20.6868C21.1463 8 21.3625 8.56776 21.0193 8.87338L7.37702 21.0236C6.99619 21.3628 6.41153 20.981 6.56886 20.4959L8.78779 13.6543C8.89255 13.3312 8.65175 13 8.31218 13H4.55899C4.1873 13 3.94556 12.6088 4.11178 12.2764Z", stroke: "currentColor", strokeWidth: "2.25", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+}
+
+function LinkIcon(props) {
+    return (jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, props, { children: jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M9 9V5.25A2.25 2.25 0 0111.25 3h7.5A2.25 2.25 0 0121 5.25v7.5A2.25 2.25 0 0118.75 15H15m-2.25-6h-7.5A2.25 2.25 0 003 11.25v7.5A2.25 2.25 0 005.25 21h7.5A2.25 2.25 0 0015 18.75v-7.5A2.25 2.25 0 0012.75 9z" }) })));
+}
+
+function MaxIcon() {
+    return (jsxRuntime.jsxs("svg", { width: "20", height: "21", viewBox: "0 0 20 21", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("g", { clipPath: "url(#clip0_41_20801)", children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20 10.5C20 16.0228 15.5228 20.5 10 20.5C4.47715 20.5 0 16.0228 0 10.5C0 4.97715 4.47715 0.5 10 0.5C15.5228 0.5 20 4.97715 20 10.5ZM10.6508 4.74074L14.1508 7.74074C14.5701 8.10017 14.6187 8.73147 14.2593 9.15079C13.8998 9.57012 13.2685 9.61868 12.8492 9.25926L10 6.81708L7.15079 9.25926C6.73147 9.61868 6.10017 9.57012 5.74074 9.15079C5.38132 8.73147 5.42988 8.10017 5.84921 7.74074L9.34921 4.74074C9.7237 4.41975 10.2763 4.41975 10.6508 4.74074ZM14.1508 13.7407L10.6508 10.7407C10.2763 10.4198 9.7237 10.4198 9.34921 10.7407L5.84921 13.7407C5.42988 14.1002 5.38132 14.7315 5.74074 15.1508C6.10017 15.5701 6.73147 15.6187 7.15079 15.2593L10 12.8171L12.8492 15.2593C13.2685 15.6187 13.8998 15.5701 14.2593 15.1508C14.6187 14.7315 14.5701 14.1002 14.1508 13.7407Z", fill: "currentColor" }) }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "clip0_41_20801", children: jsxRuntime.jsx("rect", { width: "20", height: "20", fill: "white", transform: "translate(0 0.5)" }) }) })] }));
+}
+
+function PercentIcon({ size = '24', className, }) {
+    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, children: [jsxRuntime.jsx("path", { d: "M15.5 8.5L8.5 15.5M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M9 9.875C9.48325 9.875 9.875 9.48325 9.875 9C9.875 8.51675 9.48325 8.125 9 8.125C8.51675 8.125 8.125 8.51675 8.125 9C8.125 9.48325 8.51675 9.875 9 9.875Z", fill: "currentColor", stroke: "currentColor", strokeWidth: "0.75", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M15 15.875C15.4832 15.875 15.875 15.4832 15.875 15C15.875 14.5168 15.4832 14.125 15 14.125C14.5168 14.125 14.125 14.5168 14.125 15C14.125 15.4832 14.5168 15.875 15 15.875Z", fill: "currentColor", stroke: "currentColor", strokeWidth: "0.75", strokeLinecap: "round", strokeLinejoin: "round" })] }));
+}
+function PathSquareIcon({ size = '24', className, }) {
+    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: className, children: [jsxRuntime.jsx("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), jsxRuntime.jsx("path", { d: "M3 17h4v4h-4z" }), jsxRuntime.jsx("path", { d: "M17 3h4v4h-4z" }), jsxRuntime.jsx("path", { d: "M11 19h5.5a3.5 3.5 0 0 0 0 -7h-8a3.5 3.5 0 0 1 0 -7h4.5" })] }));
+}
+
+function XSocial({ className, size = '24', }) {
+    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, children: jsxRuntime.jsx("path", { d: "M17.4033 3.5H20.2852L13.989 10.701L21.396 20.5H15.5964L11.054 14.557L5.85637 20.5H2.97269L9.70709 12.7977L2.60156 3.5H8.54839L12.6544 8.93215L17.4033 3.5ZM16.3918 18.7738H17.9887L7.68067 5.13549H5.96702L16.3918 18.7738Z", fill: "currentColor" }) }));
+}
+
+function SortIcon() {
+    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: jsxRuntime.jsx("path", { d: "M3 5H21M9 19H15M6 12H18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }));
+}
+
+function SparklesIcon() {
+    return (jsxRuntime.jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M8 16C8 16.5523 8.44772 17 9 17C9.55228 17 10 16.5523 10 16C10 13.6915 10.5108 12.2576 11.3842 11.3842C12.2576 10.5108 13.6915 10 16 10C16.5523 10 17 9.55228 17 9C17 8.44772 16.5523 8 16 8C13.6915 8 12.2576 7.48919 11.3842 6.61581C10.5108 5.74243 10 4.30849 10 2C10 1.44772 9.55228 1 9 1C8.44772 1 8 1.44772 8 2C8 4.30849 7.48919 5.74243 6.61581 6.61581C5.74243 7.48919 4.30849 8 2 8C1.44772 8 1 8.44772 1 9C1 9.55228 1.44772 10 2 10C4.30849 10 5.74243 10.5108 6.61581 11.3842C7.48919 12.2576 8 13.6915 8 16Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M16.5 22C16.5 22.5523 16.9477 23 17.5 23C18.0523 23 18.5 22.5523 18.5 22C18.5 20.5596 18.8198 19.7506 19.2852 19.2852C19.7506 18.8198 20.5596 18.5 22 18.5C22.5523 18.5 23 18.0523 23 17.5C23 16.9477 22.5523 16.5 22 16.5C20.5596 16.5 19.7506 16.1802 19.2852 15.7148C18.8198 15.2494 18.5 14.4404 18.5 13C18.5 12.4477 18.0523 12 17.5 12C16.9477 12 16.5 12.4477 16.5 13C16.5 14.4404 16.1802 15.2494 15.7148 15.7148C15.2494 16.1802 14.4404 16.5 13 16.5C12.4477 16.5 12 16.9477 12 17.5C12 18.0523 12.4477 18.5 13 18.5C14.4404 18.5 15.2494 18.8198 15.7148 19.2852C16.1802 19.7506 16.5 20.5596 16.5 22Z", fill: "currentColor" })] }));
+}
 function SparkleIcon() {
     return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: jsxRuntime.jsx("path", { d: "M1.3335 8.66671C3.56693 8.66671 5.02289 9.16003 5.93154 10.0687C6.84018 10.9773 7.3335 12.4333 7.3335 14.6667H8.66683C8.66683 12.4333 9.16015 10.9773 10.0688 10.0687C10.9774 9.16003 12.4334 8.66671 14.6668 8.66671V7.33337C12.4334 7.33337 10.9774 6.84006 10.0688 5.93141C9.16015 5.02277 8.66683 3.56681 8.66683 1.33337H7.3335C7.3335 3.56681 6.84018 5.02277 5.93154 5.93141C5.02289 6.84006 3.56693 7.33337 1.3335 7.33337V8.66671Z", fill: "currentColor" }) }));
 }
 
+function SquareArrowCenter() {
+    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16", children: jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M13.333 8.667v-2.8c0-1.12 0-1.68-.218-2.108a2 2 0 00-.874-.874c-.428-.218-.988-.218-2.108-.218H5.867c-1.12 0-1.68 0-2.108.218a2 2 0 00-.875.874c-.217.427-.217.988-.217 2.108v4.266c0 1.12 0 1.68.217 2.108a2 2 0 00.875.874c.427.218.987.218 2.108.218h2.8m-2-3.333V6.667m0 0H10m-3.333 0L12 12" }) }));
+}
+
+function DockSwapIcon() {
+    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "109", height: "97", viewBox: "0 0 109 97", fill: "none", children: [jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M86.583 38.2026L74.1503 46.5176L76.3594 59.0461C76.8599 61.8841 74.9675 64.5899 72.1328 65.0897L45.9791 69.7013C43.1444 70.2012 40.4407 68.3057 39.9403 65.4678L37.877 53.7659C37.4215 53.9046 36.9526 54.0173 36.4719 54.1021C35.9911 54.1868 35.512 54.2413 35.0365 54.2667C29.1466 54.5821 23.8123 50.4521 22.761 44.4898C21.7097 38.5276 25.3097 32.8223 30.9523 31.1041C31.4078 30.9654 31.8767 30.8527 32.3574 30.7679C32.8382 30.6832 33.3173 30.6287 33.7928 30.6033L33.2898 27.7506C33.1609 27.02 33.1907 26.2982 33.3543 25.6205C33.8261 23.6657 35.4114 22.0781 37.5164 21.7069L63.6701 17.0953C65.9953 16.6853 68.2323 17.8869 69.2375 19.8984C69.4578 20.3391 69.6189 20.8188 69.7089 21.3289L70.3823 25.1479L75.5576 21.6867L86.583 38.2026ZM73.4404 17.157C71.3616 13.5251 67.1639 11.4021 62.8019 12.1713L36.6481 16.7829C31.7109 17.6535 28.2388 21.9336 28.209 26.7694C20.9235 29.649 16.4239 37.3441 17.837 45.3581C19.2398 53.3139 26.0109 58.9814 33.7708 59.2728L35.0163 66.336C35.9953 71.8881 41.2878 75.6057 46.8473 74.6254L73.0011 70.0138C78.5606 69.0335 82.2625 63.7299 81.2835 58.1779L79.6406 48.8608L89.3626 42.3588C91.6566 40.8246 92.2738 37.7219 90.7415 35.4265L79.7161 18.9106C78.9794 17.8071 77.8344 17.0416 76.533 16.7828C75.4822 16.5737 74.3992 16.7089 73.4404 17.157Z", stroke: "#17191C", strokeOpacity: "0.66", strokeLinecap: "round", strokeLinejoin: "round", strokeDasharray: "4 6" }), jsxRuntime.jsxs("g", { filter: "url(#filter0_dd_2301_42796)", children: [jsxRuntime.jsx("path", { d: "M63.6698 17.0953L37.5161 21.7069C34.6814 22.2068 32.7891 24.9126 33.2895 27.7506L33.7925 30.6033C33.317 30.6287 32.8379 30.6831 32.3571 30.7679C25.921 31.9028 21.6246 38.0463 22.7607 44.4898C23.8969 50.9334 30.0355 55.2369 36.4716 54.1021C36.9523 54.0173 37.4212 53.9046 37.8767 53.7659L39.94 65.4678C40.4405 68.3057 43.1441 70.2012 45.9788 69.7013L72.1325 65.0897C74.9672 64.5899 76.8596 61.8841 76.3592 59.0461L74.15 46.5175L86.5827 38.2026L75.5573 21.6867L70.382 25.1479L69.7086 21.3289C69.2082 18.4909 66.5045 16.5955 63.6698 17.0953Z", fill: "#E4FE53" }), jsxRuntime.jsx("path", { d: "M71.4598 22.6225L71.1858 21.0684C70.5418 17.4162 67.0615 14.9741 63.4094 15.6181L37.2556 20.2297C33.6035 20.8737 31.1683 24.3588 31.8123 28.0111L32.0397 29.3009C24.8178 30.606 20.0071 37.5115 21.2835 44.7503C22.5599 51.9891 29.4423 56.8328 36.675 55.5892L38.4628 65.7282C39.1068 69.3804 42.5871 71.8225 46.2393 71.1785L72.393 66.5669C76.0452 65.923 78.4803 62.4378 77.8364 58.7856L75.7971 47.2205L87.4166 39.4495C88.1048 38.9892 88.29 38.0584 87.8303 37.3698L76.8049 20.8538C76.5838 20.5228 76.2403 20.2932 75.8499 20.2155C75.4595 20.1378 75.0543 20.2185 74.7234 20.4398L71.4598 22.6225Z", stroke: "#FBFBFD", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" })] }), jsxRuntime.jsx("path", { d: "M63.6697 17.0953L37.516 21.7069C34.6813 22.2068 32.789 24.9126 33.2894 27.7506L39.9399 65.4678C40.4403 68.3057 43.144 70.2012 45.9787 69.7013L72.1324 65.0897C74.9671 64.5899 76.8595 61.8841 76.359 59.0461L69.7085 21.3289C69.2081 18.4909 66.5044 16.5955 63.6697 17.0953Z", fill: "#E4FE53", stroke: "#292C32", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M49.0879 48.2686L62.4927 45.905", stroke: "#292C32", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M59.0981 43.5195L62.4993 45.908L60.1035 49.3081", stroke: "#292C32", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M59.3135 27.8751L45.9087 30.2387", stroke: "#292C32", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M49.3038 32.6307L45.9015 30.2358L48.2985 26.8421", stroke: "#292C32", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M65.9351 53.5151L47.856 56.7029C45.8232 57.0613 44.4662 59.0017 44.8251 61.0369C45.1839 63.0721 47.1228 64.4313 49.1556 64.0729L67.2346 60.8851C69.2674 60.5266 70.6244 58.5862 70.2656 56.5511C69.9067 54.5159 67.9679 53.1566 65.9351 53.5151Z", fill: "#E4FE53", stroke: "#292C32", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M36.4438 54.1219C42.8956 52.998 47.2174 46.8545 46.0969 40.4C44.9764 33.9455 38.8378 29.6242 32.3861 30.7481C25.9343 31.872 21.6125 38.0155 22.733 44.47C23.8535 50.9245 29.992 55.2458 36.4438 54.1219Z", fill: "#E4FE53", stroke: "#292C32", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M32.9659 47.642C34.5412 49.3003 37.1165 49.6718 39.1334 48.4109C41.1503 47.15 41.881 44.8381 41.2175 42.7504", fill: "#E4FE53" }), jsxRuntime.jsx("path", { d: "M32.9659 47.642C34.5412 49.3003 37.1165 49.6718 39.1334 48.4109C41.1503 47.15 41.881 44.8381 41.2175 42.7504", stroke: "#292C32", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M31.9918 43.5313C32.4376 44.019 33.1761 44.1463 33.7658 43.7931C34.3555 43.4399 34.5834 42.7816 34.4061 42.1745", fill: "#E4FE53" }), jsxRuntime.jsx("path", { d: "M31.9918 43.5313C32.4376 44.019 33.1761 44.1463 33.7658 43.7931C34.3555 43.4399 34.5834 42.7816 34.4061 42.1745", stroke: "#292C32", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M36.0201 41.2762C36.466 41.7639 37.2044 41.8912 37.7941 41.538C38.3838 41.1848 38.6117 40.5264 38.4345 39.9193", fill: "#E4FE53" }), jsxRuntime.jsx("path", { d: "M36.0201 41.2762C36.466 41.7639 37.2044 41.8912 37.7941 41.538C38.3838 41.1848 38.6117 40.5264 38.4345 39.9193", stroke: "#292C32", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M41.8629 42.4827C41.3973 42.685 40.8832 42.7882 40.3758 42.7691L41.8629 42.4827Z", fill: "#E4FE53" }), jsxRuntime.jsx("path", { d: "M41.8629 42.4827C41.3973 42.685 40.8832 42.7882 40.3758 42.7691", stroke: "#292C32", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M75.5571 21.6867L59.0635 32.7176L70.0889 49.2335L86.5826 38.2026L75.5571 21.6867Z", fill: "#E4FE53", stroke: "#292C32", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M70.0809 39.6499C71.752 41.2152 74.3411 41.4418 76.2787 40.0701C78.1452 38.7438 78.8145 36.3489 78.0321 34.2995", fill: "#E4FE53" }), jsxRuntime.jsx("path", { d: "M70.0809 39.6499C71.752 41.2152 74.3411 41.4418 76.2787 40.0701C78.1452 38.7438 78.8145 36.3489 78.0321 34.2995", stroke: "#292C32", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M68.8746 35.6008C69.3493 36.0645 70.0939 36.1519 70.6639 35.7628C71.2339 35.3736 71.4199 34.7025 71.2115 34.1067", fill: "#E4FE53" }), jsxRuntime.jsx("path", { d: "M68.8746 35.6008C69.3493 36.0645 70.0939 36.1519 70.6639 35.7628C71.2339 35.3736 71.4199 34.7025 71.2115 34.1067", stroke: "#292C32", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M72.7643 33.1202C73.2389 33.584 73.9835 33.6714 74.5535 33.2822C75.1236 32.8931 75.3096 32.2219 75.1012 31.6262", fill: "#E4FE53" }), jsxRuntime.jsx("path", { d: "M72.7643 33.1202C73.2389 33.584 73.9835 33.6714 74.5535 33.2822C75.1236 32.8931 75.3096 32.2219 75.1012 31.6262", stroke: "#292C32", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M78.6652 33.9882C78.2124 34.2203 77.7092 34.3483 77.1992 34.3577L78.6652 33.9882Z", fill: "#E4FE53" }), jsxRuntime.jsx("path", { d: "M78.6652 33.9882C78.2124 34.2203 77.7092 34.3483 77.1992 34.3577", stroke: "#292C32", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("filter", { id: "filter0_dd_2301_42796", x: "0.578125", y: "0.0148315", width: "108.005", height: "96.767", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [jsxRuntime.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feMorphology", { radius: "1", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_2301_42796" }), jsxRuntime.jsx("feOffset", { dy: "5" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "10" }), jsxRuntime.jsx("feComposite", { in2: "hardAlpha", operator: "out" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), jsxRuntime.jsx("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_2301_42796" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feOffset", { dy: "1" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "2.5" }), jsxRuntime.jsx("feComposite", { in2: "hardAlpha", operator: "out" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), jsxRuntime.jsx("feBlend", { mode: "normal", in2: "effect1_dropShadow_2301_42796", result: "effect2_dropShadow_2301_42796" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_2301_42796", result: "shape" })] }) })] }));
+}
+
+function SwapSuccessIcon() {
+    return (jsxRuntime.jsxs("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24Z", fill: "currentColor", className: "tw-text-grey-900" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4ZM31.5479 20.2665C32.2474 19.4116 32.1214 18.1516 31.2665 17.4521C30.4116 16.7527 29.1515 16.8787 28.4521 17.7336L20.8515 27.0232L18.4142 24.5858C17.6332 23.8048 16.3668 23.8048 15.5858 24.5858C14.8047 25.3669 14.8047 26.6332 15.5858 27.4143L19.5858 31.4143C19.9853 31.8138 20.5353 32.0257 21.0996 31.9976C21.664 31.9694 22.1901 31.7039 22.5479 31.2665L31.5479 20.2665Z", className: "tw-text-status-positive", fill: "currentColor" }), jsxRuntime.jsx("g", { filter: "url(#filter0_b_457_52170)", children: jsxRuntime.jsx("circle", { cx: "24", cy: "24", r: "20.5", stroke: "currentColor", className: "tw-text-material-light-average" }) }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("filter", { id: "filter0_b_457_52170", x: "-17", y: "-17", width: "82", height: "82", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [jsxRuntime.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), jsxRuntime.jsx("feGaussianBlur", { in: "BackgroundImageFix", stdDeviation: "10" }), jsxRuntime.jsx("feComposite", { in2: "SourceAlpha", operator: "in", result: "effect1_backgroundBlur_457_52170" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_backgroundBlur_457_52170", result: "shape" })] }) })] }));
+}
+function SwapErrorIcon() {
+    return (jsxRuntime.jsxs("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24Z", className: "tw-text-grey-900", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44ZM31.0683 28.9289C27.163 25.0237 20.8314 25.0237 16.9261 28.9289C16.1451 29.71 16.1451 30.9763 16.9261 31.7574C17.7072 32.5384 18.9735 32.5384 19.7545 31.7574C22.0977 29.4142 25.8967 29.4142 28.2398 31.7574C29.0209 32.5384 30.2872 32.5384 31.0683 31.7574C31.8493 30.9763 31.8493 29.71 31.0683 28.9289ZM21 19C21 20.6569 19.8807 22 18.5 22C17.1193 22 16 20.6569 16 19C16 17.3431 17.1193 16 18.5 16C19.8807 16 21 17.3431 21 19ZM29.5 22C30.8807 22 32 20.6569 32 19C32 17.3431 30.8807 16 29.5 16C28.1193 16 27 17.3431 27 19C27 20.6569 28.1193 22 29.5 22Z", className: "tw-text-status-negative", fill: "currentColor" }), jsxRuntime.jsx("g", { filter: "url(#filter0_b_457_52502)", children: jsxRuntime.jsx("circle", { cx: "24", cy: "24", r: "20.5", stroke: "currentColor", className: "tw-text-material-light-average", strokeOpacity: "0.33" }) }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("filter", { id: "filter0_b_457_52502", x: "-17", y: "-17", width: "82", height: "82", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [jsxRuntime.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), jsxRuntime.jsx("feGaussianBlur", { in: "BackgroundImageFix", stdDeviation: "10" }), jsxRuntime.jsx("feComposite", { in2: "SourceAlpha", operator: "in", result: "effect1_backgroundBlur_457_52502" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_backgroundBlur_457_52502", result: "shape" })] }) })] }));
+}
+function SwapWarningIcon() {
+    return (jsxRuntime.jsxs("svg", { width: "42", height: "42", viewBox: "0 0 42 42", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M1 21C1 9.95431 9.95431 1 21 1C32.0457 1 41 9.95431 41 21C41 32.0457 32.0457 41 21 41C9.95431 41 1 32.0457 1 21Z", fill: "currentColor", className: "tw-text-grey-900" }), jsxRuntime.jsx("g", { filter: "url(#filter0_b_588_15630)", children: jsxRuntime.jsx("circle", { cx: "21", cy: "21", r: "20.5", stroke: "currentColor", className: "tw-text-material-light-average" }) }), jsxRuntime.jsxs("g", { "clip-path": "url(#clip0_588_15630)", children: [jsxRuntime.jsx("path", { d: "M1 21C1 9.95431 9.95431 1 21 1C32.0457 1 41 9.95431 41 21C41 32.0457 32.0457 41 21 41C9.95431 41 1 32.0457 1 21Z", fill: "currentColor", className: "tw-text-grey-900" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M41 21C41 32.0457 32.0457 41 21 41C9.9543 41 1 32.0457 1 21C1 9.9543 9.9543 1 21 1C32.0457 1 41 9.9543 41 21ZM15.5 19C16.8807 19 18 17.6569 18 16C18 14.3431 16.8807 13 15.5 13C14.1193 13 13 14.3431 13 16C13 17.6569 14.1193 19 15.5 19ZM29 16C29 17.6569 27.8807 19 26.5 19C25.1193 19 24 17.6569 24 16C24 14.3431 25.1193 13 26.5 13C27.8807 13 29 14.3431 29 16ZM15 27C13.8954 27 13 27.8954 13 29C13 30.1046 13.8954 31 15 31H27C28.1046 31 29 30.1046 29 29C29 27.8954 28.1046 27 27 27H15Z", fill: "currentColor", className: "tw-text-status-partial" })] }), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsxs("filter", { id: "filter0_b_588_15630", x: "-20", y: "-20", width: "82", height: "82", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [jsxRuntime.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), jsxRuntime.jsx("feGaussianBlur", { in: "BackgroundImageFix", stdDeviation: "10" }), jsxRuntime.jsx("feComposite", { in2: "SourceAlpha", operator: "in", result: "effect1_backgroundBlur_588_15630" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_backgroundBlur_588_15630", result: "shape" })] }), jsxRuntime.jsx("clipPath", { id: "clip0_588_15630", children: jsxRuntime.jsx("path", { d: "M1 21C1 9.95431 9.95431 1 21 1C32.0457 1 41 9.95431 41 21C41 32.0457 32.0457 41 21 41C9.95431 41 1 32.0457 1 21Z", fill: "white" }) })] })] }));
+}
+
+function TradingViewStepsIcon({ size = '24', className, }) {
+    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.5 3C10.0523 3 10.5 3.44772 10.5 4V12C10.5 12.5523 10.0523 13 9.5 13C8.94772 13 8.5 12.5523 8.5 12V4C8.5 3.44772 8.94772 3 9.5 3ZM4 7C4.55228 7 5 7.44772 5 8V16C5 16.5523 4.55228 17 4 17C3.44772 17 3 16.5523 3 16V8C3 7.44772 3.44772 7 4 7ZM20 7C20.5523 7 21 7.44772 21 8V16C21 16.5523 20.5523 17 20 17C19.4477 17 19 16.5523 19 16V8C19 7.44772 19.4477 7 20 7ZM14.5 11C15.0523 11 15.5 11.4477 15.5 12V20C15.5 20.5523 15.0523 21 14.5 21C13.9477 21 13.5 20.5523 13.5 20V12C13.5 11.4477 13.9477 11 14.5 11Z", fill: "currentColor" }) }));
+}
+
+function TriangleExclamation() {
+    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.27146 2.30512C7.04321 0.982115 8.95481 0.982112 9.72657 2.30512L14.4052 10.3256C15.183 11.6589 14.2212 13.3334 12.6776 13.3334H3.3204C1.77682 13.3334 0.81507 11.6589 1.59284 10.3256L6.27146 2.30512ZM7.99967 5.33337C8.36786 5.33337 8.66634 5.63185 8.66634 6.00004V8.00004C8.66634 8.36823 8.36786 8.66671 7.99967 8.66671C7.63148 8.66671 7.33301 8.36823 7.33301 8.00004V6.00004C7.33301 5.63185 7.63148 5.33337 7.99967 5.33337ZM7.16634 10C7.16634 9.5398 7.53944 9.16671 7.99967 9.16671C8.45991 9.16671 8.83301 9.5398 8.83301 10C8.83301 10.4603 8.45991 10.8334 7.99967 10.8334C7.53944 10.8334 7.16634 10.4603 7.16634 10Z", fill: "currentColor" }) }));
+}
+
 function AssetsView({ chains, favoriteTokens, popularTokens, userTokens, }) {
     const matchesMobileLg = useMediaQuery(MEDIA_QUERIES.MOBILE_LG.media);
     return (jsxRuntime.jsxs(ProductCard, { children: [jsxRuntime.jsx(NavigationBar, { displayBackButton: true }), jsxRuntime.jsx("div", { className: "tw-max-h-[60px] tw-px-squid-m tw-py-squid-xs", children: jsxRuntime.jsx(Input, {}) }), jsxRuntime.jsx(BorderedContainer, { children: jsxRuntime.jsxs("div", { className: cn('tw-grid', matchesMobileLg
@@ -24797,14 +25031,6 @@ function MainView({ isLoading }) {
                 } }), jsxRuntime.jsx("div", { className: "tw-h-full tw-max-h-[80px] tw-px-squid-m tw-pb-squid-m", children: jsxRuntime.jsx(Button$1, { variant: isLoading ? 'tertiary' : 'primary', size: "lg", label: "Swap", isLoading: isLoading }) })] }));
 }
 
-function PunkIcon({ size = '16' }) {
-    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.66667 1.33331H11.3333V2.66665H4.66667V1.33331ZM4.66667 3.99998V2.66665H3.33333V5.99998H2V9.99998H3.33333V14.6666H8V13.3333H11.3333V12H12.6667V5.33331H14.6667V3.99998H12.6667V2.66665H11.3333V3.99998H4.66667ZM7.33333 9.99998V10.6666H10V9.33331H7.34V8.66665H6V9.99998H7.33333ZM6.66667 5.99998H8.00667V7.33331H6.66667V5.99998ZM9.33333 5.99998H10.6733V7.33331H9.33333V5.99998Z", fill: "currentColor" }) }));
-}
-
-function BankIcon() {
-    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.59645 1.2195C8.22108 1.03181 7.77925 1.03181 7.40388 1.2195L2.07054 3.88617C1.61883 4.11202 1.3335 4.57371 1.3335 5.07874V5.33338C1.3335 6.06976 1.93045 6.66671 2.66683 6.66671V10.7564C2.30367 10.8969 2.01131 11.1933 1.88298 11.5783L1.66075 12.245C1.37296 13.1084 2.01559 14 2.92566 14H13.0758C13.9858 14 14.6285 13.1084 14.3407 12.245L14.1185 11.5783C13.99 11.1929 13.6972 10.8963 13.3335 10.7559V6.66671C14.0699 6.66671 14.6668 6.06976 14.6668 5.33338V5.07874C14.6668 4.57371 14.3815 4.11202 13.9298 3.88617L8.59645 1.2195ZM12.0002 6.66671H10.6668V10.6666H12.0002V6.66671ZM9.3335 10.6666V6.66671H6.66683V10.6666H9.3335ZM5.3335 10.6666V6.66671H4.00016V10.6666H5.3335Z", fill: "currentColor" }) }));
-}
-
 function RecipientView({ type }) {
     return (jsxRuntime.jsxs(ProductCard, { children: [jsxRuntime.jsx(NavigationBar, { title: type === 'paymentMethod' ? 'Pay' : 'Receive', displayBackButton: true }), jsxRuntime.jsx(BorderedContainer, { children: jsxRuntime.jsx(FlexContainer, { children: type === 'paymentMethod' || type === 'recipientEmpty' ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(SectionTitle, { title: "Your wallet", icon: jsxRuntime.jsx(PunkIcon, {}) }), jsxRuntime.jsx(ListItem, { itemTitle: "so-so.eth", subtitle: "0x2276\u2026F3c56", mainImageUrl: "/assets/images/avatar.png", size: "large", className: "tw-w-full tw-max-w-none", onClick: () => { }, detail: "Connected" }), jsxRuntime.jsx("div", { className: "tw-flex tw-w-full tw-items-center tw-justify-center tw-px-squid-m tw-pb-squid-s tw-pt-squid-xxs", children: jsxRuntime.jsx(Button$1, { size: "md", variant: "primary", label: "Change wallet", className: "tw-w-full" }) })] })) : type === 'recipientTypingEns' ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(SearchAddress, { type: type }), jsxRuntime.jsx(ListItem, { itemTitle: "souljabags.eth", subtitle: "0x25c9\u202623d5", mainImageUrl: "/assets/images/punks.png", size: "large", className: "tw-w-full tw-max-w-none", onClick: () => { } }), jsxRuntime.jsx(ListItem, { itemTitle: "souljaboy.eth", subtitle: "0x0ec8\u202604c1", mainIcon: jsxRuntime.jsx("div", { className: "tw-flex tw-h-full tw-items-center tw-justify-center tw-rounded-squid-xs tw-bg-royal-500 tw-text-grey-100", children: jsxRuntime.jsx(PunkIcon, { size: "30" }) }), size: "large", className: "tw-w-full tw-max-w-none", onClick: () => { } })] })) : type === 'recipientTypingAddress' ? (jsxRuntime.jsx(SearchAddress, { type: type })) : null }) }), type === 'paymentMethod' ? (jsxRuntime.jsx(BorderedContainer, { className: "tw-flex-1 tw-pt-squid-xs", children: jsxRuntime.jsxs(FlexContainer, { children: [jsxRuntime.jsx(SectionTitle, { title: 'Centralized Exchange', icon: type === 'paymentMethod' ? jsxRuntime.jsx(BankIcon, {}) : jsxRuntime.jsx(WalletIcon, {}) }), jsxRuntime.jsx(DepositSection, {})] }) })) : type === 'recipientEmpty' ? (jsxRuntime.jsx(BorderedContainer, { className: "tw-flex-1 tw-pt-squid-xs", children: jsxRuntime.jsxs(FlexContainer, { children: [jsxRuntime.jsx(SearchAddress, { type: type }), jsxRuntime.jsx("div", { className: "tw-flex tw-h-full tw-w-full tw-flex-1 tw-flex-col tw-items-center tw-justify-center tw-gap-squid-xxs tw-self-stretch tw-px-squid-xxl tw-py-squid-xl", children: jsxRuntime.jsx(CaptionText, { className: "tw-max-w-[200px] tw-text-center tw-text-grey-500", children: "Wallets you add and swap to will appear here" }) })] }) })) : type === 'recipientTypingEns' || type === 'recipientTypingAddress' ? (jsxRuntime.jsx("div", {})) : null, ' '] }));
 }
@@ -24827,10 +25053,6 @@ const SearchAddress = ({ type }) => {
                         }, icon: jsxRuntime.jsx("img", { src: "/assets/images/blast.jpg", className: "tw-rounded-squid-xxs" }) })) : null, jsxRuntime.jsx(Button$1, { size: "md", variant: "primary", icon: jsxRuntime.jsx(ArrowRightIcon, {}), disabled: type === 'recipientEmpty' })] })] }));
 };
 
-function LightningIcon({ size = '24', className = '', }) {
-    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, children: jsxRuntime.jsx("path", { d: "M4.11178 12.2764L8.61178 3.27639C8.69648 3.107 8.86961 3 9.05899 3H17.1169C17.5055 3 17.7456 3.42399 17.5456 3.75725L15.4543 7.24275C15.2544 7.57602 15.4944 8 15.8831 8H20.6868C21.1463 8 21.3625 8.56776 21.0193 8.87338L7.37702 21.0236C6.99619 21.3628 6.41153 20.981 6.56886 20.4959L8.78779 13.6543C8.89255 13.3312 8.65175 13 8.31218 13H4.55899C4.1873 13 3.94556 12.6088 4.11178 12.2764Z", stroke: "currentColor", strokeWidth: "2.25", strokeLinecap: "round", strokeLinejoin: "round" }) }));
-}
-
 function SwapDetailsView({ isLoading, canToggleBoostMode = true, }) {
     const [isModalOpen, setIsModalOpen] = React.useState(true);
     return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs(Modal, { isOpen: isModalOpen, onBackdropClick: () => {
@@ -59783,20 +60005,6 @@ var SwapState;
     SwapState[SwapState["NEEDS_GAS"] = 7] = "NEEDS_GAS";
 })(SwapState || (SwapState = {}));
 
-function XSocial({ className, size = '24', }) {
-    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, children: jsxRuntime.jsx("path", { d: "M17.4033 3.5H20.2852L13.989 10.701L21.396 20.5H15.5964L11.054 14.557L5.85637 20.5H2.97269L9.70709 12.7977L2.60156 3.5H8.54839L12.6544 8.93215L17.4033 3.5ZM16.3918 18.7738H17.9887L7.68067 5.13549H5.96702L16.3918 18.7738Z", fill: "currentColor" }) }));
-}
-
-function SwapSuccessIcon() {
-    return (jsxRuntime.jsxs("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24Z", fill: "currentColor", className: "tw-text-grey-900" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4ZM31.5479 20.2665C32.2474 19.4116 32.1214 18.1516 31.2665 17.4521C30.4116 16.7527 29.1515 16.8787 28.4521 17.7336L20.8515 27.0232L18.4142 24.5858C17.6332 23.8048 16.3668 23.8048 15.5858 24.5858C14.8047 25.3669 14.8047 26.6332 15.5858 27.4143L19.5858 31.4143C19.9853 31.8138 20.5353 32.0257 21.0996 31.9976C21.664 31.9694 22.1901 31.7039 22.5479 31.2665L31.5479 20.2665Z", className: "tw-text-status-positive", fill: "currentColor" }), jsxRuntime.jsx("g", { filter: "url(#filter0_b_457_52170)", children: jsxRuntime.jsx("circle", { cx: "24", cy: "24", r: "20.5", stroke: "currentColor", className: "tw-text-material-light-average" }) }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("filter", { id: "filter0_b_457_52170", x: "-17", y: "-17", width: "82", height: "82", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [jsxRuntime.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), jsxRuntime.jsx("feGaussianBlur", { in: "BackgroundImageFix", stdDeviation: "10" }), jsxRuntime.jsx("feComposite", { in2: "SourceAlpha", operator: "in", result: "effect1_backgroundBlur_457_52170" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_backgroundBlur_457_52170", result: "shape" })] }) })] }));
-}
-function SwapErrorIcon() {
-    return (jsxRuntime.jsxs("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24Z", className: "tw-text-grey-900", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44ZM31.0683 28.9289C27.163 25.0237 20.8314 25.0237 16.9261 28.9289C16.1451 29.71 16.1451 30.9763 16.9261 31.7574C17.7072 32.5384 18.9735 32.5384 19.7545 31.7574C22.0977 29.4142 25.8967 29.4142 28.2398 31.7574C29.0209 32.5384 30.2872 32.5384 31.0683 31.7574C31.8493 30.9763 31.8493 29.71 31.0683 28.9289ZM21 19C21 20.6569 19.8807 22 18.5 22C17.1193 22 16 20.6569 16 19C16 17.3431 17.1193 16 18.5 16C19.8807 16 21 17.3431 21 19ZM29.5 22C30.8807 22 32 20.6569 32 19C32 17.3431 30.8807 16 29.5 16C28.1193 16 27 17.3431 27 19C27 20.6569 28.1193 22 29.5 22Z", className: "tw-text-status-negative", fill: "currentColor" }), jsxRuntime.jsx("g", { filter: "url(#filter0_b_457_52502)", children: jsxRuntime.jsx("circle", { cx: "24", cy: "24", r: "20.5", stroke: "currentColor", className: "tw-text-material-light-average", strokeOpacity: "0.33" }) }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("filter", { id: "filter0_b_457_52502", x: "-17", y: "-17", width: "82", height: "82", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [jsxRuntime.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), jsxRuntime.jsx("feGaussianBlur", { in: "BackgroundImageFix", stdDeviation: "10" }), jsxRuntime.jsx("feComposite", { in2: "SourceAlpha", operator: "in", result: "effect1_backgroundBlur_457_52502" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_backgroundBlur_457_52502", result: "shape" })] }) })] }));
-}
-function SwapWarningIcon() {
-    return (jsxRuntime.jsxs("svg", { width: "42", height: "42", viewBox: "0 0 42 42", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M1 21C1 9.95431 9.95431 1 21 1C32.0457 1 41 9.95431 41 21C41 32.0457 32.0457 41 21 41C9.95431 41 1 32.0457 1 21Z", fill: "currentColor", className: "tw-text-grey-900" }), jsxRuntime.jsx("g", { filter: "url(#filter0_b_588_15630)", children: jsxRuntime.jsx("circle", { cx: "21", cy: "21", r: "20.5", stroke: "currentColor", className: "tw-text-material-light-average" }) }), jsxRuntime.jsxs("g", { "clip-path": "url(#clip0_588_15630)", children: [jsxRuntime.jsx("path", { d: "M1 21C1 9.95431 9.95431 1 21 1C32.0457 1 41 9.95431 41 21C41 32.0457 32.0457 41 21 41C9.95431 41 1 32.0457 1 21Z", fill: "currentColor", className: "tw-text-grey-900" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M41 21C41 32.0457 32.0457 41 21 41C9.9543 41 1 32.0457 1 21C1 9.9543 9.9543 1 21 1C32.0457 1 41 9.9543 41 21ZM15.5 19C16.8807 19 18 17.6569 18 16C18 14.3431 16.8807 13 15.5 13C14.1193 13 13 14.3431 13 16C13 17.6569 14.1193 19 15.5 19ZM29 16C29 17.6569 27.8807 19 26.5 19C25.1193 19 24 17.6569 24 16C24 14.3431 25.1193 13 26.5 13C27.8807 13 29 14.3431 29 16ZM15 27C13.8954 27 13 27.8954 13 29C13 30.1046 13.8954 31 15 31H27C28.1046 31 29 30.1046 29 29C29 27.8954 28.1046 27 27 27H15Z", fill: "currentColor", className: "tw-text-status-partial" })] }), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsxs("filter", { id: "filter0_b_588_15630", x: "-20", y: "-20", width: "82", height: "82", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [jsxRuntime.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), jsxRuntime.jsx("feGaussianBlur", { in: "BackgroundImageFix", stdDeviation: "10" }), jsxRuntime.jsx("feComposite", { in2: "SourceAlpha", operator: "in", result: "effect1_backgroundBlur_588_15630" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_backgroundBlur_588_15630", result: "shape" })] }), jsxRuntime.jsx("clipPath", { id: "clip0_588_15630", children: jsxRuntime.jsx("path", { d: "M1 21C1 9.95431 9.95431 1 21 1C32.0457 1 41 9.95431 41 21C41 32.0457 32.0457 41 21 41C9.95431 41 1 32.0457 1 21Z", fill: "white" }) })] })] }));
-}
-
 const swapProgressAnimations = {
     [SwapState.CONFIRM]: transactionPendingAnimation,
     [SwapState.ERROR]: transactionErrorPauseAnimation,
@@ -60226,14 +60434,32 @@ exports.ActionWrapper = ActionWrapper;
 exports.AddressButton = AddressButton;
 exports.AnimationWrapper = AnimationWrapper;
 exports.AppContainer = AppContainer;
+exports.Approve = Approve;
 exports.ApproveAction = ApproveAction;
+exports.ArrowBottomTopIcon = ArrowBottomTopIcon;
 exports.ArrowButton = ArrowButton;
+exports.ArrowCornerDownRightIcon = ArrowCornerDownRightIcon;
+exports.ArrowLeftIcon = ArrowLeftIcon;
+exports.ArrowOutOfBoxIcon = ArrowOutOfBoxIcon;
+exports.ArrowRightDownCircleIcon = ArrowRightDownCircleIcon;
+exports.ArrowRightDownIcon = ArrowRightDownIcon;
+exports.ArrowRightIcon = ArrowRightIcon;
+exports.ArrowRightUpCircleIcon = ArrowRightUpCircleIcon;
+exports.ArrowRightUpIcon = ArrowRightUpIcon;
+exports.ArrowRotate = ArrowRotate;
+exports.ArrowTriangle = ArrowTriangle;
+exports.ArrowUpIcon = ArrowUpIcon;
+exports.ArrowWallDownIcon = ArrowWallDownIcon;
+exports.ArrowsSwapIcon = ArrowsSwapIcon;
 exports.AssetsButton = AssetsButton;
 exports.AssetsView = AssetsView;
 exports.BadgeImage = BadgeImage;
+exports.BagIcon = BagIcon;
+exports.BankIcon = BankIcon;
 exports.BlockSkeleton = BlockSkeleton;
 exports.BodyText = BodyText;
 exports.Boost = Boost;
+exports.BoostBadge = BoostBadge;
 exports.BoostButton = BoostButton;
 exports.BorderedContainer = BorderedContainer;
 exports.Breadcrumb = Breadcrumb;
@@ -60241,29 +60467,68 @@ exports.BridgeAction = BridgeAction;
 exports.BridgeHeader = BridgeHeader;
 exports.BridgeProperties = BridgeProperties;
 exports.BridgeTransactionView = BridgeTransactionView;
+exports.BrokenHeartIcon = BrokenHeartIcon;
 exports.Button = Button$1;
 exports.BuyNFTHeader = BuyNFTHeader;
 exports.BuyNFTProperties = BuyNFTProperties;
 exports.BuyNFTTransactionView = BuyNFTTransactionView;
+exports.Calendar = Calendar;
 exports.CaptionText = CaptionText;
+exports.ChainLink = ChainLink;
+exports.Checkmark1Icon = Checkmark1Icon;
+exports.Checkmark2Icon = Checkmark2Icon;
+exports.ChevronArrowIcon = ChevronArrowIcon;
+exports.ChevronGrabberVerticalIcon = ChevronGrabberVerticalIcon;
+exports.ChevronLargeDownIcon = ChevronLargeDownIcon;
+exports.ChevronLargeRightIcon = ChevronLargeRightIcon;
+exports.ChevronRightSmallIcon = ChevronRightSmallIcon;
+exports.ChevronTopIcon = ChevronTopIcon;
+exports.ChevronTopSmallIcon = ChevronTopSmallIcon;
 exports.Chip = Chip;
+exports.CircleMinusIcon = CircleMinusIcon;
+exports.CirclePlusIcon = CirclePlusIcon;
+exports.CircleX = CircleX;
+exports.ClockIcon = ClockIcon;
+exports.ClockOutlineIcon = ClockOutlineIcon;
+exports.CoinsAddIcon = CoinsAddIcon;
+exports.CoinsIcon = CoinsIcon;
 exports.Collapse = Collapse;
+exports.CollectionIcon = CollectionIcon;
+exports.CompassRound = CompassRound;
+exports.Copy = Copy;
+exports.DashboardFast = DashboardFast;
 exports.DescriptionBlocks = DescriptionBlocks;
 exports.DetailsToolbar = DetailsToolbar;
+exports.DockSwapIcon = DockSwapIcon;
+exports.Dollar = Dollar;
+exports.DotGrid1x3HorizontalIcon = DotGrid1x3HorizontalIcon;
 exports.DropdownMenu = DropdownMenu;
 exports.DropdownMenuItem = DropdownMenuItem;
+exports.EmojiMeh = EmojiMeh;
+exports.EmojiSadIcon = EmojiSadIcon;
+exports.EmptyHeartIcon = EmptyHeartIcon;
 exports.ErrorMessage = ErrorMessage;
+exports.EthereumIcon = EthereumIcon;
+exports.ExplosionIcon = ExplosionIcon;
 exports.FeeButton = FeeButton;
 exports.FeesAction = FeesAction;
 exports.FeesLines = FeesLines;
 exports.FeesTotal = FeesTotal;
+exports.FilledHeartIcon = FilledHeartIcon;
 exports.FilterButton = FilterButton;
+exports.FilterIcon = FilterIcon;
+exports.GasIcon = GasIcon;
 exports.HashLink = HashLink;
 exports.HeadingText = HeadingText;
+exports.HeartSmallIcon = HeartSmallIcon;
+exports.HelpIcon = HelpIcon;
 exports.HistoryItem = HistoryItem;
+exports.HomeIcon = HomeIcon;
 exports.IconLabel = IconLabel;
 exports.ImageIcon = ImageIcon;
+exports.ImageSparkle = ImageSparkle;
 exports.IncompleteAction = IncompleteAction;
+exports.InfinityIcon = InfinityIcon;
 exports.InfoBox = InfoBox;
 exports.Inline = Inline;
 exports.Input = Input;
@@ -60271,55 +60536,91 @@ exports.InteractionHeader = InteractionHeader;
 exports.InteractionProperties = InteractionProperties;
 exports.InteractionTransactionView = InteractionTransactionView;
 exports.Join = Join;
+exports.LightningIcon = LightningIcon;
+exports.LinkIcon = LinkIcon;
 exports.List = List;
 exports.ListItem = ListItem;
+exports.Loader = Loader;
 exports.LoadingProvider = LoadingProvider;
 exports.LoadingSkeleton = LoadingSkeleton;
 exports.MEDIA_QUERIES = MEDIA_QUERIES;
 exports.MainView = MainView;
+exports.MaxIcon = MaxIcon;
 exports.Menu = Menu;
 exports.MenuItem = MenuItem;
 exports.Modal = Modal;
 exports.ModalContent = ModalContent;
 exports.ModalContentDivider = ModalContentDivider;
 exports.NavigationBar = NavigationBar;
+exports.NotAllowedIcon = NotAllowedIcon;
 exports.NumericInput = NumericInput;
+exports.PathSquareIcon = PathSquareIcon;
+exports.PercentIcon = PercentIcon;
+exports.PieChartIcon = PieChartIcon;
 exports.PipeSeparator = PipeSeparator;
+exports.PlusIcon = PlusIcon;
 exports.ProductCard = ProductCard;
 exports.ProfileHeader = ProfileHeader;
 exports.ProfileHeaderBackground = ProfileHeaderBackground;
 exports.PropertiesLayout = PropertiesLayout;
 exports.PropertyListItem = PropertyListItem;
+exports.PunkIcon = PunkIcon;
+exports.RangeInput = RangeInput;
+exports.ReceiptBillIcon = ReceiptBillIcon;
 exports.ReceiveNFTAction = ReceiveNFTAction;
 exports.ReceiveTokensAction = ReceiveTokensAction;
 exports.RecipientView = RecipientView;
+exports.RefreshIcon = RefreshIcon;
+exports.ReorderIcon = ReorderIcon;
 exports.STEP_ITEM_HEIGHT = STEP_ITEM_HEIGHT;
+exports.SearchIcon = SearchIcon;
 exports.SectionTitle = SectionTitle;
 exports.SendTokensAction = SendTokensAction;
 exports.SettingsButton = SettingsButton;
+exports.SettingsGearIcon = SettingsGearIcon;
 exports.SettingsItem = SettingsItem;
 exports.SettingsSlider = SettingsSlider;
 exports.SizeTransition = SizeTransition;
+exports.SnapIcon = SnapIcon;
+exports.SortIcon = SortIcon;
+exports.SparkleIcon = SparkleIcon;
+exports.SparklesIcon = SparklesIcon;
+exports.SquareArrowCenter = SquareArrowCenter;
+exports.SquareArrowTopLeftIcon = SquareArrowTopLeftIcon;
+exports.SquareArrowTopRight2Icon = SquareArrowTopRight2Icon;
 exports.SquidConfigProvider = SquidConfigProvider;
+exports.SquidLogo = SquidLogo;
 exports.StakeAction = StakeAction;
 exports.StartAction = StartAction;
 exports.SuccessAction = SuccessAction;
 exports.SwapAction = SwapAction;
 exports.SwapConfiguration = SwapConfiguration;
 exports.SwapDetailsView = SwapDetailsView;
+exports.SwapErrorIcon = SwapErrorIcon;
 exports.SwapHeader = SwapHeader;
+exports.SwapInputsIcon = SwapInputsIcon;
 exports.SwapProgressView = SwapProgressView;
 exports.SwapProgressViewHeader = SwapProgressViewHeader;
 exports.SwapProperties = SwapProperties;
 exports.SwapStepItem = SwapStepItem;
+exports.SwapStepSeparator = SwapStepSeparator;
 exports.SwapStepsCollapsed = SwapStepsCollapsed;
+exports.SwapSuccessIcon = SwapSuccessIcon;
 exports.SwapTransactionView = SwapTransactionView;
+exports.SwapWarningIcon = SwapWarningIcon;
 exports.Switch = Switch;
+exports.TagIcon = TagIcon;
+exports.TagIconFilled = TagIconFilled;
 exports.TextSkeleton = TextSkeleton;
+exports.ThumbsUp = ThumbsUp;
+exports.Tick = Tick;
+exports.TimeFliesIcon = TimeFliesIcon;
+exports.Timeline = Timeline;
 exports.Timestamp = Timestamp;
 exports.Toast = Toast;
 exports.TokenPair = TokenPair;
 exports.Tooltip = Tooltip;
+exports.TradingViewStepsIcon = TradingViewStepsIcon;
 exports.TransactionAction = TransactionAction;
 exports.TransactionFilters = TransactionFilters;
 exports.TransactionHeader = TransactionHeader;
@@ -60331,10 +60632,14 @@ exports.TransactionState = TransactionState;
 exports.TransactionView = TransactionView;
 exports.TransactionViewLayout = TransactionViewLayout;
 exports.Transfer = Transfer;
+exports.TriangleExclamation = TriangleExclamation;
 exports.UsdAmount = UsdAmount;
+exports.WalletFilledIcon = WalletFilledIcon;
+exports.WalletIcon = WalletIcon;
 exports.WalletLink = WalletLink;
 exports.WalletsView = WalletsView;
 exports.WrapAction = WrapAction;
+exports.XSocial = XSocial;
 exports.linkActionTimelineProps = linkActionTimelineProps;
 exports.statusBgClassMap = statusBgClassMap$1;
 exports.statusColorClassMap = statusColorClassMap;