@0xsquid/ui 0.25.0 → 0.26.0-beta.0

package/dist/cjs/index.js

@@ -2963,6 +2963,15 @@ function ArrowUpIcon() {
 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", { fillRule: "evenodd", clipRule: "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 ChevronDownSmallIcon({ 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.33325 6.66666L7.52851 8.86192C7.78886 9.12227 8.21097 9.12227 8.47132 8.86192L10.6666 6.66666", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+}
+function ArrowDownIcon({ size = '24', className, }) {
+    return (jsxRuntime.jsx("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 25", fill: "none", children: jsxRuntime.jsx("path", { d: "M18 14.5L12 20.5L6 14.5M12 19.5V4.5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+}
+function ArrowSplit({ 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: "M2.66675 5.99996V2.66663M2.66675 2.66663H6.00008M2.66675 2.66663L8.00008 7.99996M10.0001 2.66663H13.3334M13.3334 2.66663V5.99996M13.3334 2.66663L8.00008 7.99996M8.00008 7.99996V13.3333", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+}
 
 function Copy(_a) {
     var { size = '24', strokeWidth = '2' } = _a, props = __rest$1(_a, ["size", "strokeWidth"]);
@@ -3068,6 +3077,8 @@ const INTERNAL_SQUID_THEME_KEYS = [
     'grey-100-005',
     // material-light and grey-900 blended color
     'material-light-blend-grey-900',
+    // material-light and grey-300 blended color
+    'material-light-blend-grey-800',
     'volt-700',
 ];
 const SQUID_THEME_CSS_VARIABLE_PREFIX = '--squid-theme-';
@@ -6564,7 +6575,7 @@ var debounce$1 = /*@__PURE__*/getDefaultExportFromCjs(debounce_1);
  * @param {string|number} tokenPrice - The price of one token in USD
  * @returns {BigNumber} - The equivalent amount in USD
  */
-function convertTokenAmountToUSD(tokenAmount, tokenPrice, maxDecimals = 4) {
+function convertTokenAmountToUSD(tokenAmount, tokenPrice, maxDecimals = 2) {
     if (!tokenAmount || !tokenPrice)
         return '';
     const amount = new BigNumber(tokenAmount);
@@ -6586,7 +6597,7 @@ function convertUSDToTokenAmount(usdAmount, tokenPrice, maxDecimals) {
     return amount.dividedBy(price).decimalPlaces(maxDecimals).toString();
 }
 const INTL_NUMBER_FORMATTER = new Intl.NumberFormat('en-US', {
-    minimumFractionDigits: 0,
+    minimumFractionDigits: 2,
     maximumFractionDigits: 5,
 });
 /**
@@ -16620,7 +16631,6 @@ function AppContainer(_a) {
     var _b;
     var { children, className, layoutKey = (_b = elementKey(children)) !== null && _b !== void 0 ? _b : undefined } = _a, props = __rest$1(_a, ["children", "className", "layoutKey"]);
     const version = useVersion(layoutKey);
-    console.log(version);
     return (jsxRuntime.jsx(LayoutDependencyContext.Provider, { value: version, children: jsxRuntime.jsx(LayoutGroup, { children: jsxRuntime.jsx(motion.div, Object.assign({ layout: true, layoutId: "app-container", 
                 // layoutDependency={version}
                 className: cn('tw-relative tw-overflow-hidden tw-bg-grey-900 tw-shadow-elevation-light-3', className), style: { borderRadius: '30px' } }, props, { children: children }), version) }) }));
@@ -16813,7 +16823,7 @@ function DescriptionBlocks(_a) {
     const blocks = typeof blocksProp === 'string'
         ? [{ type: 'string', value: blocksProp }]
         : blocksProp;
-    return (jsxRuntime.jsx("div", Object.assign({}, props, { className: cn('tw-flex tw-min-h-squid-m tw-flex-1 tw-flex-wrap tw-items-center tw-justify-start tw-gap-squid-xxs'), children: blocks.map((block, index) => {
+    return (jsxRuntime.jsx("div", Object.assign({}, props, { className: cn('tw-flex tw-min-h-squid-m tw-flex-1 tw-flex-wrap tw-items-center tw-justify-start tw-gap-squid-xxs', className), children: blocks.map((block, index) => {
             switch (block.type) {
                 case 'string':
                     return (
@@ -16823,9 +16833,9 @@ function DescriptionBlocks(_a) {
                     block.value
                         .trim()
                         .split(' ')
-                        .map((word, i) => (jsxRuntime.jsx(BodyText, { size: "small", tight: true, children: word }, i))));
+                        .map((word, i) => (jsxRuntime.jsx(BodyText, { size: "small", tight: true, children: word }, word + i))));
                 case 'image':
-                    return (jsxRuntime.jsx(ImageIcon, { src: block.value, variant: block.rounded ? 'round' : 'square' }, index));
+                    return (jsxRuntime.jsx(ImageIcon, { src: block.value, variant: block.rounded ? 'round' : 'square' }, block.value + index));
             }
         }) })));
 }
@@ -16851,13 +16861,101 @@ function Inline(_a) {
         }) })));
 }
 
-function EthereumIcon() {
-    return (jsxRuntime.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M9.99866 2.91669L9.99866 12.6994L14.471 10.1298L9.99866 2.91669Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M9.99872 2.91669L5.52637 10.1298L9.99872 12.6995V8.15387V2.91669Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M9.99866 13.5226V17.0802L14.4737 10.9542L9.99866 13.5226Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M9.99872 17.0801V13.5225L5.52637 10.9542L9.99872 17.0801Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M9.99866 12.6994L14.4709 10.1298L9.99866 8.15387V12.6994Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M5.52637 10.1298L9.99865 12.6994V8.15387L5.52637 10.1298Z", fill: "currentColor" })] }));
+function Approve() {
+    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "31", fill: "none", viewBox: "0 0 30 31", children: [jsxRuntime.jsx("path", { fill: "color(display-p3 0.7208 0.5750 0.9250)", d: "M0 5.5a5 5 0 015-5h20a5 5 0 015 5v20a5 5 0 01-5 5H5a5 5 0 01-5-5v-20z" }), jsxRuntime.jsx("path", { stroke: "color(display-p3 0.9840 0.9861 0.9904)", strokeLinejoin: "round", strokeWidth: "2", d: "M16.454 6.557L16 6.5c-.965 2.309-2.406 4.303-4.107 6.098-.558.589-.893 1.36-.893 2.172v6.455c0 .778.447 1.496 1.178 1.762 2.48.903 5.073 1.097 7.695.87 1.601-.14 2.856-1.376 3.21-2.944l.844-3.755A3 3 0 0021 13.5h-3l.949-3.084a3 3 0 00-2.495-3.86zM6 15.5a2 2 0 012-2 3 3 0 013 3v4a3 3 0 01-3 3 2 2 0 01-2-2v-6z" })] }));
 }
 
-function FeeButton(_a) {
-    var { feeInUsd = '0', chipLabel = 'Fee', className, tooltip } = _a, props = __rest$1(_a, ["feeInUsd", "chipLabel", "className", "tooltip"]);
-    return (jsxRuntime.jsx(Tooltip, Object.assign({}, tooltip, { tooltipWidth: "max", containerClassName: "tw-rounded-squid-m tw-w-full", childrenClassName: "tw-rounded-squid-m", children: jsxRuntime.jsxs("button", Object.assign({}, props, { className: cn('tw-flex tw-h-squid-xl tw-w-full tw-items-center tw-gap-x-squid-xs tw-rounded-squid-m tw-px-squid-xs hover:tw-bg-material-light-thin', className), children: [jsxRuntime.jsx(Chip, { label: chipLabel, className: "tw-hidden mobile-xs:tw-flex" }), jsxRuntime.jsxs("span", { className: "tw-flex tw-items-center tw-gap-squid-xxs", children: [jsxRuntime.jsx(Chip, { icon: jsxRuntime.jsx(EthereumIcon, {}) }), jsxRuntime.jsx(UsdAmount, { usdAmount: feeInUsd })] })] })) })));
+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 ShoppingBagIcon() {
+    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", fill: "none", viewBox: "0 0 18 18", children: jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeWidth: "2", d: "M12 5a3 3 0 01-6 0M1.883 2.875l-.75 12A2 2 0 003.129 17h11.742a2 2 0 001.996-2.125l-.75-12A2 2 0 0014.121 1H3.88a2 2 0 00-1.996 1.875z" }) }));
+}
+function BackpackIcon({ size = '24', className, }) {
+    return (jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsxRuntime.jsx("path", { d: "M15 11H17C18.6569 11 20 9.65685 20 8V7C20 5.89543 19.1046 5 18 5H15M15 11H9M15 11V13M9 11H7C5.34315 11 4 9.65685 4 8V7C4 5.89543 4.89543 5 6 5H9M9 11V13M5 11V18C5 19.6569 6.34315 21 8 21H16C17.6569 21 19 19.6569 19 18V11M9 5H15M9 5C9 3.34315 10.3431 2 12 2C13.6569 2 15 3.34315 15 5M10 17H14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+}
+
+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 BoostBadge() {
+    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "103", height: "20", fill: "none", viewBox: "0 15 103 20", overflow: "visible", className: "boost-badge", children: [jsxRuntime.jsx("g", { filter: "url(#filter0_f_1196_40866)", opacity: "0.75", children: jsxRuntime.jsx("path", { fill: "url(#paint0_linear_1196_40866)", d: "M12 24.968c0-8 15-13 24.167-13H78c7.732 0 13 5.268 13 13s-5.268 13-13 13H36.167c-9.167 0-24.167-5-24.167-13z" }) }), jsxRuntime.jsx("path", { fill: "var(--boost-badge-badge-color)", d: "M32 24.968c0-6.627 5.373-12 12-12h34c6.627 0 12 5.373 12 12 0 6.628-5.373 12-12 12H44c-6.627 0-12-5.372-12-12z" }), jsxRuntime.jsx("path", { fill: "var(--boost-badge-text-color)", d: "M81.314 31.208c-1.763 0-2.485-.856-2.15-2.62l.958-4.852h-1.377l.353-1.897h1.393l.302-1.544c1.058-.252 1.965-.639 2.905-1.193a59.52 59.52 0 00-.57 2.536l-.034.201h1.695l-.369 1.898h-1.696l-.873 4.449c-.117.638.168.823.588.823.504 0 .873-.118 1.26-.303l-.706 2.25c-.504.168-1.209.252-1.68.252zM73.528 31.208c-1.68 0-3.51-.755-4.232-2.216l2.049-1.444c.353 1.192 1.276 1.864 2.367 1.864.823 0 1.293-.437 1.293-.907 0-1.511-4.416-.806-4.416-3.862 0-1.645 1.478-3.039 3.812-3.039 1.662 0 3.022.571 3.845 1.83l-2.032 1.444c-.37-1.04-1.226-1.477-1.998-1.477-.705 0-1.125.319-1.125.739 0 1.36 4.416.671 4.416 3.895 0 1.763-1.478 3.173-3.98 3.173zM63.944 31.208c-2.4 0-3.845-1.545-3.845-3.71 0-2.922 2.2-5.894 5.575-5.894 2.367 0 3.845 1.495 3.845 3.677 0 2.871-2.166 5.927-5.575 5.927zm.269-1.897c1.763 0 2.535-2.687 2.535-3.946 0-1.158-.504-1.863-1.377-1.863-1.763 0-2.518 2.703-2.518 3.945 0 1.125.487 1.864 1.36 1.864zM54.077 31.208c-2.4 0-3.844-1.545-3.844-3.71 0-2.922 2.199-5.894 5.574-5.894 2.367 0 3.845 1.495 3.845 3.677 0 2.871-2.166 5.927-5.575 5.927zm.27-1.897c1.762 0 2.534-2.687 2.534-3.946 0-1.158-.503-1.863-1.376-1.863-1.763 0-2.519 2.703-2.519 3.945 0 1.125.487 1.864 1.36 1.864zM39 30.973l2.334-12.005h5.054c1.914 0 3.744.672 3.744 2.62 0 1.746-1.46 2.77-3.526 3.14 1.645.234 2.905.906 2.905 2.417 0 2.434-2.57 3.828-5.424 3.828H39zm3.207-2.132h1.948c1.36 0 2.367-.705 2.367-1.746 0-.94-.756-1.293-1.763-1.293h-1.964l-.588 3.039zm1.007-5.188h1.864c1.192 0 2.065-.588 2.065-1.478 0-.823-.755-1.075-1.612-1.075h-1.83l-.487 2.553z" }), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsxs("filter", { id: "filter0_f_1196_40866", width: "102.333", height: "49.333", x: "0.333", y: "0.302", colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), jsxRuntime.jsx("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), jsxRuntime.jsx("feGaussianBlur", { result: "effect1_foregroundBlur_1196_40866", stdDeviation: "5.833" })] }), jsxRuntime.jsxs("linearGradient", { id: "paint0_linear_1196_40866", x1: "12", x2: "91", y1: "24.968", y2: "24.968", gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "var(--boost-badge-shadow-color)", stopOpacity: "0" }), jsxRuntime.jsx("stop", { offset: "0.251", stopColor: "var(--boost-badge-shadow-color)" }), jsxRuntime.jsx("stop", { offset: "1", stopColor: "var(--boost-badge-shadow-color)" })] })] })] }));
+}
+
+function Calendar() {
+    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", fill: "none", viewBox: "0 0 18 18", children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M3 2h12V0H3v2zm13 1v2h2V3h-2zm0 2v10h2V5h-2zm-1 11H3v2h12v-2zM2 15V5H0v10h2zM2 5V3H0v2h2zM1 6h16V4H1v2zm3.25 3A.75.75 0 015 8.25v2c.69 0 1.25-.56 1.25-1.25h-2zM5 8.25a.75.75 0 01.75.75h-2c0 .69.56 1.25 1.25 1.25v-2zm.75.75a.75.75 0 01-.75.75v-2c-.69 0-1.25.56-1.25 1.25h2zM5 9.75A.75.75 0 014.25 9h2c0-.69-.56-1.25-1.25-1.25v2zm-1-1v.5h2v-.5H4zM5.25 8h-.5v2h.5V8zm-.9 1.375a.75.75 0 01.275-1.024l1 1.732a1.25 1.25 0 00.458-1.708l-1.732 1zm.275-1.024a.75.75 0 011.025.274l-1.732 1a1.25 1.25 0 001.707.458l-1-1.732zm1.025.274a.75.75 0 01-.275 1.025l-1-1.732a1.25 1.25 0 00-.457 1.707l1.732-1zM5.375 9.65a.75.75 0 01-1.024-.275l1.732-1a1.25 1.25 0 00-1.708-.457l1 1.732zm-1.366-.366l.25.433 1.732-1-.25-.433-1.732 1zm.708-1.275l-.433.25 1 1.732.433-.25-1-1.732zm-.092 1.64a.75.75 0 01-.274-1.024l1.732 1a1.25 1.25 0 00-.458-1.707l-1 1.732zm-.274-1.024a.75.75 0 011.024-.274l-1 1.732a1.25 1.25 0 001.708-.458l-1.732-1zm1.024-.274a.75.75 0 01.275 1.024l-1.732-1a1.25 1.25 0 00.457 1.708l1-1.732zm.275 1.024a.75.75 0 01-1.025.275l1-1.732a1.25 1.25 0 00-1.707.457l1.732 1zm-1.366.366l.433.25 1-1.732-.433-.25-1 1.732zm-.025-1.457l-.25.433 1.732 1 .25-.433-1.732-1zM4.25 13a.75.75 0 01.75-.75v2c.69 0 1.25-.56 1.25-1.25h-2zm.75-.75a.75.75 0 01.75.75h-2c0 .69.56 1.25 1.25 1.25v-2zm.75.75a.75.75 0 01-.75.75v-2c-.69 0-1.25.56-1.25 1.25h2zm-.75.75a.75.75 0 01-.75-.75h2c0-.69-.56-1.25-1.25-1.25v2zm-1-1v.5h2v-.5H4zM5.25 12h-.5v2h.5v-2zm-.9 1.375a.75.75 0 01.275-1.024l1 1.732a1.25 1.25 0 00.458-1.708l-1.732 1zm.275-1.024a.75.75 0 011.025.274l-1.732 1a1.25 1.25 0 001.707.458l-1-1.732zm1.025.274a.75.75 0 01-.275 1.025l-1-1.732a1.25 1.25 0 00-.457 1.707l1.732-1zm-.275 1.025a.75.75 0 01-1.024-.275l1.732-1a1.25 1.25 0 00-1.708-.457l1 1.732zm-1.366-.367l.25.434 1.732-1-.25-.434-1.732 1zm.708-1.274l-.433.25 1 1.732.433-.25-1-1.732zm-.092 1.64a.75.75 0 01-.274-1.024l1.732 1a1.25 1.25 0 00-.458-1.707l-1 1.732zm-.274-1.024a.75.75 0 011.024-.274l-1 1.732a1.25 1.25 0 001.708-.458l-1.732-1zm1.024-.274a.75.75 0 01.275 1.024l-1.732-1a1.25 1.25 0 00.457 1.708l1-1.732zm.275 1.024a.75.75 0 01-1.025.275l1-1.732a1.25 1.25 0 00-1.707.457l1.732 1zm-1.366.366l.433.25 1-1.732-.433-.25-1 1.732zm-.025-1.457l-.25.433 1.732 1 .25-.433-1.732-1zM8.25 13a.75.75 0 01.75-.75v2c.69 0 1.25-.56 1.25-1.25h-2zm.75-.75a.75.75 0 01.75.75h-2c0 .69.56 1.25 1.25 1.25v-2zm.75.75a.75.75 0 01-.75.75v-2c-.69 0-1.25.56-1.25 1.25h2zm-.75.75a.75.75 0 01-.75-.75h2c0-.69-.56-1.25-1.25-1.25v2zm-1-1v.5h2v-.5H8zM9.25 12h-.5v2h.5v-2zm-.9 1.375a.75.75 0 01.275-1.024l1 1.732a1.25 1.25 0 00.458-1.708l-1.732 1zm.275-1.024a.75.75 0 011.025.274l-1.732 1a1.25 1.25 0 001.707.458l-1-1.732zm1.025.274a.75.75 0 01-.275 1.025l-1-1.732a1.25 1.25 0 00-.457 1.707l1.732-1zm-.275 1.025a.75.75 0 01-1.024-.275l1.732-1a1.25 1.25 0 00-1.708-.457l1 1.732zm-1.366-.367l.25.434 1.732-1-.25-.434-1.732 1zm.708-1.274l-.433.25 1 1.732.433-.25-1-1.732zm-.092 1.64a.75.75 0 01-.274-1.024l1.732 1a1.25 1.25 0 00-.458-1.707l-1 1.732zm-.274-1.024a.75.75 0 011.024-.274l-1 1.732a1.25 1.25 0 001.708-.458l-1.732-1zm1.024-.274a.75.75 0 01.275 1.024l-1.732-1a1.25 1.25 0 00.457 1.708l1-1.732zm.275 1.024a.75.75 0 01-1.025.275l1-1.732a1.25 1.25 0 00-1.707.457l1.732 1zm-1.366.366l.433.25 1-1.732-.433-.25-1 1.732zm-.025-1.457l-.25.433 1.732 1 .25-.433-1.732-1zM8.25 9A.75.75 0 019 8.25v2c.69 0 1.25-.56 1.25-1.25h-2zM9 8.25a.75.75 0 01.75.75h-2c0 .69.56 1.25 1.25 1.25v-2zm.75.75a.75.75 0 01-.75.75v-2c-.69 0-1.25.56-1.25 1.25h2zM9 9.75A.75.75 0 018.25 9h2c0-.69-.56-1.25-1.25-1.25v2zm-1-1v.5h2v-.5H8zM9.25 8h-.5v2h.5V8zm-.9 1.375a.75.75 0 01.275-1.024l1 1.732a1.25 1.25 0 00.458-1.708l-1.732 1zm.275-1.024a.75.75 0 011.025.274l-1.732 1a1.25 1.25 0 001.707.458l-1-1.732zm1.025.274a.75.75 0 01-.275 1.025l-1-1.732a1.25 1.25 0 00-.457 1.707l1.732-1zM9.375 9.65a.75.75 0 01-1.024-.275l1.732-1a1.25 1.25 0 00-1.708-.457l1 1.732zm-1.366-.366l.25.433 1.732-1-.25-.433-1.732 1zm.708-1.275l-.433.25 1 1.732.433-.25-1-1.732zm-.092 1.64a.75.75 0 01-.274-1.024l1.732 1a1.25 1.25 0 00-.458-1.707l-1 1.732zm-.274-1.024a.75.75 0 011.024-.274l-1 1.732a1.25 1.25 0 001.708-.458l-1.732-1zm1.024-.274a.75.75 0 01.275 1.024l-1.732-1a1.25 1.25 0 00.457 1.708l1-1.732zm.275 1.024a.75.75 0 01-1.025.275l1-1.732a1.25 1.25 0 00-1.707.457l1.732 1zm-1.366.366l.433.25 1-1.732-.433-.25-1 1.732zm-.025-1.457l-.25.433 1.732 1 .25-.433-1.732-1zM12.25 9a.75.75 0 01.75-.75v2c.69 0 1.25-.56 1.25-1.25h-2zm.75-.75a.75.75 0 01.75.75h-2c0 .69.56 1.25 1.25 1.25v-2zm.75.75a.75.75 0 01-.75.75v-2c-.69 0-1.25.56-1.25 1.25h2zm-.75.75a.75.75 0 01-.75-.75h2c0-.69-.56-1.25-1.25-1.25v2zm-1-1v.5h2v-.5h-2zM13.25 8h-.5v2h.5V8zm-.9 1.375a.75.75 0 01.275-1.024l1 1.732a1.25 1.25 0 00.458-1.708l-1.732 1zm.275-1.024a.75.75 0 011.025.274l-1.732 1a1.25 1.25 0 001.707.458l-1-1.732zm1.025.274a.75.75 0 01-.275 1.025l-1-1.732a1.25 1.25 0 00-.457 1.707l1.732-1zm-.275 1.025a.75.75 0 01-1.024-.275l1.732-1a1.25 1.25 0 00-1.708-.457l1 1.732zm-1.366-.366l.25.433 1.732-1-.25-.433-1.732 1zm.707-1.275l-.432.25 1 1.732.432-.25-1-1.732zm-.09 1.64a.75.75 0 01-.275-1.024l1.732 1a1.25 1.25 0 00-.458-1.707l-1 1.732zm-.275-1.024a.75.75 0 011.024-.274l-1 1.732a1.25 1.25 0 001.708-.458l-1.732-1zm1.024-.274a.75.75 0 01.275 1.024l-1.732-1a1.25 1.25 0 00.457 1.708l1-1.732zm.275 1.024a.75.75 0 01-1.025.275l1-1.732a1.25 1.25 0 00-1.707.457l1.732 1zm-1.366.366l.433.25 1-1.732-.433-.25-1 1.732zm-.025-1.457l-.25.433 1.732 1 .25-.433-1.732-1zM3 16a1 1 0 01-1-1H0a3 3 0 003 3v-2zm13-1a1 1 0 01-1 1v2a3 3 0 003-3h-2zM15 2a1 1 0 011 1h2a3 3 0 00-3-3v2zM3 0a3 3 0 00-3 3h2a1 1 0 011-1V0z" }) }));
+}
+
+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" })] }));
+}
+
+function CoinsIcon() {
+    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [jsxRuntime.jsx("path", { d: "M9.30619 3.37304C6.31938 3.71704 4.00016 6.25434 4.00016 9.33333C4.00016 9.90662 4.08057 10.4611 4.23071 10.9862C2.53079 10.2891 1.3335 8.6177 1.3335 6.66667C1.3335 4.08934 3.42283 2 6.00016 2C7.29198 2 8.4612 2.52489 9.30619 3.37304Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M14.6668 9.33333C14.6668 11.9107 12.5775 14 10.0002 14C7.42283 14 5.3335 11.9107 5.3335 9.33333C5.3335 6.756 7.42283 4.66667 10.0002 4.66667C12.5775 4.66667 14.6668 6.756 14.6668 9.33333Z", fill: "currentColor" })] }));
+}
+function CoinsAddIcon() {
+    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 30 30", fill: "none", children: [jsxRuntime.jsx("path", { d: "M7.5 17.5C7.5 11.7269 11.8485 6.96944 17.4488 6.32444C15.8644 4.73417 13.6722 3.75 11.25 3.75C6.41751 3.75 2.5 7.66751 2.5 12.5C2.5 16.1582 4.74492 19.2921 7.93227 20.5991C7.65076 19.6146 7.5 18.5749 7.5 17.5Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.75 26.25C23.5825 26.25 27.5 22.3325 27.5 17.5C27.5 12.6675 23.5825 8.75 18.75 8.75C13.9175 8.75 10 12.6675 10 17.5C10 22.3325 13.9175 26.25 18.75 26.25ZM20 13.75H17.5V16.25H15V18.75H17.5V21.25H20V18.75H22.5L22.5 16.25H20V13.75Z", fill: "currentColor" })] }));
+}
+function Dollar({ 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 7.5V6.5M12 16.5V17.5M14.1655 9C13.7333 8.4022 12.9254 8 12 8H11.7222C10.4949 8 9.5 8.79594 9.5 9.77778V9.8541C9.5 10.5564 9.99598 11.1984 10.7812 11.5125L13.2188 12.4875C14.004 12.8016 14.5 13.4436 14.5 14.1459C14.5 15.1699 13.4624 16 12.1824 16H12C11.0746 16 10.2667 15.5978 9.83446 15M21 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" }) }));
+}
+function StocksIcon({ size = '24', className, }) {
+    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 25 24", fill: "none", className: className, children: jsxRuntime.jsx("path", { d: "M14.75 12C15.8546 12 16.75 11.1046 16.75 10C16.75 8.89543 15.8546 8 14.75 8M14.75 12C14.1977 12 13.6977 11.7761 13.3358 11.4142M14.75 12V20M14.75 8C13.6454 8 12.75 8.89543 12.75 10C12.75 10.5523 12.9739 11.0523 13.3358 11.4142M14.75 8V4M14.75 4H7.75C6.09315 4 4.75 5.34315 4.75 7V17C4.75 18.6569 6.09315 20 7.75 20H14.75M14.75 4H17.75C19.4069 4 20.75 5.34315 20.75 7V17C20.75 18.6569 19.4069 20 17.75 20H14.75M13.3358 11.4142L9.75 15L7.75 13L5.25 15.5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+}
+
+function CollectionIcon() {
+    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: "square", strokeLinejoin: "round", strokeWidth: "2", d: "M7.9 12l-4.307 2.101a1 1 0 000 1.798l7.969 3.887a1 1 0 00.877 0l7.969-3.887a1 1 0 000-1.798L16.1 12m-8.2 0L3.593 9.899a1 1 0 010-1.798l7.969-3.887a1 1 0 01.877 0L20.408 8.1a1 1 0 010 1.798L16.1 12m-8.2 0l3.662 1.786a1 1 0 00.877 0L16.1 12" }) }));
+}
+
+function CompassRoundOutlinedIcon({ 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 CompassRoundSolidIcon({ 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", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.6665 9.99996C1.6665 5.39759 5.39746 1.66663 9.99984 1.66663C14.6022 1.66663 18.3332 5.39759 18.3332 9.99996C18.3332 14.6023 14.6022 18.3333 9.99984 18.3333C5.39746 18.3333 1.6665 14.6023 1.6665 9.99996ZM12.1029 6.87269C12.725 6.70303 13.2958 7.27384 13.1262 7.89593L12.1933 11.3164C12.0769 11.7434 11.7433 12.077 11.3163 12.1934L7.8958 13.1263C7.27372 13.2959 6.70291 12.7251 6.87257 12.103L7.80542 8.6826C7.92188 8.25559 8.25547 7.922 8.68248 7.80554L12.1029 6.87269Z", fill: "currentColor" }) }));
+}
+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", { fillRule: "evenodd", clipRule: "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", { fillRule: "evenodd", clipRule: "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 CircleXFilledIcon({ 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: "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 12ZM9.70711 8.29289C9.31658 7.90237 8.68342 7.90237 8.29289 8.29289C7.90237 8.68342 7.90237 9.31658 8.29289 9.70711L10.5858 12L8.29289 14.2929C7.90237 14.6834 7.90237 15.3166 8.29289 15.7071C8.68342 16.0976 9.31658 16.0976 9.70711 15.7071L12 13.4142L14.2929 15.7071C14.6834 16.0976 15.3166 16.0976 15.7071 15.7071C16.0976 15.3166 16.0976 14.6834 15.7071 14.2929L13.4142 12L15.7071 9.70711C16.0976 9.31658 16.0976 8.68342 15.7071 8.29289C15.3166 7.90237 14.6834 7.90237 14.2929 8.29289L12 10.5858L9.70711 8.29289Z", fill: "currentColor" }) }));
+}
+function TranslateIcon({ 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: "M4 6L12 6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M8 6V4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M12.0008 14.0001C8.11407 13.0284 6.11567 10.6405 5.54688 6.37769", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M4.0001 14C7.88484 13.0288 9.88317 10.6428 10.4531 6.38403", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M14.5 17H19.5M13 19L16.0784 11.6888C16.4219 10.8729 17.5781 10.8729 17.9216 11.6888L21 19", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
+}
+function PowerIcon({ 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: "M7.02331 4.5C4.59826 6.11238 3 8.86954 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 8.86954 19.4017 6.11238 16.9767 4.5M12 2V7", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+}
+
+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 EmojiSadIcon({ className, size = '20', }) {
@@ -16870,6 +16968,650 @@ function SmileIcon({ 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.jsxs("g", { clipPath: "url(#clip0_2573_74090)", children: [jsxRuntime.jsx("path", { d: "M12 22.9875C18.0751 22.9875 23 18.0653 23 11.9935C23 5.92168 18.0751 0.999512 12 0.999512C5.92487 0.999512 1 5.92168 1 11.9935C1 18.0653 5.92487 22.9875 12 22.9875Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M7.31374 11.0095C6.94478 9.96836 7.48967 8.82526 8.53079 8.45629C9.57192 8.08732 10.715 8.63222 11.084 9.67334", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M13.9119 8.67122C13.5429 7.6301 14.0878 6.487 15.1289 6.11803C16.1701 5.74907 17.3132 6.29396 17.6821 7.33508", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M8.6499 14.7798C10.0385 16.7323 12.6907 17.5915 15.1705 16.7127C17.6503 15.8339 19.1696 13.4963 19.0181 11.1054", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "clip0_2573_74090", children: jsxRuntime.jsx("rect", { width: "24", height: "24", fill: "white" }) }) })] }));
 }
 
+function EthereumIcon() {
+    return (jsxRuntime.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M9.99866 2.91669L9.99866 12.6994L14.471 10.1298L9.99866 2.91669Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M9.99872 2.91669L5.52637 10.1298L9.99872 12.6995V8.15387V2.91669Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M9.99866 13.5226V17.0802L14.4737 10.9542L9.99866 13.5226Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M9.99872 17.0801V13.5225L5.52637 10.9542L9.99872 17.0801Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M9.99866 12.6994L14.4709 10.1298L9.99866 8.15387V12.6994Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M5.52637 10.1298L9.99865 12.6994V8.15387L5.52637 10.1298Z", fill: "currentColor" })] }));
+}
+
+function FilterIcon() {
+    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "16", fill: "none", viewBox: "0 0 20 16", children: jsxRuntime.jsx("path", { fill: "currentColor", fillOpacity: "0.66", fillRule: "evenodd", d: "M0 1a1 1 0 011-1h18a1 1 0 110 2H1a1 1 0 01-1-1zm3 7a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm3 7a1 1 0 011-1h6a1 1 0 110 2H7a1 1 0 01-1-1z", clipRule: "evenodd" }) }));
+}
+
+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" }) }));
+}
+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 HelpIcon({ 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("g", { clipPath: "url(#clip0_457_36778)", children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0C15.5228 0 20 4.47715 20 10ZM6 7C6 4.46214 8.03736 3 10 3C12.1193 3 14 4.66531 14 7C14 7.93746 13.7596 8.6603 13.368 9.2586C13.0353 9.76679 12.6034 10.1601 12.2697 10.4639L12.1757 10.5497C11.8041 10.8904 11.534 11.1593 11.337 11.504C11.1513 11.8288 11 12.2794 11 13C11 13.5523 10.5523 14 10 14C9.44772 14 9 13.5523 9 13C9 11.9706 9.22366 11.1712 9.60051 10.5117C9.96604 9.87199 10.4459 9.42214 10.8243 9.07535L10.8834 9.02116L10.8834 9.02116L10.8834 9.02115C11.2572 8.67885 11.5066 8.45039 11.6945 8.16328C11.8654 7.9022 12 7.56254 12 7C12 5.83469 11.0807 5 10 5C8.96264 5 8 5.73786 8 7C8 7.55228 7.55228 8 7 8C6.44772 8 6 7.55228 6 7ZM10 15C9.44771 15 9 15.4477 9 16C9 16.5523 9.44771 17 10 17C10.5523 17 11 16.5523 11 16C11 15.4477 10.5523 15 10 15Z", fill: "currentColor" }) }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "clip0_457_36778", children: jsxRuntime.jsx("rect", { width: "20", height: "20", fill: "white" }) }) })] }));
+}
+function GasIcon({ 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: "M14 20H15M14 20V10M14 20H4M14 10V6C14 4.89543 13.1046 4 12 4H6C4.89543 4 4 4.89543 4 6V20M14 10H16C17.1046 10 18 10.8954 18 12V15.5C18 16.3284 18.6716 17 19.5 17C20.3284 17 21 16.3284 21 15.5V8.82843C21 8.29799 20.7893 7.78929 20.4142 7.41421L19 6M3 20H4M11 10H7", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+}
+function ReceiptBillIcon({ 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: "M9 8H15M9 12H11M19 21V5C19 3.89543 18.1046 3 17 3H7C5.89543 3 5 3.89543 5 5V21L7.33333 19L9.66667 21L12 19L14.3333 21L16.6667 19L19 21Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+}
+function SnapIcon({ 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: "M7.60432 8.13491L6.86929 4.13131L7.51863 3.59433C8.93283 2.42484 11.0996 3.0614 11.6333 4.80313M15.141 14.4185C16.1348 13.6216 17.5974 13.7463 18.4312 14.7051C19.2943 15.6975 19.1596 17.1954 18.1329 18.0228L16.3602 19.4514C13.4126 21.8267 9.07509 21.4254 6.62767 18.5508C4.15811 15.6503 4.54199 11.3259 7.4851 8.89209L13.7274 3.72992C14.7023 2.92376 16.1557 3.04908 16.9737 4.00982C17.7917 4.97057 17.6645 6.40293 16.6897 7.20909L12.9633 10.2906L13.5517 9.80407C14.5265 8.99791 15.9799 9.12323 16.7979 10.084C17.6159 11.0447 17.4887 12.4771 16.5139 13.2832L15.9255 13.7698", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+}
+
+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 MenuSwapIcon({ 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.jsxs("g", { clipPath: "url(#clip0_2573_73593)", children: [jsxRuntime.jsx("path", { d: "M16 9H20C21.6569 9 23 10.3431 23 12V20C23 21.6569 21.6569 23 20 23H12C10.3431 23 9 21.6569 9 20V16", stroke: "currentColor", strokeWidth: "2" }), jsxRuntime.jsx("circle", { cx: "8.5", cy: "8.5", r: "7.5", stroke: "currentColor", strokeWidth: "2" }), jsxRuntime.jsx("path", { d: "M6 11V6H11", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M19 14L19 19L14 19", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("line", { x1: "6.70711", y1: "6.29289", x2: "18.7071", y2: "18.2929", stroke: "currentColor", strokeWidth: "2" })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "clip0_2573_73593", children: jsxRuntime.jsx("rect", { width: "24", height: "24", fill: "white" }) }) })] }));
+}
+function ColorPaletteIcon({ size = '24', className, }) {
+    return (jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsxRuntime.jsx("path", { d: "M7.4 11.25H6.4V13.25H7.4V11.25ZM7.6 13.25H8.6V11.25H7.6V13.25ZM15.4 8.5H14.4V10.5H15.4V8.5ZM15.6 10.5H16.6V8.5H15.6V10.5ZM10.4 7H9.4V9H10.4V7ZM10.6 9H11.6V7H10.6V9ZM7 12.25C7 11.9739 7.22386 11.75 7.5 11.75V13.75C8.32843 13.75 9 13.0784 9 12.25H7ZM7.5 11.75C7.77614 11.75 8 11.9739 8 12.25H6C6 13.0784 6.67157 13.75 7.5 13.75V11.75ZM8 12.25C8 12.5261 7.77614 12.75 7.5 12.75V10.75C6.67157 10.75 6 11.4216 6 12.25H8ZM7.5 12.75C7.22386 12.75 7 12.5261 7 12.25H9C9 11.4216 8.32843 10.75 7.5 10.75V12.75ZM15 9.5C15 9.22386 15.2239 9 15.5 9V11C16.3284 11 17 10.3284 17 9.5H15ZM15.5 9C15.7761 9 16 9.22386 16 9.5H14C14 10.3284 14.6716 11 15.5 11V9ZM16 9.5C16 9.77614 15.7761 10 15.5 10V8C14.6716 8 14 8.67157 14 9.5H16ZM15.5 10C15.2239 10 15 9.77614 15 9.5H17C17 8.67157 16.3284 8 15.5 8V10ZM12 19.5C7.5271 19.5 4 16.0891 4 12H2C2 17.2998 6.53177 21.5 12 21.5V19.5ZM4 12C4 7.91095 7.5271 4.5 12 4.5V2.5C6.53177 2.5 2 6.70021 2 12H4ZM12 4.5C16.4729 4.5 20 7.91095 20 12H22C22 6.70021 17.4682 2.5 12 2.5V4.5ZM20 12C20 13.5786 19.581 14.0563 19.2921 14.2361C18.9042 14.4775 18.2607 14.5224 17.2336 14.3889C16.7375 14.3243 16.2569 14.236 15.7115 14.1503C15.1923 14.0687 14.6354 13.9936 14.1011 13.9858C13.0367 13.9703 11.7662 14.2315 11.1056 15.5528L12.8944 16.4472C13.04 16.156 13.2977 15.9743 14.0719 15.9856C14.457 15.9912 14.8971 16.0469 15.401 16.126C15.8788 16.2011 16.4476 16.3035 16.9757 16.3722C17.9971 16.505 19.3012 16.5862 20.3489 15.934C21.4956 15.2203 22 13.8745 22 12H20ZM11.1056 15.5528C10.6885 16.3868 10.8107 17.2221 11.0282 17.8666C11.2381 18.4885 11.5952 19.0909 11.8078 19.4797C11.9271 19.6979 12.0018 19.847 12.0433 19.9569C12.0928 20.0878 12.0416 20.0281 12.0725 19.8775C12.1227 19.6322 12.3012 19.5021 12.3753 19.4702C12.3936 19.4623 12.3055 19.5 12 19.5V21.5C12.4013 21.5 12.8121 21.4596 13.1661 21.3072C13.576 21.1307 13.9272 20.7897 14.0318 20.2788C14.117 19.8626 14.0021 19.4825 13.9142 19.2501C13.8185 18.9968 13.6825 18.7396 13.5626 18.5203C13.2968 18.0341 13.0613 17.6365 12.9232 17.2271C12.7927 16.8404 12.8115 16.6132 12.8944 16.4472L11.1056 15.5528ZM7.4 13.25H7.6V11.25H7.4V13.25ZM15.4 10.5H15.6V8.5H15.4V10.5ZM10 8C10 7.72386 10.2239 7.5 10.5 7.5V9.5C11.3284 9.5 12 8.82843 12 8H10ZM10.5 7.5C10.7761 7.5 11 7.72386 11 8H9C9 8.82843 9.67157 9.5 10.5 9.5V7.5ZM11 8C11 8.27614 10.7761 8.5 10.5 8.5V6.5C9.67157 6.5 9 7.17157 9 8H11ZM10.5 8.5C10.2239 8.5 10 8.27614 10 8H12C12 7.17157 11.3284 6.5 10.5 6.5V8.5ZM10.4 9H10.6V7H10.4V9Z", fill: "currentColor" }) }));
+}
+function ConsoleIcon({ size = '24', className, }) {
+    return (jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsxRuntime.jsx("path", { d: "M7.5 8L9.25 9.75L7.5 11.5M12 11.5H14M7 20H17C18.6569 20 20 18.6569 20 17V7C20 5.34315 18.6569 4 17 4H7C5.34315 4 4 5.34315 4 7V17C4 18.6569 5.34315 20 7 20Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+}
+function BubblesIcon({ size = '30', className, }) {
+    return (jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: [jsxRuntime.jsx("path", { d: "M16 11C16 13.7614 13.7614 16 11 16C8.23858 16 6 13.7614 6 11C6 8.23858 8.23858 6 11 6C13.7614 6 16 8.23858 16 11Z", stroke: "currentColor", strokeWidth: "2" }), jsxRuntime.jsx("path", { d: "M21 20.5C21 22.433 19.433 24 17.5 24C15.567 24 14 22.433 14 20.5C14 18.567 15.567 17 17.5 17C19.433 17 21 18.567 21 20.5Z", stroke: "currentColor", strokeWidth: "2" }), jsxRuntime.jsx("path", { d: "M24 12.5C24 13.8807 22.8807 15 21.5 15C20.1193 15 19 13.8807 19 12.5C19 11.1193 20.1193 10 21.5 10C22.8807 10 24 11.1193 24 12.5Z", stroke: "currentColor", strokeWidth: "2" })] }));
+}
+
+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 PieChartIcon() {
+    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", fill: "none", viewBox: "0 0 14 14", children: [jsxRuntime.jsx("path", { fill: "currentColor", d: "M13.478 8.582A6.667 6.667 0 007.667.366V6.53l5.81 2.053z" }), jsxRuntime.jsx("path", { fill: "currentColor", d: "M13.034 9.84L6.778 7.629A.667.667 0 016.334 7V.366a6.667 6.667 0 106.7 9.474z" })] }));
+}
+
+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" }) }));
+}
+
+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 GithubIcon({ size = '24', className, }) {
+    return (jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsxRuntime.jsx("path", { d: "M12 1.95068C17.525 1.95068 22 6.42568 22 11.9507C21.9995 14.0459 21.3419 16.0883 20.1198 17.7902C18.8977 19.4922 17.1727 20.768 15.1875 21.4382C14.6875 21.5382 14.5 21.2257 14.5 20.9632C14.5 20.6257 14.5125 19.5507 14.5125 18.2132C14.5125 17.2757 14.2 16.6757 13.8375 16.3632C16.0625 16.1132 18.4 15.2632 18.4 11.4257C18.4 10.3257 18.0125 9.43818 17.375 8.73818C17.475 8.48818 17.825 7.46318 17.275 6.08818C17.275 6.08818 16.4375 5.81318 14.525 7.11318C13.725 6.88818 12.875 6.77568 12.025 6.77568C11.175 6.77568 10.325 6.88818 9.525 7.11318C7.6125 5.82568 6.775 6.08818 6.775 6.08818C6.225 7.46318 6.575 8.48818 6.675 8.73818C6.0375 9.43818 5.65 10.3382 5.65 11.4257C5.65 15.2507 7.975 16.1132 10.2 16.3632C9.9125 16.6132 9.65 17.0507 9.5625 17.7007C8.9875 17.9632 7.55 18.3882 6.65 16.8757C6.4625 16.5757 5.9 15.8382 5.1125 15.8507C4.275 15.8632 4.775 16.3257 5.125 16.5132C5.55 16.7507 6.0375 17.6382 6.15 17.9257C6.35 18.4882 7 19.5632 9.5125 19.1007C9.5125 19.9382 9.525 20.7257 9.525 20.9632C9.525 21.2257 9.3375 21.5257 8.8375 21.4382C6.8458 20.7752 5.11342 19.502 3.88611 17.799C2.65881 16.096 1.9989 14.0498 2 11.9507C2 6.42568 6.475 1.95068 12 1.95068Z", fill: "currentColor" }) }));
+}
+function DiscordIcon({ size = '24', className, }) {
+    return (jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsxRuntime.jsx("path", { d: "M19.6361 5.0228C18.1907 4.35756 16.6648 3.88561 15.0973 3.61902C14.8828 4.00447 14.6888 4.40105 14.5159 4.8071C12.8463 4.55418 11.1484 4.55418 9.47881 4.8071C9.30587 4.4011 9.1118 4.00452 8.8974 3.61902C7.32897 3.88786 5.80205 4.36093 4.35518 5.02628C1.48276 9.29851 0.70409 13.4646 1.09342 17.5716C2.77558 18.821 4.6584 19.7712 6.66003 20.3809C7.11074 19.7715 7.50956 19.1251 7.85226 18.4483C7.20135 18.2039 6.57311 17.9024 5.9748 17.5473C6.13227 17.4325 6.28627 17.3142 6.43508 17.1994C8.17601 18.0224 10.0761 18.4491 12 18.4491C13.9238 18.4491 15.8239 18.0224 17.5648 17.1994C17.7154 17.3229 17.8694 17.4412 18.0251 17.5473C17.4257 17.903 16.7963 18.2051 16.1442 18.4501C16.4865 19.1265 16.8853 19.7724 17.3364 20.3809C19.3398 19.7737 21.224 18.8239 22.9065 17.5734C23.3633 12.8106 22.1261 8.68273 19.6361 5.0228ZM8.34541 15.0459C7.26047 15.0459 6.36414 14.0561 6.36414 12.8384C6.36414 11.6208 7.22932 10.6223 8.34195 10.6223C9.45458 10.6223 10.344 11.6208 10.325 12.8384C10.3059 14.0561 9.45112 15.0459 8.34541 15.0459ZM15.6545 15.0459C14.5678 15.0459 13.675 14.0561 13.675 12.8384C13.675 11.6208 14.5401 10.6223 15.6545 10.6223C16.7689 10.6223 17.6514 11.6208 17.6323 12.8384C17.6133 14.0561 16.7602 15.0459 15.6545 15.0459Z", stroke: "currentColor", strokeWidth: "2", strokeLinejoin: "round" }) }));
+}
+function MirrorIcon({ size = '24', className, }) {
+    return (jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsxRuntime.jsx("path", { d: "M6 9C6 5.68629 8.68629 3 12 3C15.3137 3 18 5.68629 18 9V20C18 20.5523 17.5523 21 17 21H7C6.44771 21 6 20.5523 6 20V9Z", stroke: "currentColor", strokeWidth: "2" }) }));
+}
+
+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 SquidLogo({ size = '40', className, }) {
+    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 40 40", fill: "none", className: className, children: [jsxRuntime.jsx("g", { clipPath: "url(#clip0_133_44979)", children: jsxRuntime.jsx("path", { d: "M39.7776 17.0119L39.7737 16.9863L39.6631 16.9902C39.6631 16.9902 39.6608 17.0237 39.6601 17.027L39.6233 17.0286C39.5751 17.6494 39.4736 18.2391 39.3215 18.7807C38.9488 20.1143 38.3241 21.4615 37.5632 22.5742C36.7215 23.8061 35.7416 24.719 34.7288 25.2142C34.0969 25.5239 33.4703 25.7509 32.8673 25.8894C32.3993 25.9949 31.9376 26.0477 31.4969 26.0477C29.9688 26.0477 28.5688 25.4047 27.4473 24.1886C25.7136 22.3078 24.7097 19.075 24.9488 16.143C25.0319 15.1173 25.196 14.163 25.3544 13.2405C25.6913 11.2822 25.9816 9.59092 25.4384 7.82282C25.1471 6.87567 24.532 6.14133 23.7048 5.7539C23.1416 5.48987 22.5537 5.35623 21.956 5.35623C20.0352 5.35623 18.4503 6.70896 17.6775 7.86752C16.4976 9.63632 15.9094 11.8636 16.0657 13.9772C16.2112 15.9555 16.8969 17.2596 17.9257 19.0251C18.4417 19.9099 18.9793 20.6915 19.4545 21.3818C20.2577 22.5499 20.9513 23.5588 21.2936 24.6652C21.7681 26.1988 21.4384 26.9364 21.2743 27.1828C21.0719 27.4868 20.7471 27.6619 20.3078 27.7036C20.2517 27.7092 20.1965 27.7115 20.143 27.7115C18.8021 27.7115 18.7765 25.881 18.7614 24.7867V24.7621C18.7607 24.6899 18.759 24.6212 18.7581 24.5555C18.7125 22.4123 17.8892 21.1315 16.8461 19.5092C16.1916 18.4915 15.4501 17.3388 14.7988 15.7683C13.7572 13.2596 13.4957 10.8396 14.0221 8.57625C14.0405 8.49546 14.0605 8.41467 14.0813 8.33294C14.7204 5.81374 16.3004 2.58743 20.1949 1.5241C20.9325 1.32247 21.6901 1.22002 22.4461 1.22002C24.7357 1.22002 26.7302 2.16251 27.9173 3.80489C28.8782 5.13364 29.3735 6.64005 29.4326 8.40978C29.447 8.8305 29.4359 9.27148 29.3998 9.72014C29.3157 10.7322 29.1013 11.8417 28.7453 13.1113C28.0254 15.6778 27.851 17.8522 28.2277 19.573C28.5166 20.8929 29.1478 21.8987 29.959 22.3313C30.6165 22.6817 31.3173 22.8594 32.0414 22.8594C33.891 22.8594 35.5758 21.6794 36.4254 20.5106C37.7613 18.6722 38.4654 15.4305 38.3502 13.481C38.3078 12.7658 38.247 12.1602 38.163 11.6242L38.1607 11.6163L38.159 11.6123C36.5781 8.19395 34.071 5.29639 30.9085 3.23306C27.6647 1.11921 23.892 0 20 0C14.6575 0 9.63516 2.08009 5.85751 5.85751C2.08079 9.63516 0 14.6575 0 20C0 21.5527 0.179278 23.1015 0.533644 24.6049L0.53993 24.6312L0.651222 24.6151C0.651222 24.6151 0.649593 24.5823 0.648894 24.58L0.685681 24.5744C0.616997 23.3839 0.724796 22.2377 0.99837 21.2591C1.37113 19.9264 1.99604 18.5783 2.75669 17.4657C3.59837 16.2345 4.57835 15.3208 5.59115 14.8256C6.21839 14.5183 6.84144 14.292 7.44237 14.1527C7.91432 14.0456 8.37998 13.9919 8.82468 13.9919C10.3527 13.9919 11.7534 14.6342 12.8743 15.8503C14.6079 17.7304 15.6119 20.9639 15.3728 23.8966C15.2896 24.9229 15.1255 25.8766 14.9662 26.7991C14.6293 28.7574 14.339 30.4487 14.8822 32.2165C15.1725 33.1637 15.7886 33.8983 16.6158 34.2854C17.179 34.5495 17.7669 34.6829 18.3646 34.6829C20.2854 34.6829 21.8703 33.3302 22.6431 32.1709C23.8231 30.4021 24.4109 28.1749 24.2549 26.0615C24.1094 24.0838 23.4237 22.779 22.3949 21.0133C21.8806 20.1308 21.342 19.3476 20.8668 18.6566C20.0636 17.4885 19.37 16.4799 19.0277 15.3725C18.5532 13.8389 18.8829 13.1013 19.0461 12.8556C19.2484 12.5516 19.5732 12.3765 20.0126 12.3348C20.0687 12.3292 20.1246 12.3269 20.1774 12.3269C21.5183 12.3269 21.5439 14.1558 21.559 15.2477L21.5597 15.2789C21.5604 15.3502 21.562 15.4172 21.563 15.4822C21.6086 17.6254 22.4319 18.9062 23.475 20.5285C24.1295 21.5462 24.871 22.6997 25.5222 24.2694C26.5311 26.6983 26.8077 29.0461 26.3462 31.2477C26.3334 31.3085 26.3197 31.3693 26.3062 31.4303C25.695 34.0589 24.1262 37.4221 20.1255 38.515C19.3879 38.7166 18.6303 38.8182 17.8743 38.8189C15.5846 38.8189 13.5902 37.8766 12.403 36.2342C11.4421 34.9055 10.9471 33.3991 10.8878 31.6293C10.8789 31.3725 10.8799 31.1069 10.8894 30.8414C10.9357 29.6894 11.1607 28.4093 11.5758 26.9278C12.2957 24.3614 12.4703 22.187 12.0934 20.4661C11.8047 19.1453 11.1735 18.1404 10.3623 17.7078C9.70477 17.3574 9.00466 17.1797 8.27986 17.1797C6.43097 17.1797 4.74552 18.3597 3.89593 19.5285C2.55995 21.3669 1.85588 24.6086 1.97113 26.5581C2.04237 27.7693 2.16554 28.6598 2.37183 29.4494L2.37416 29.4559L2.37579 29.4589C5.87008 35.9597 12.6247 39.9998 19.9998 39.9998C25.3423 39.9998 30.3646 37.9197 34.1423 34.1423C37.9197 30.3646 39.9998 25.3423 39.9998 19.9998C39.9998 19.0014 39.9253 17.9958 39.7774 17.0116L39.7776 17.0119Z", fill: "currentColor" }) }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "clip0_133_44979", children: jsxRuntime.jsx("rect", { width: "40", height: "40", fill: "white" }) }) })] }));
+}
+
+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", { clipPath: "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 SwapStepSeparator() {
+    return (jsxRuntime.jsx("span", { className: "tw-flex tw-h-squid-m tw-w-squid-xxl tw-items-center tw-justify-center tw-self-stretch tw-py-0.5", children: jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "4", height: "21", viewBox: "0 0 4 21", fill: "none", children: jsxRuntime.jsx("path", { d: "M2 2.5V18.5", stroke: "currentColor", strokeWidth: "4", strokeLinecap: "round" }) }) }));
+}
+
+function TagIcon({ size = '20' }) {
+    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: "none", viewBox: "0 0 20 20", children: jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "square", strokeWidth: "2", d: "M5.4 5.5h.2M1 3v6.172a2 2 0 00.586 1.414l7.75 7.75a2 2 0 002.828 0l6.172-6.172a2 2 0 000-2.828l-7.75-7.75A2 2 0 009.172 1H3a2 2 0 00-2 2zm5 2.5a.5.5 0 11-1 0 .5.5 0 011 0z" }) }));
+}
+function TagIconFilled() {
+    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", { fill: "currentColor", fillRule: "evenodd", d: "M1.333 3.333a2 2 0 012-2h4.115a2 2 0 011.414.586l5.167 5.167a2 2 0 010 2.828L9.914 14.03a2 2 0 01-2.828 0L1.919 8.862a2 2 0 01-.586-1.414V3.333zM5 6a1 1 0 100-2 1 1 0 000 2z", clipRule: "evenodd" }) }));
+}
+
+function ThumbsUp({ fill }) {
+    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16", children: [jsxRuntime.jsx("path", { stroke: !fill ? 'currentColor' : 'none', strokeLinejoin: "round", strokeWidth: "1.5", fill: fill ? 'currentColor' : 'none', d: "M8.97 2.038L8.666 2c-.643 1.54-1.604 2.869-2.738 4.065a2.114 2.114 0 00-.596 1.448v4.304c0 .518.299.997.786 1.175 1.653.602 3.382.73 5.13.579 1.067-.093 1.904-.917 2.14-1.962l.562-2.503a2 2 0 00-1.95-2.44h-2l.632-2.055a2 2 0 00-1.664-2.573z" }), jsxRuntime.jsx("path", { stroke: !fill ? 'currentColor' : 'none', strokeLinejoin: "round", strokeWidth: "1.5", fill: fill ? 'currentColor' : 'none', d: "M2 8c0-.736.597-1.333 1.333-1.333a2 2 0 012 2v2.666a2 2 0 01-2 2A1.333 1.333 0 012 12V8z" })] }));
+}
+
+function Tick({ className }) {
+    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "9", height: "7", fill: "none", viewBox: "0 0 9 7", className: className, children: jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M7.497 1l-4.5 4.5-2-2" }) }));
+}
+
+function Timeline(_a) {
+    var { className } = _a, props = __rest$1(_a, ["className"]);
+    return (jsxRuntime.jsx("div", Object.assign({ className: cn('tw-flex tw-flex-col tw-text-grey-500', className) }, props)));
+}
+Timeline.ArrowDown = ArrowDown;
+Timeline.ArrowReverse = ArrowReverse;
+Timeline.ArrowRight = ArrowRight;
+Timeline.ArrowUp = ArrowUp;
+Timeline.CapBottom = CapBottom;
+Timeline.CapTop = CapTop;
+Timeline.Straight = Straight;
+function ArrowDown(props) {
+    return (jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "40", height: "6", fill: "none", viewBox: "0 0 40 6" }, props, { children: jsxRuntime.jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M20.707 5.707a1 1 0 01-1.414 0l-4-4A1 1 0 0116.707.293L19 2.586V0h2v2.586L23.293.293a1 1 0 111.414 1.414l-4 4z", clipRule: "evenodd" }) })));
+}
+function ArrowReverse(props) {
+    return (jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "40", height: "15", fill: "none", viewBox: "0 0 40 15" }, props, { children: jsxRuntime.jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M15 0a6 6 0 00-6 6v5.586L6.707 9.293a1 1 0 00-1.414 1.414l4 4a1 1 0 001.414 0l4-4a1 1 0 00-1.414-1.414L11 11.586V6a4 4 0 018 0v9h2V6a6 6 0 00-6-6z", clipRule: "evenodd" }) })));
+}
+function ArrowRight(props) {
+    return (jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "40", height: "10", fill: "none", viewBox: "0 0 40 10" }, props, { children: jsxRuntime.jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M21 0v2a2 2 0 002 2h10.586l-2.293-2.293A1 1 0 0132.707.293l4 4a1 1 0 010 1.414l-4 4a1 1 0 11-1.414-1.414L33.586 6H23a4 4 0 01-4-4V0h2z", clipRule: "evenodd" }) })));
+}
+function ArrowUp(props) {
+    return (jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "40", height: "6", fill: "none", viewBox: "0 0 40 6" }, props, { children: jsxRuntime.jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M19.293.293a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L21 3.414V6h-2V3.414l-2.293 2.293a1 1 0 11-1.414-1.414l4-4z", clipRule: "evenodd" }) })));
+}
+function CapBottom(props) {
+    return (jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "40", height: "1", fill: "none", viewBox: "0 0 40 1" }, props, { children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M19 0h2a1 1 0 11-2 0z" }) })));
+}
+function CapTop(props) {
+    return (jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "40", height: "1", fill: "none", viewBox: "0 0 40 1" }, props, { children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M21 1h-2a1 1 0 112 0z" }) })));
+}
+function Straight(_a) {
+    var { className } = _a; __rest$1(_a, ["className"]);
+    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "40", height: "1", fill: "none", viewBox: "0 0 40 1", className: cn('tw-flex-grow', className), preserveAspectRatio: "none", children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M19 0H21V2H19z" }) }));
+}
+
+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 WalletIcon({ 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.33333 2C3.04467 2 2 3.04467 2 4.33333V11.3333C2 12.8061 3.19391 14 4.66667 14H12C13.1046 14 14 13.1046 14 12V7.33333C14 6.22876 13.1046 5.33333 12 5.33333H11.3333V3.60784C11.3333 2.71986 10.6135 2 9.72549 2H4.33333ZM10 5.33333V3.60784C10 3.45624 9.8771 3.33333 9.72549 3.33333H4.33333C3.78105 3.33333 3.33333 3.78105 3.33333 4.33333C3.33333 4.88562 3.78105 5.33333 4.33333 5.33333H10ZM10.3333 10.5C10.7936 10.5 11.1667 10.1269 11.1667 9.66667C11.1667 9.20643 10.7936 8.83333 10.3333 8.83333C9.8731 8.83333 9.5 9.20643 9.5 9.66667C9.5 10.1269 9.8731 10.5 10.3333 10.5Z", fill: "currentColor" }) }));
+}
+function WalletFilledIcon({ size = '24' }) {
+    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: [jsxRuntime.jsx("path", { d: "M4 6.5V17C4 18.6569 5.34315 20 7 20H18C19.1046 20 20 19.1046 20 18V11C20 9.89543 19.1046 9 18 9H16M4 6.5C4 7.88071 5.11929 9 6.5 9H16M4 6.5C4 5.11929 5.11929 4 6.5 4H14.5882C15.3679 4 16 4.63207 16 5.41176V9", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "square", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M15.5 15.375C15.9832 15.375 16.375 14.9832 16.375 14.5C16.375 14.0168 15.9832 13.625 15.5 13.625C15.0168 13.625 14.625 14.0168 14.625 14.5C14.625 14.9832 15.0168 15.375 15.5 15.375Z", fill: "currentColor", stroke: "currentColor", strokeWidth: "0.75" })] }));
+}
+
+function CrossAnimatedIcon({ size = 24, isOpen, transitionDuration, className, }) {
+    const rotateDegrees = isOpen ? 45 : 0;
+    return (jsxRuntime.jsxs("div", { style: {
+            width: size,
+            height: size * 0.585,
+        }, className: cn('tw-relative tw-rotate-0 tw-transition-transform', className), children: [jsxRuntime.jsx("span", { style: {
+                    height: size * 0.1,
+                    top: isOpen ? size * -0.05 : 0,
+                    transformOrigin: 'left center',
+                    left: isOpen ? size * 0.13 : 0,
+                    transitionDuration,
+                    transform: isOpen ? `rotate(${rotateDegrees}deg)` : 'rotate(0)',
+                }, className: "tw-absolute tw-block tw-w-full tw-rounded-sm tw-bg-current tw-opacity-100 tw-transition-transform" }), jsxRuntime.jsx("span", { style: {
+                    height: size * 0.1,
+                    top: isOpen ? size * 0.65 : size * 0.6,
+                    transformOrigin: 'left center',
+                    left: isOpen ? size * 0.13 : 0,
+                    transitionDuration,
+                    transform: isOpen ? `rotate(-${rotateDegrees}deg)` : 'rotate(0)',
+                }, className: "tw-absolute tw-block tw-w-full tw-rounded-sm tw-bg-current tw-opacity-100 tw-transition-transform" })] }));
+}
+
+function SunriseIcon({ size = '32', className, }) {
+    return (jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: [jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16 6C16.5523 6 17 6.44772 17 7V8C17 8.55228 16.5523 9 16 9C15.4477 9 15 8.55228 15 8V7C15 6.44772 15.4477 6 16 6ZM6 16C6 15.4477 6.44772 15 7 15H8C8.55228 15 9 15.4477 9 16C9 16.5523 8.55228 17 8 17H7C6.44772 17 6 16.5523 6 16ZM23 16C23 15.4477 23.4477 15 24 15H25C25.5523 15 26 15.4477 26 16C26 16.5523 25.5523 17 25 17H24C23.4477 17 23 16.5523 23 16Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20.9491 11.0503C20.5586 10.6597 20.5586 10.0266 20.9491 9.63604L21.6562 8.92893C22.0468 8.53841 22.6799 8.53841 23.0705 8.92893C23.461 9.31946 23.461 9.95262 23.0705 10.3431L22.3634 11.0503C21.9728 11.4408 21.3397 11.4408 20.9491 11.0503Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 20C6 19.4477 6.44772 19 7 19H25C25.5523 19 26 19.4477 26 20C26 20.5523 25.5523 21 25 21H7C6.44772 21 6 20.5523 6 20ZM10 24C10 23.4477 10.4477 23 11 23H21C21.5523 23 22 23.4477 22 24C22 24.5523 21.5523 25 21 25H11C10.4477 25 10 24.5523 10 24Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.92961 8.92893C9.32014 8.53841 9.9533 8.53841 10.3438 8.92893L11.0509 9.63604C11.4415 10.0266 11.4415 10.6597 11.0509 11.0503C10.6604 11.4408 10.0272 11.4408 9.63672 11.0503L8.92961 10.3431C8.53909 9.95262 8.53909 9.31946 8.92961 8.92893Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 17C11.4477 17 11 16.5523 11 16C11 13.2386 13.2386 11 16 11C18.7614 11 21 13.2386 21 16C21 16.5523 20.5523 17 20 17C18.3023 17 13.6977 17 12 17Z", fill: "currentColor" })] }));
+}
+function SunIcon({ size = '24', className, }) {
+    return (jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 20 20", fill: "none", className: className, xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M10.8335 1.66671C10.8335 1.20647 10.4604 0.833374 10.0002 0.833374C9.53992 0.833374 9.16683 1.20647 9.16683 1.66671V2.50004C9.16683 2.96028 9.53992 3.33337 10.0002 3.33337C10.4604 3.33337 10.8335 2.96028 10.8335 2.50004V1.66671Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M10.8335 17.5001C10.8335 17.0398 10.4604 16.6667 10.0002 16.6667C9.53992 16.6667 9.16683 17.0398 9.16683 17.5001V18.3334C9.16683 18.7936 9.53992 19.1667 10.0002 19.1667C10.4604 19.1667 10.8335 18.7936 10.8335 18.3334V17.5001Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M16.481 3.51916C16.8064 3.8446 16.8064 4.37224 16.481 4.69767L15.8893 5.28934C15.5638 5.61478 15.0362 5.61478 14.7108 5.28934C14.3853 4.9639 14.3853 4.43627 14.7108 4.11083L15.3024 3.51916C15.6279 3.19373 16.1555 3.19373 16.481 3.51916Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M5.28955 15.8893C5.61499 15.5638 5.61499 15.0362 5.28955 14.7108C4.96411 14.3853 4.43647 14.3853 4.11104 14.7108L3.51937 15.3024C3.19393 15.6279 3.19393 16.1555 3.51937 16.4809C3.84481 16.8064 4.37244 16.8064 4.69788 16.4809L5.28955 15.8893Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M16.6668 10.0001C16.6668 9.53982 17.0399 9.16672 17.5002 9.16672H18.3335C18.7937 9.16672 19.1668 9.53982 19.1668 10.0001C19.1668 10.4603 18.7937 10.8334 18.3335 10.8334H17.5002C17.0399 10.8334 16.6668 10.4603 16.6668 10.0001Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M1.66683 9.16672C1.20659 9.16672 0.833496 9.53982 0.833496 10.0001C0.833496 10.4603 1.20659 10.8334 1.66683 10.8334H2.50016C2.9604 10.8334 3.3335 10.4603 3.3335 10.0001C3.3335 9.53982 2.9604 9.16672 2.50016 9.16672H1.66683Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M14.7108 14.7108C15.0362 14.3853 15.5638 14.3853 15.8893 14.7108L16.481 15.3024C16.8064 15.6279 16.8064 16.1555 16.481 16.4809C16.1555 16.8064 15.6279 16.8064 15.3024 16.4809L14.7108 15.8893C14.3853 15.5638 14.3853 15.0362 14.7108 14.7108Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M4.69788 3.51916C4.37244 3.19373 3.84481 3.19373 3.51937 3.51916C3.19393 3.8446 3.19393 4.37224 3.51937 4.69767L4.11104 5.28934C4.43647 5.61478 4.96411 5.61478 5.28955 5.28934C5.61499 4.9639 5.61499 4.43627 5.28955 4.11083L4.69788 3.51916Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M6.46463 6.46451C8.41725 4.51189 11.5831 4.51189 13.5357 6.46451C15.4883 8.41713 15.4883 11.583 13.5357 13.5356C11.5831 15.4882 8.41725 15.4882 6.46463 13.5356C4.51201 11.583 4.51201 8.41713 6.46463 6.46451Z", fill: "currentColor" })] }));
+}
+function MoonIcon({ size = '20', className, }) {
+    return (jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsxRuntime.jsx("path", { d: "M10.0463 2.99972C10.2292 2.73432 10.2427 2.38723 10.0809 2.10846C9.91903 1.8297 9.61096 1.66925 9.28979 1.69647C5.02109 2.05816 1.66992 5.63639 1.66992 9.9982C1.66992 14.5997 5.40018 18.33 10.0017 18.33C14.3636 18.33 17.9419 14.9787 18.3035 10.7098C18.3307 10.3887 18.1702 10.0806 17.8914 9.91879C17.6127 9.75698 17.2656 9.77044 17.0002 9.95336C16.1951 10.5083 15.2201 10.8331 14.1667 10.8331C11.4052 10.8331 9.16667 8.59452 9.16667 5.8331C9.16667 4.77977 9.49145 3.80481 10.0463 2.99972Z", fill: "currentColor" }) }));
+}
+
+const dockIconClassname = 'tw-text-grey-900';
+const dockIconSelectedClassname = 'group-data-[squid-theme-type=dark]:tw-text-royal-700 group-data-[squid-theme-type=light]:tw-text-volt-700';
+function getDockIconClassname({ isSelected }) {
+    return cn('tw-max-h-full tw-max-w-full', isSelected ? dockIconSelectedClassname : dockIconClassname);
+}
+function DockIconSwap({ isSelected = false }) {
+    return (jsxRuntime.jsxs("svg", { className: getDockIconClassname({ isSelected }), xmlns: "http://www.w3.org/2000/svg", width: "80", height: "80", viewBox: "0 0 109 97", fill: "none", children: [jsxRuntime.jsxs("g", { filter: "url(#filter0_dd_1247_37415)", children: [jsxRuntime.jsx("path", { d: "M63.6703 17.0953L37.5166 21.707C34.6819 22.2068 32.7896 24.9126 33.29 27.7506L33.793 30.6033C33.3175 30.6287 32.8384 30.6832 32.3576 30.7679C25.9215 31.9028 21.6251 38.0463 22.7612 44.4898C23.8974 50.9334 30.036 55.2369 36.4721 54.1021C36.9528 54.0173 37.4217 53.9046 37.8772 53.7659L39.9405 65.4678C40.4409 68.3057 43.1446 70.2012 45.9793 69.7013L72.133 65.0897C74.9677 64.5899 76.8601 61.8841 76.3596 59.0461L74.1505 46.5176L86.5832 38.2026L75.5578 21.6867L70.3825 25.1479L69.7091 21.3289C69.2087 18.4909 66.505 16.5955 63.6703 17.0953Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M71.4603 22.6225L71.1863 21.0685C70.5423 17.4162 67.062 14.9742 63.4099 15.6181L37.2561 20.2297C33.604 20.8737 31.1688 24.3589 31.8128 28.0111L32.0402 29.3009C24.8183 30.606 20.0076 37.5116 21.284 44.7503C22.5604 51.9891 29.4428 56.8329 36.6755 55.5892L38.4633 65.7282C39.1073 69.3805 42.5876 71.8225 46.2398 71.1786L72.3935 66.567C76.0456 65.923 78.4808 62.4378 77.8369 58.7856L75.7976 47.2205L87.4171 39.4495C88.1053 38.9892 88.2905 38.0584 87.8308 37.3698L76.8053 20.8539C76.5843 20.5228 76.2408 20.2932 75.8504 20.2155C75.46 20.1379 75.0548 20.2186 74.7239 20.4398L71.4603 22.6225Z", className: "tw-stroke-grey-900", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" })] }), jsxRuntime.jsx("path", { d: "M63.6702 17.0953L37.5165 21.707C34.6818 22.2068 32.7895 24.9126 33.2899 27.7506L39.9404 65.4678C40.4408 68.3057 43.1445 70.2012 45.9792 69.7014L72.1329 65.0897C74.9676 64.5899 76.8599 61.8841 76.3595 59.0461L69.709 21.3289C69.2086 18.4909 66.5049 16.5955 63.6702 17.0953Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M49.0884 48.2686L62.4932 45.905", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M59.0986 43.5195L62.4998 45.908L60.1039 49.3081", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M59.3135 27.8751L45.9087 30.2388", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M49.3038 32.6307L45.9015 30.2358L48.2985 26.8421", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M65.9355 53.5151L47.8565 56.7029C45.8237 57.0613 44.4667 59.0018 44.8255 61.0369C45.1844 63.0721 47.1232 64.4314 49.1561 64.0729L67.2351 60.8851C69.2679 60.5267 70.6249 58.5863 70.2661 56.5511C69.9072 54.5159 67.9684 53.1566 65.9355 53.5151Z", className: "tw-fill-current tw-stroke-grey-300", 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", className: "tw-fill-current tw-stroke-grey-300", 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.1501 41.881 44.8381 41.2175 42.7504", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M32.9659 47.642C34.5412 49.3003 37.1165 49.6718 39.1334 48.4109C41.1503 47.1501 41.881 44.8381 41.2175 42.7504", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M31.9918 43.5313C32.4376 44.0191 33.1761 44.1464 33.7658 43.7931C34.3555 43.4399 34.5834 42.7816 34.4061 42.1745", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M31.9918 43.5313C32.4376 44.0191 33.1761 44.1464 33.7658 43.7931C34.3555 43.4399 34.5834 42.7816 34.4061 42.1745", className: "tw-stroke-grey-300", 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.5265 38.4345 39.9194", className: "tw-fill-current" }), 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.5265 38.4345 39.9194", className: "tw-stroke-grey-300", 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", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M41.8629 42.4827C41.3973 42.685 40.8832 42.7882 40.3758 42.7691", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M75.5576 21.6867L59.064 32.7176L70.0894 49.2335L86.5831 38.2026L75.5576 21.6867Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M70.0814 39.65C71.7524 41.2152 74.3416 41.4418 76.2791 40.0702C78.1457 38.7438 78.815 36.349 78.0326 34.2995", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M70.0814 39.65C71.7524 41.2152 74.3416 41.4418 76.2791 40.0702C78.1457 38.7438 78.815 36.349 78.0326 34.2995", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M68.8751 35.6008C69.3498 36.0645 70.0944 36.1519 70.6644 35.7628C71.2344 35.3736 71.4204 34.7025 71.212 34.1067", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M68.8751 35.6008C69.3498 36.0645 70.0944 36.1519 70.6644 35.7628C71.2344 35.3736 71.4204 34.7025 71.212 34.1067", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M72.7648 33.1203C73.2394 33.584 73.984 33.6714 74.554 33.2823C75.124 32.8931 75.31 32.222 75.1017 31.6262", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M72.7648 33.1203C73.2394 33.584 73.984 33.6714 74.554 33.2823C75.124 32.8931 75.31 32.222 75.1017 31.6262", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M78.6657 33.9882C78.2129 34.2204 77.7097 34.3483 77.1997 34.3577L78.6657 33.9882Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M78.6657 33.9882C78.2129 34.2204 77.7097 34.3483 77.1997 34.3577", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("filter", { id: "filter0_dd_1247_37415", x: "0.578613", 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_1247_37415" }), 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_1247_37415" }), 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_1247_37415", result: "effect2_dropShadow_1247_37415" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_1247_37415", result: "shape" })] }) })] }));
+}
+function DockIconCheckout({ isSelected = false }) {
+    return (jsxRuntime.jsxs("svg", { className: getDockIconClassname({ isSelected }), xmlns: "http://www.w3.org/2000/svg", width: "80", height: "80", viewBox: "0 0 93 106", fill: "none", children: [jsxRuntime.jsxs("g", { filter: "url(#filter0_dd_2890_2833)", children: [jsxRuntime.jsx("path", { d: "M20.8379 24.4996C18.57 24.8995 17.6524 27.7819 19.3763 29.343C19.7833 29.7104 20.2433 30.0228 20.6064 30.4322C21.2476 31.1575 21.5393 32.1327 21.5955 33.0981C21.6851 34.5766 21.3149 36.0677 21.1865 37.5391C21.0581 39.0104 21.025 40.5048 21.1368 41.9794C21.3281 44.5522 21.9589 47.4182 23.9392 49.2363C23.0632 49.8642 22.5766 50.9538 22.7756 52.0822C22.9745 53.2106 23.81 54.0671 24.8424 54.3585C23.6033 56.7443 23.9908 59.6532 24.6909 62.1362C25.0903 63.5601 25.6371 64.9466 26.2564 66.2918C26.8757 67.637 27.7381 68.9051 28.1596 70.3251C28.437 71.2515 28.4974 72.2731 28.142 73.1685C27.9408 73.6774 27.6154 74.1283 27.3586 74.6127C26.2781 76.6683 28.1206 79.064 30.3886 78.6641C31.0966 78.5392 31.7513 78.1443 32.1874 77.5769C32.6235 77.0095 32.6564 76.1938 33.1813 75.645C33.6285 75.1726 34.3092 74.9898 34.9599 74.9606C35.6107 74.9314 36.2683 74.941 36.9073 75.0393C45.4954 76.3254 46.9874 72.1726 46.9874 72.1726C47.1718 73.218 48.1673 73.9151 49.2128 73.7308C50.2582 73.5464 50.9553 72.5509 50.771 71.5054C50.771 71.5054 53.5935 74.8975 61.2237 70.7517C61.7961 70.4397 62.4053 70.2068 63.0267 70.0117C63.6482 69.8166 64.3458 69.762 64.9321 70.0465C65.6131 70.3827 65.898 71.1252 66.5269 71.5219C67.1558 71.9186 67.881 72.0531 68.5891 71.9283C70.857 71.5284 71.7746 68.646 70.0507 67.085C69.6437 66.7176 69.1837 66.4051 68.8206 65.9958C68.1794 65.2704 67.8877 64.2952 67.8315 63.3298C67.7419 61.8513 68.1121 60.3602 68.2405 58.8889C68.3679 57.412 68.4019 55.9231 68.2902 54.4485C68.0989 51.8757 67.4681 49.0097 65.4878 47.1916C66.3638 46.5638 66.8504 45.4741 66.6514 44.3457C66.4524 43.2173 65.617 42.3608 64.5846 42.0694C65.8237 39.6836 65.4362 36.7747 64.736 34.2917C64.3367 32.8678 63.7899 31.4813 63.1706 30.1361C62.5513 28.791 61.6889 27.5229 61.2674 26.1029C60.99 25.1765 60.9296 24.1548 61.285 23.2594C61.4862 22.7506 61.8116 22.2996 62.0684 21.8152C63.1489 19.7596 61.3063 17.364 59.0384 17.7639C58.3304 17.8887 57.6757 18.2836 57.2396 18.851C56.8035 19.4184 56.7705 20.2341 56.2456 20.7829C55.7985 21.2553 55.1178 21.4381 54.4671 21.4673C53.8163 21.4965 53.1587 21.487 52.5197 21.3886C43.9316 20.1025 42.4395 24.2554 42.4395 24.2554C42.2552 23.2099 41.2596 22.5128 40.2142 22.6972C39.1687 22.8815 38.4716 23.8771 38.656 24.9225C38.656 24.9225 35.8335 21.5304 28.2032 25.6762C27.6309 25.9882 27.0217 26.2211 26.4002 26.4162C25.7787 26.6114 25.0811 26.6659 24.4948 26.3815C23.8139 26.0453 23.529 25.3027 22.9001 24.906C22.2712 24.5093 21.5459 24.3748 20.8379 24.4996Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M18.3712 30.4564L18.3695 30.4548C15.6599 28.0013 17.1621 23.6247 20.5774 23.0224C21.6474 22.8338 22.7516 23.0388 23.7004 23.6373C24.2013 23.9533 24.5661 24.3901 24.7664 24.63C24.7867 24.6544 24.8054 24.6767 24.8223 24.6966C25.0513 24.9668 25.1213 25.0168 25.1545 25.0342C25.2588 25.0822 25.5174 25.1212 25.9509 24.9851C26.5177 24.8071 27.0278 24.6086 27.4854 24.3592L27.4871 24.3582C31.5213 22.1663 34.4925 21.8579 36.5834 22.2735C37.0211 22.3605 37.4115 22.4777 37.7565 22.6105C38.2589 21.9016 39.03 21.3828 39.9537 21.22C40.8774 21.0571 41.7795 21.2809 42.494 21.7751C42.7728 21.5323 43.0995 21.2887 43.4811 21.0572C45.3037 19.9516 48.2013 19.2252 52.7419 19.9051L52.7479 19.906C53.2533 19.9839 53.8034 19.9955 54.3998 19.9688C54.8771 19.9474 55.0947 19.8169 55.1563 19.7518L55.1616 19.7462C55.1887 19.7179 55.2408 19.6469 55.3709 19.2988C55.3805 19.2731 55.391 19.2441 55.4027 19.212C55.508 18.9228 55.7018 18.3904 56.0503 17.9369C56.7169 17.0696 57.7043 16.476 58.778 16.2866C62.1993 15.6834 65.0914 19.2882 63.3961 22.5131L63.3937 22.5177C63.2826 22.7273 63.1507 22.9488 63.045 23.1262C63.0101 23.1849 62.978 23.2387 62.9505 23.2856C62.8217 23.5058 62.7372 23.666 62.68 23.8108L62.6792 23.8129C62.4875 24.2957 62.4881 24.9504 62.7043 25.6726L62.7054 25.676C62.874 26.244 63.1404 26.8129 63.4747 27.4538C63.5615 27.6201 63.6562 27.7973 63.7549 27.9818C64.0116 28.4617 64.2949 28.9914 64.5331 29.5088C65.1749 30.9027 65.7535 32.3652 66.1801 33.8858M18.3712 30.4564L24.3047 55.7631C23.7612 57.8303 24.1233 60.1232 24.6909 62.1362L23.2467 62.5413C23.2468 62.5416 23.2469 62.542 23.247 62.5423C23.6735 64.0628 24.2521 65.5253 24.8939 66.9191C25.1321 67.4366 25.4154 67.9662 25.6721 68.4462C25.7708 68.6307 25.8655 68.8079 25.9523 68.9742C26.2866 69.615 26.553 70.1839 26.7216 70.7519L26.7226 70.7554C26.9389 71.4776 26.9394 72.1323 26.7478 72.6151L26.747 72.6171C26.6897 72.7619 26.6052 72.9222 26.4764 73.1423C26.449 73.1892 26.4169 73.2431 26.382 73.3017C26.2763 73.4791 26.1443 73.7007 26.0332 73.9102L26.0308 73.9148C24.3356 77.1398 27.2277 80.7445 30.649 80.1413C31.7227 79.952 32.7101 79.3583 33.3767 78.491C33.7252 78.0376 33.919 77.5052 34.0243 77.2159C34.0359 77.1839 34.0465 77.1548 34.0561 77.1291C34.1862 76.781 34.2383 76.7101 34.2654 76.6818L34.2707 76.6761C34.3323 76.6111 34.5499 76.4805 35.0272 76.4591C35.6236 76.4324 36.1736 76.4441 36.6791 76.5219L36.6851 76.5228C41.2257 77.2028 44.1232 76.4763 45.9458 75.3707C46.3275 75.1392 46.6542 74.8956 46.933 74.6528C47.6475 75.1471 48.5496 75.3708 49.4733 75.208C50.3969 75.0451 51.1681 74.5263 51.6705 73.8174C52.0155 73.9503 52.4058 74.0675 52.8436 74.1545C54.9344 74.57 57.9057 74.2616 61.9399 72.0697L61.9416 72.0688C62.3992 71.8194 62.9093 71.6208 63.4761 71.4428C63.9095 71.3067 64.1681 71.3457 64.2724 71.3937C64.3056 71.4111 64.3756 71.4609 64.6047 71.7313C64.6216 71.7512 64.6403 71.7736 64.6606 71.7979C64.8609 72.0378 65.2257 72.4746 65.7266 72.7906C66.6754 73.3891 67.7795 73.5942 68.8495 73.4055C72.2649 72.8033 73.7671 68.4267 71.0575 65.9731L71.0558 65.9715C70.8797 65.8126 70.6799 65.6495 70.5199 65.519C70.4671 65.4758 70.4186 65.4362 70.3767 65.4015C70.1807 65.239 70.0466 65.1174 69.9434 65.0011C69.5936 64.6047 69.3725 63.9918 69.329 63.2427L69.3288 63.2391C69.2928 62.6459 69.3475 62.0176 69.4415 61.302C69.4674 61.1047 69.4977 60.8922 69.5294 60.6706C69.6046 60.1438 69.6871 59.5659 69.7348 59.0193L69.7349 59.0178C69.8676 57.4795 69.905 55.908 69.786 54.3362C69.6197 52.1009 69.1224 49.3441 67.5087 47.1992C68.0769 46.3083 68.327 45.2104 68.1286 44.0852C67.93 42.9587 67.3168 42.0147 66.4805 41.3731C67.264 38.8051 66.7885 36.0437 66.1801 33.8858M18.3712 30.4564C18.5472 30.6153 18.747 30.7784 18.907 30.9089C18.9599 30.9521 19.0084 30.9917 19.0503 31.0264C19.2461 31.1888 19.3801 31.3103 19.4834 31.4266C19.8333 31.823 20.0544 32.4359 20.098 33.1852L20.0982 33.1888C20.1342 33.782 20.0795 34.4104 19.9855 35.1259C19.9596 35.3232 19.9293 35.5357 19.8976 35.7573C19.8224 36.2841 19.7399 36.862 19.6922 37.4087C19.5583 38.9434 19.522 40.5206 19.641 42.0917C19.8073 44.327 20.3046 47.0838 21.9183 49.2288M18.3712 30.4564L21.9183 49.2288M66.1801 33.8858C66.1801 33.8861 66.1802 33.8864 66.1803 33.8866L64.736 34.2917L66.1797 33.8846C66.1798 33.885 66.18 33.8854 66.1801 33.8858ZM21.9183 49.2288C21.3501 50.1196 21.1 51.2175 21.2984 52.3427C21.497 53.4692 22.1102 54.4132 22.9465 55.0548L21.9183 49.2288ZM28.2032 25.6762C32.7848 23.1869 35.633 23.4152 37.1776 23.9951L28.2032 25.6762ZM28.2032 25.6762C27.6309 25.9882 27.0217 26.2211 26.4002 26.4162C25.7787 26.6114 25.0811 26.6659 24.4948 26.3815L28.2032 25.6762ZM40.2142 22.6972C39.7634 22.7767 39.3773 23.007 39.0988 23.3271L41.4778 22.9077C41.1066 22.7021 40.665 22.6177 40.2142 22.6972Z", className: "tw-stroke-grey-900", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" })] }), jsxRuntime.jsx("path", { d: "M20.8379 24.4996C18.57 24.8995 17.6524 27.7819 19.3763 29.343C19.7833 29.7104 20.2433 30.0228 20.6064 30.4322C21.2476 31.1575 21.5393 32.1327 21.5955 33.0981C21.6851 34.5766 21.3149 36.0677 21.1865 37.5391C21.0581 39.0104 21.025 40.5048 21.1368 41.9794C21.3281 44.5522 21.9589 47.4182 23.9392 49.2363C23.0632 49.8642 22.5766 50.9538 22.7756 52.0822C22.9745 53.2106 23.81 54.0671 24.8424 54.3585C23.6033 56.7443 23.9908 59.6532 24.6909 62.1362C25.0903 63.5601 25.6371 64.9466 26.2564 66.2918C26.8757 67.637 27.7381 68.9051 28.1596 70.3251C28.437 71.2514 28.4974 72.2731 28.142 73.1685C27.9408 73.6774 27.6154 74.1283 27.3586 74.6127C26.2781 76.6683 28.1206 79.064 30.3886 78.6641C31.0966 78.5392 31.7513 78.1443 32.1874 77.5769C32.6235 77.0095 32.6564 76.1938 33.1813 75.645C33.6285 75.1726 34.3092 74.9898 34.9599 74.9606C35.6107 74.9314 36.2683 74.941 36.9073 75.0393C45.4954 76.3254 46.9874 72.1726 46.9874 72.1726C47.1718 73.218 48.1673 73.9151 49.2128 73.7308C50.2582 73.5464 50.9553 72.5509 50.771 71.5054C50.771 71.5054 53.5935 74.8975 61.2237 70.7517C61.7961 70.4397 62.4053 70.2068 63.0267 70.0117C63.6482 69.8166 64.3458 69.762 64.9321 70.0465C65.6131 70.3827 65.898 71.1252 66.5269 71.5219C67.1558 71.9187 67.881 72.0531 68.5891 71.9283C70.857 71.5284 71.7746 68.646 70.0507 67.085C69.6437 66.7176 69.1837 66.4051 68.8206 65.9958C68.1794 65.2704 67.8877 64.2952 67.8315 63.3298C67.7419 61.8513 68.1121 60.3602 68.2405 58.8889C68.3679 57.412 68.4019 55.9231 68.2902 54.4485C68.0989 51.8757 67.4681 49.0097 65.4878 47.1916C66.3638 46.5638 66.8504 45.4741 66.6514 44.3457C66.4524 43.2173 65.617 42.3608 64.5846 42.0694C65.8237 39.6836 65.4362 36.7747 64.736 34.2917C64.3367 32.8678 63.7899 31.4813 63.1706 30.1361C62.5513 28.791 61.6889 27.5229 61.2674 26.1029C60.99 25.1765 60.9296 24.1548 61.285 23.2594C61.4862 22.7506 61.8116 22.2996 62.0684 21.8152C63.1489 19.7596 61.3063 17.364 59.0384 17.7639C58.3304 17.8887 57.6757 18.2836 57.2396 18.851C56.8035 19.4184 56.7705 20.2341 56.2456 20.7829C55.7985 21.2553 55.1178 21.4381 54.4671 21.4673C53.8163 21.4965 53.1587 21.487 52.5197 21.3886C43.9316 20.1025 42.4395 24.2554 42.4395 24.2554C42.2552 23.2099 41.2596 22.5128 40.2142 22.6972C39.1687 22.8815 38.4716 23.8771 38.656 24.9225C38.656 24.9225 35.8335 21.5304 28.2032 25.6762C27.6309 25.9882 27.0217 26.2211 26.4002 26.4162C25.7787 26.6114 25.0811 26.6659 24.4948 26.3815C23.8139 26.0453 23.529 25.3027 22.9001 24.906C22.2712 24.5093 21.5459 24.3748 20.8379 24.4996Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M64.7972 66.306L57.3992 24.3496L24.6195 30.1295L32.0176 72.086L64.7972 66.306Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M54.5418 38.4847L43.4253 34.4391C42.6636 34.1627 41.8173 34.312 41.1961 34.8322L32.1337 42.4359C31.5125 42.9561 31.2218 43.7659 31.3623 44.5624L33.4163 56.2117C33.5568 57.0083 34.1124 57.6689 34.8686 57.9462L45.9851 61.9918C46.7467 62.2682 47.5931 62.1189 48.2143 61.5987L57.2767 53.995C57.8979 53.4748 58.1886 52.665 58.0481 51.8685L55.994 40.2192C55.8536 39.4226 55.2979 38.762 54.5418 38.4847Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M50.7979 48.5955C50.655 51.3755 48.5784 53.7664 45.718 54.2023C42.9627 54.6197 40.3544 53.0891 39.3109 50.6324", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M50.7979 48.5955C50.655 51.3755 48.5784 53.7664 45.718 54.2023C42.9627 54.6197 40.3544 53.0891 39.3109 50.6324", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M48.505 42.3838C48.4811 43.1865 47.8986 43.8938 47.0744 44.0391C46.2502 44.1844 45.5185 43.7545 45.1952 43.0529", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M48.505 42.3838C48.4811 43.1865 47.8986 43.8938 47.0744 44.0391C46.2502 44.1844 45.5185 43.7545 45.1952 43.0529", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M42.7688 43.3953C42.7449 44.198 42.1624 44.9052 41.3382 45.0506C40.5417 45.191 39.7823 44.766 39.459 44.0644", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M42.7688 43.3953C42.7449 44.198 42.1624 44.9052 41.3382 45.0506C40.5417 45.191 39.7823 44.766 39.459 44.0644", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M38.4824 50.9153C39.0717 50.7315 39.6255 50.4114 40.0834 49.9999L38.4824 50.9153Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M38.4824 50.9153C39.0717 50.7315 39.6255 50.4114 40.0834 49.9999", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("filter", { id: "filter0_dd_2890_2833", x: "-3.53467", y: "0.720215", width: "96.4963", height: "104.988", 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_2890_2833" }), 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_2890_2833" }), 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_2890_2833", result: "effect2_dropShadow_2890_2833" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_2890_2833", result: "shape" })] }) })] }));
+}
+function DockIconScan({ isSelected = false }) {
+    return (jsxRuntime.jsxs("svg", { className: getDockIconClassname({ isSelected }), xmlns: "http://www.w3.org/2000/svg", width: "80", height: "80", viewBox: "0 0 104 93", fill: "none", children: [jsxRuntime.jsxs("g", { filter: "url(#filter0_dd_1987_41216)", children: [jsxRuntime.jsxs("mask", { id: "path-1-outside-1_1987_41216", maskUnits: "userSpaceOnUse", x: "17.2639", y: "7.89738", width: "69.2766", height: "62.7873", fill: "black", children: [jsxRuntime.jsx("rect", { fill: "white", x: "17.2639", y: "7.89738", width: "69.2766", height: "62.7873" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M29.121 24.4211L26.4157 24.8981C23.7506 25.368 21.9711 27.9095 22.441 30.5745L27.9109 61.596C28.3809 64.2611 30.9223 66.0406 33.5874 65.5707L77.7067 57.7912C80.3718 57.3213 82.1514 54.7799 81.6814 52.1148L76.2115 21.0934C75.7416 18.4283 73.2002 16.6487 70.5351 17.1187L52.3411 20.3268C48.8487 17.8692 44.4172 16.7483 39.8802 17.5483C35.3432 18.3483 31.5623 20.9172 29.121 24.4211Z" })] }), jsxRuntime.jsx("path", { d: "M29.121 24.4211L29.642 27.3755C30.4279 27.2369 31.1263 26.7909 31.5825 26.1361L29.121 24.4211ZM22.441 30.5745L19.4866 31.0955L22.441 30.5745ZM27.9109 61.596L30.8654 61.075L27.9109 61.596ZM70.5351 17.1187L71.056 20.0731L70.5351 17.1187ZM52.3411 20.3268L50.6146 22.7802C51.2673 23.2395 52.0761 23.4198 52.8621 23.2812L52.3411 20.3268ZM26.9366 27.8525L29.642 27.3755L28.6001 21.4667L25.8948 21.9437L26.9366 27.8525ZM25.3954 30.0536C25.2132 29.0202 25.9032 28.0347 26.9366 27.8525L25.8948 21.9437C21.598 22.7013 18.729 26.7987 19.4866 31.0955L25.3954 30.0536ZM30.8654 61.075L25.3954 30.0536L19.4866 31.0955L24.9565 62.1169L30.8654 61.075ZM33.0664 62.6162C32.033 62.7985 31.0476 62.1084 30.8654 61.075L24.9565 62.1169C25.7141 66.4137 29.8116 69.2827 34.1083 68.5251L33.0664 62.6162ZM77.1858 54.8368L33.0664 62.6162L34.1083 68.5251L78.2277 60.7457L77.1858 54.8368ZM78.727 52.6357C78.9092 53.6691 78.2192 54.6546 77.1858 54.8368L78.2277 60.7457C82.5245 59.988 85.3935 55.8906 84.6359 51.5939L78.727 52.6357ZM73.2571 21.6143L78.727 52.6357L84.6359 51.5939L79.1659 20.5724L73.2571 21.6143ZM71.056 20.0731C72.0894 19.8909 73.0749 20.5809 73.2571 21.6143L79.1659 20.5724C78.4083 16.2756 74.3109 13.4066 70.0141 14.1642L71.056 20.0731ZM52.8621 23.2812L71.056 20.0731L70.0141 14.1642L51.8202 17.3723L52.8621 23.2812ZM54.0676 17.8733C49.9494 14.9754 44.714 13.6497 39.3592 14.5939L40.4011 20.5028C44.1204 19.847 47.748 20.763 50.6146 22.7802L54.0676 17.8733ZM39.3592 14.5939C34.0045 15.5381 29.5382 18.5744 26.6596 22.7061L31.5825 26.1361C33.5863 23.2601 36.6819 21.1586 40.4011 20.5028L39.3592 14.5939Z", className: "tw-fill-current", mask: "url(#path-1-outside-1_1987_41216)" })] }), jsxRuntime.jsx("rect", { x: "22.1691", y: "26.1546", width: "53.6", height: "40.3", rx: "4.4", transform: "rotate(-10 22.1691 26.1546)", className: "tw-fill-current tw-stroke-grey-100" }), jsxRuntime.jsx("path", { d: "M23.4946 32.5211L75.8864 23.283", className: "tw-stroke-grey-100", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M55.7461 39.7263L52.6416 44.1618L69.4942 55.9669L72.5987 51.5313L55.7461 39.7263Z", className: "tw-fill-current tw-stroke-grey-100", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M61.7136 42.7723L57.5659 48.6982L74.4185 60.5033L78.5662 54.5774L61.7136 42.7723Z", className: "tw-fill-current tw-stroke-grey-100", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M45.6602 50.3281C54.7086 48.7326 60.75 40.1012 59.1539 31.0493C57.5578 21.9975 48.9287 15.9529 39.8802 17.5483C30.8318 19.1438 24.7905 27.7752 26.3866 36.8271C27.9826 45.879 36.6117 51.9236 45.6602 50.3281Z", className: "tw-fill-current tw-stroke-grey-100", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("mask", { id: "mask0_1987_41216", style: { maskType: 'luminance' }, maskUnits: "userSpaceOnUse", x: "26", y: "17", width: "34", height: "34", children: jsxRuntime.jsx("path", { d: "M46.1553 50.2408C55.2038 48.6453 61.2451 40.0139 59.649 30.962C58.0529 21.9101 49.4238 15.8655 40.3754 17.461C31.3269 19.0565 25.2856 27.6879 26.8817 36.7398C28.4778 45.7916 37.1069 51.8362 46.1553 50.2408Z", fill: "white" }) }), jsxRuntime.jsxs("g", { mask: "url(#mask0_1987_41216)", children: [jsxRuntime.jsx("path", { d: "M31.7583 39.0834C33.391 42.9447 37.5553 45.2561 41.8224 44.3965C45.9378 43.57 48.8235 40.0596 49.0377 36.0555", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M31.7583 39.0834C33.391 42.9447 37.5553 45.2561 41.8224 44.3965C45.9378 43.57 48.8235 40.0596 49.0377 36.0555", className: "tw-stroke-grey-100", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M31.8042 29.1248C32.2486 30.2508 33.437 30.9493 34.678 30.7305C35.919 30.5117 36.7343 29.5229 36.8203 28.3664", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M31.8042 29.1248C32.2486 30.2508 33.437 30.9493 34.678 30.7305C35.919 30.5117 36.7343 29.5229 36.8203 28.3664", className: "tw-stroke-grey-100", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M40.4302 27.6038C40.8746 28.7298 42.063 29.4283 43.304 29.2095C44.545 28.9906 45.3603 28.0019 45.4463 26.8454", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M40.4302 27.6038C40.8746 28.7298 42.063 29.4283 43.304 29.2095C44.545 28.9906 45.3603 28.0019 45.4463 26.8454", className: "tw-stroke-grey-100", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M50.3628 36.03C49.4315 36.0744 48.494 35.9055 47.6313 35.5532L50.3628 36.03Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M50.3628 36.03C49.4315 36.0744 48.494 35.9055 47.6313 35.5532", className: "tw-stroke-grey-100", strokeLinecap: "round", strokeLinejoin: "round" })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("filter", { id: "filter0_dd_1987_41216", x: "0.365234", y: "0.0429077", width: "103.392", height: "92.6035", 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_1987_41216" }), 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_1987_41216" }), 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_1987_41216", result: "effect2_dropShadow_1987_41216" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_1987_41216", result: "shape" })] }) })] }));
+}
+function DockIconAnalytics({ isSelected = false }) {
+    return (jsxRuntime.jsxs("svg", { className: getDockIconClassname({ isSelected }), xmlns: "http://www.w3.org/2000/svg", width: "80", height: "80", viewBox: "0 0 96 99", fill: "none", children: [jsxRuntime.jsxs("g", { filter: "url(#filter0_dd_2890_2870)", children: [jsxRuntime.jsxs("mask", { id: "path-1-outside-1_2890_2870", maskUnits: "userSpaceOnUse", x: "12.6476", y: "11.527", width: "64.6999", height: "63.8887", fill: "black", children: [jsxRuntime.jsx("rect", { fill: "white", x: "12.6476", y: "11.527", width: "64.6999", height: "63.8887" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M48.7338 17.9346L32.4285 20.8097L40.9373 69.0653L57.2426 66.1902L57.2426 66.1902L73.5477 63.3151L67.7141 30.2315L51.409 33.1065L48.7338 17.9346ZM37.2625 48.2266L20.9573 51.1016L24.6308 71.9354L40.9361 69.0603L37.2625 48.2266Z" })] }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M48.7338 17.9346L32.4285 20.8097L40.9373 69.0653L57.2426 66.1902L57.2426 66.1902L73.5477 63.3151L67.7141 30.2315L51.409 33.1065L48.7338 17.9346ZM37.2625 48.2266L20.9573 51.1016L24.6308 71.9354L40.9361 69.0603L37.2625 48.2266Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M32.4285 20.8097L31.9076 17.8553C31.124 17.9934 30.4274 18.4372 29.9711 19.089C29.5147 19.7407 29.3359 20.5471 29.4741 21.3306L32.4285 20.8097ZM48.7338 17.9346L51.6882 17.4137C51.4005 15.782 49.8445 14.6925 48.2129 14.9802L48.7338 17.9346ZM40.9373 69.0653L37.9829 69.5862C38.2706 71.2179 39.8265 72.3074 41.4582 72.0197L40.9373 69.0653ZM57.2426 66.1902L57.7635 69.1446C58.5471 69.0065 59.2437 68.5627 59.7 67.9109C60.1564 67.2592 60.3352 66.4528 60.197 65.6693L57.2426 66.1902ZM57.2426 66.1902L56.7216 63.2357C55.0899 63.5234 54.0004 65.0794 54.2881 66.7111L57.2426 66.1902ZM73.5477 63.3151L74.0686 66.2695C75.7003 65.9818 76.7898 64.4259 76.5021 62.7942L73.5477 63.3151ZM67.7141 30.2315L70.6685 29.7106C70.5304 28.927 70.0866 28.2304 69.4349 27.774C68.7831 27.3177 67.9767 27.1389 67.1932 27.2771L67.7141 30.2315ZM51.409 33.1065L48.4546 33.6275C48.5928 34.411 49.0365 35.1076 49.6883 35.564C50.34 36.0204 51.1464 36.1991 51.93 36.061L51.409 33.1065ZM20.9573 51.1016L20.4363 48.1472C19.6527 48.2854 18.9562 48.7292 18.4998 49.3809C18.0434 50.0327 17.8647 50.839 18.0028 51.6226L20.9573 51.1016ZM37.2625 48.2266L40.217 47.7056C39.9293 46.074 38.3733 44.9845 36.7416 45.2722L37.2625 48.2266ZM24.6308 71.9354L21.6764 72.4563C21.9641 74.088 23.5201 75.1775 25.1517 74.8898L24.6308 71.9354ZM40.9361 69.0603L41.457 72.0147C43.0887 71.727 44.1782 70.171 43.8905 68.5394L40.9361 69.0603ZM32.9495 23.7641L49.2547 20.8891L48.2129 14.9802L31.9076 17.8553L32.9495 23.7641ZM43.8917 68.5443L35.3829 20.2888L29.4741 21.3306L37.9829 69.5862L43.8917 68.5443ZM56.7216 63.2358L40.4163 66.1109L41.4582 72.0197L57.7635 69.1446L56.7216 63.2358ZM54.2881 66.7111L54.2881 66.7112L60.197 65.6693L60.197 65.6692L54.2881 66.7111ZM57.7635 69.1446L74.0686 66.2695L73.0267 60.3607L56.7216 63.2357L57.7635 69.1446ZM76.5021 62.7942L70.6685 29.7106L64.7597 30.7524L70.5932 63.8361L76.5021 62.7942ZM67.1932 27.2771L50.8881 30.1521L51.93 36.061L68.2351 33.1859L67.1932 27.2771ZM45.7794 18.4556L48.4546 33.6275L54.3634 32.5856L51.6882 17.4137L45.7794 18.4556ZM21.4782 54.0561L37.7835 51.181L36.7416 45.2722L20.4363 48.1472L21.4782 54.0561ZM27.5852 71.4144L23.9117 50.5807L18.0028 51.6226L21.6764 72.4563L27.5852 71.4144ZM40.4151 66.1059L24.1099 68.9809L25.1517 74.8898L41.457 72.0147L40.4151 66.1059ZM34.3081 48.7475L37.9817 69.5812L43.8905 68.5394L40.217 47.7056L34.3081 48.7475Z", className: "tw-fill-current", mask: "url(#path-1-outside-1_2890_2870)" })] }), jsxRuntime.jsx("path", { d: "M37.2626 48.2265L20.9573 51.1016L24.6308 71.9353L40.9361 69.0602L37.2626 48.2265Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M48.7338 17.9348L32.4285 20.8098L40.9372 69.0654L57.2425 66.1903L48.7338 17.9348Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M67.7141 30.2316L51.4088 33.1067L57.2423 66.1903L73.5476 63.3153L67.7141 30.2316Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M46.2448 27.966C46.1456 29.9395 44.6669 31.6381 42.6388 31.95C40.6796 32.2497 38.8308 31.1582 38.0865 29.4146", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M46.2448 27.966C46.1456 29.9395 44.6669 31.6381 42.6388 31.95C40.6796 32.2497 38.8308 31.1582 38.0865 29.4146", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M44.6182 23.5531C44.6022 24.1249 44.1874 24.6249 43.601 24.7283C43.0146 24.8316 42.4935 24.5272 42.2684 24.0284", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M44.6182 23.5531C44.6022 24.1249 44.1874 24.6249 43.601 24.7283C43.0146 24.8316 42.4935 24.5272 42.2684 24.0284", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M40.5429 24.2718C40.5269 24.8437 40.1121 25.3436 39.5257 25.447C38.9393 25.5504 38.4182 25.246 38.193 24.7471", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M40.5429 24.2718C40.5269 24.8437 40.1121 25.3436 39.5257 25.447C38.9393 25.5504 38.4182 25.246 38.193 24.7471", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M37.497 29.6151C37.9161 29.4853 38.3081 29.2587 38.6319 28.9628L37.497 29.6151Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M37.497 29.6151C37.9161 29.4853 38.3081 29.2587 38.6319 28.9628", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("filter", { id: "filter0_dd_2890_2870", x: "-1.04272", y: "0.934082", width: "96.5909", height: "98.0017", 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_2890_2870" }), 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_2890_2870" }), 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_2890_2870", result: "effect2_dropShadow_2890_2870" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_2890_2870", result: "shape" })] }) })] }));
+}
+function DockIconProfile({ isSelected = false }) {
+    return (jsxRuntime.jsxs("svg", { className: getDockIconClassname({ isSelected }), xmlns: "http://www.w3.org/2000/svg", width: "80", height: "80", viewBox: "0 0 91 92", fill: "none", children: [jsxRuntime.jsxs("g", { filter: "url(#filter0_dd_2890_2884)", children: [jsxRuntime.jsx("path", { d: "M49.0981 64.2104C61.953 61.9437 70.5392 49.7011 68.276 36.8658C66.0128 24.0305 53.7572 15.4629 40.9023 17.7296C28.0474 19.9962 19.4612 32.2388 21.7244 45.0741C23.9876 57.9094 36.2432 66.477 49.0981 64.2104Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M49.3586 65.6876C63.0272 63.2774 72.1607 50.2586 69.7532 36.6053C67.3458 22.9521 54.3104 13.8422 40.6418 16.2524C26.9732 18.6625 17.8397 31.6813 20.2472 45.3346C22.6546 58.9879 35.69 68.0977 49.3586 65.6876Z", className: "tw-stroke-grey-900", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" })] }), jsxRuntime.jsx("path", { d: "M22.1104 28.5476C23.2067 26.1969 24.9162 24.1733 27.0532 22.6971L27.0537 22.6967C27.67 22.2704 27.8292 21.4229 27.3993 20.8017L27.3982 20.8C26.9703 20.1844 26.1255 20.0297 25.5064 20.4553L25.5045 20.4565C22.9691 22.2077 20.9415 24.6071 19.6404 27.3974L19.6398 27.3986C19.3231 28.0803 19.6183 28.8896 20.2999 29.2069C20.5624 29.3293 20.8462 29.3606 21.1118 29.3137C21.5296 29.2401 21.9137 28.9694 22.1102 28.548L22.1104 28.5476Z", className: "tw-fill-grey-300 tw-stroke-grey-900", strokeWidth: "2" }), jsxRuntime.jsx("path", { d: "M43.9449 44.0574L43.9449 44.0574C43.5982 44.264 43.2244 44.3996 42.8431 44.4668C41.764 44.6571 40.6236 44.3 39.8533 43.4574C39.6904 43.2796 39.7029 43.0036 39.8812 42.8404L39.8815 42.8401L39.8815 42.8401C40.0588 42.6797 40.3357 42.6894 40.4991 42.8686L43.9449 44.0574ZM43.9449 44.0574C45.2277 43.2924 45.8302 41.76 45.4101 40.331L43.9449 44.0574ZM44.5707 40.5772C44.8784 41.6236 44.4373 42.7467 43.4966 43.3073C42.522 43.8877 41.2615 43.7027 40.4991 42.8686L44.5707 40.5772Z", className: "tw-fill-grey-300 tw-stroke-grey-300", strokeWidth: "0.15" }), jsxRuntime.jsx("path", { d: "M51.9849 39.5628L51.9848 39.5628C51.6377 39.7694 51.264 39.9054 50.8827 39.9727C49.8031 40.163 48.6626 39.8055 47.8927 38.9628C47.7298 38.785 47.7424 38.509 47.9207 38.3458L47.9211 38.3454L47.9211 38.3454C48.0993 38.185 48.3751 38.1948 48.5385 38.374L51.9849 39.5628ZM51.9849 39.5628C53.2678 38.7982 53.8703 37.2658 53.45 35.8363M51.9849 39.5628L52.9071 35.5405M52.9071 35.5405L52.9072 35.5405C53.1388 35.4731 53.3818 35.6043 53.45 35.8363M52.9071 35.5405C52.6753 35.6086 52.5426 35.8513 52.6106 36.0825L52.9071 35.5405ZM53.45 35.8363L53.378 35.8574L53.45 35.8363C53.45 35.8363 53.45 35.8363 53.45 35.8363ZM52.6106 36.0825C52.9184 37.1294 52.4773 38.2526 51.5366 38.8127C50.5627 39.392 49.301 39.2085 48.5385 38.374L52.6106 36.0825Z", className: "tw-fill-grey-300 tw-stroke-grey-300", strokeWidth: "0.15" }), jsxRuntime.jsx("path", { d: "M59.7053 40.6561L59.7056 40.6559C59.9299 40.5604 60.1845 40.6619 60.2805 40.8834C60.3764 41.105 60.2741 41.3619 60.0525 41.4576L60.0525 41.4577C59.7295 41.597 59.3945 41.7046 59.056 41.7956C60.2892 46.1438 58.5167 50.805 54.6571 53.2307C53.5151 53.9487 52.2719 54.4152 51.0004 54.6394C47.7072 55.22 44.2239 54.1756 41.8116 51.6588L41.8115 51.6588C41.6447 51.4844 41.6502 51.2078 41.8251 51.0409L59.7053 40.6561ZM59.7053 40.6561C58.8349 41.0318 57.8735 41.2193 56.9246 41.1958L56.9239 41.1958M59.7053 40.6561L56.9239 41.1958M56.9239 41.1958C56.6855 41.1919 56.483 41.3799 56.4763 41.6217L56.4763 41.6219M56.9239 41.1958L56.4763 41.6219M56.4763 41.6219C56.4703 41.8632 56.6615 42.0635 56.9028 42.0694L56.9028 42.0694M56.4763 41.6219L56.9028 42.0694M56.9028 42.0694C57.3363 42.0798 57.7711 42.0476 58.2009 41.9823C59.3574 45.9729 57.7367 50.2639 54.1912 52.4919C50.4409 54.8481 45.5006 54.2438 42.4433 51.0542L42.4432 51.0542M56.9028 42.0694L42.4432 51.0542M42.4432 51.0542C42.2757 50.8798 41.9985 50.8748 41.8252 51.0408L42.4432 51.0542Z", className: "tw-fill-grey-300 tw-stroke-grey-300", strokeWidth: "0.15" }), jsxRuntime.jsx("path", { d: "M23.0014 50.7377L23.0699 50.7072L23.0014 50.7377C27.5772 61.0207 38.5449 66.5181 49.1764 64.643C51.064 64.3102 52.9419 63.7442 54.7704 62.9324C66.9005 57.5467 72.3868 43.3128 66.9996 31.2026C64.3895 25.3359 59.6475 20.8368 53.6469 18.5332C47.6474 16.2304 41.1069 16.3985 35.23 19.0075L35.2604 19.0761L35.23 19.0075C23.0999 24.3936 17.6137 38.6276 23.0014 50.7377ZM23.8008 50.3826L23.7323 50.4131L23.8008 50.3826C18.6089 38.7132 23.8955 24.9966 35.5849 19.8054C37.3455 19.0238 39.168 18.4696 41.0175 18.1435C45.1165 17.4207 49.3479 17.8194 53.3325 19.3486C59.115 21.5685 63.6845 25.9041 66.1996 31.5573C71.3916 43.2272 66.1051 56.9442 54.4155 62.1345C52.6522 62.917 50.8442 63.4619 49.0247 63.7827C38.7786 65.5884 28.2091 60.2924 23.8008 50.3826Z", className: "tw-fill-grey-300 tw-stroke-grey-300", strokeWidth: "0.15" }), jsxRuntime.jsx("path", { d: "M20.4787 27.7884C20.3769 28.0073 20.4718 28.2668 20.6905 28.3684L20.7221 28.3004C20.7922 28.3331 20.8672 28.3414 20.9381 28.3289C21.0504 28.3091 21.1519 28.2369 21.2039 28.1253L21.2719 28.157C21.2719 28.157 21.2719 28.157 21.2719 28.157C22.4377 25.657 24.2553 23.5056 26.5274 21.936L26.5275 21.936C26.7258 21.7989 26.7763 21.5269 26.6387 21.328L26.6386 21.3279C26.5013 21.1304 26.2301 21.0802 26.0303 21.2176L26.0302 21.2177C23.6298 22.8755 21.7103 25.1472 20.4787 27.7883L20.4787 27.7884Z", className: "tw-fill-grey-300 tw-stroke-grey-300", strokeWidth: "0.15" }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("filter", { id: "filter0_dd_2890_2884", x: "-0.638062", y: "0.365479", width: "91.2766", height: "91.209", 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_2890_2884" }), 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_2890_2884" }), 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_2890_2884", result: "effect2_dropShadow_2890_2884" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_2890_2884", result: "shape" })] }) })] }));
+}
+function DockIconHelp({ isSelected = false }) {
+    return (jsxRuntime.jsxs("svg", { className: getDockIconClassname({ isSelected }), xmlns: "http://www.w3.org/2000/svg", width: "80", height: "80", viewBox: "0 0 100 100", fill: "none", children: [jsxRuntime.jsxs("g", { filter: "url(#filter0_dd_1744_41485)", children: [jsxRuntime.jsx("path", { d: "M50 17C34.5359 17 22 29.5359 22 45C22 60.4641 34.5359 73 50 73C65.4641 73 78 60.4641 78 45C78 29.5359 65.4698 17 50 17ZM50 55.7516C44.0637 55.7516 39.2484 50.9363 39.2484 45C39.2484 39.0637 44.0637 34.2484 50 34.2484C55.9363 34.2484 60.7516 39.0637 60.7516 45C60.7516 50.9363 55.9363 55.7516 50 55.7516Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M50 15.5C33.7075 15.5 20.5 28.7075 20.5 45C20.5 61.2925 33.7075 74.5 50 74.5C66.2925 74.5 79.5 61.2925 79.5 45C79.5 28.7077 66.2984 15.5 50 15.5ZM50 54.2516C44.8922 54.2516 40.7484 50.1078 40.7484 45C40.7484 39.8922 44.8922 35.7484 50 35.7484C55.1078 35.7484 59.2516 39.8922 59.2516 45C59.2516 50.1078 55.1078 54.2516 50 54.2516Z", className: "tw-stroke-grey-900", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" })] }), jsxRuntime.jsxs("mask", { id: "path-3-outside-1_1744_41485", maskUnits: "userSpaceOnUse", x: "67.4766", y: "19.3555", width: "9", height: "9", fill: "black", children: [jsxRuntime.jsx("rect", { fill: "white", x: "67.4766", y: "19.3555", width: "9", height: "9" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M71.0508 21.5019C70.8556 21.3067 70.539 21.3067 70.3437 21.5019C70.1485 21.6972 70.1485 22.0138 70.3437 22.209L71.2167 23.082L69.623 24.6757C69.4277 24.8709 69.4277 25.1875 69.623 25.3828C69.8183 25.578 70.1349 25.578 70.3301 25.3828L71.9238 23.7891L72.7971 24.6625C72.9924 24.8577 73.309 24.8577 73.5043 24.6625C73.6995 24.4672 73.6995 24.1506 73.5043 23.9553L71.0508 21.5019Z" })] }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M71.0508 21.5019C70.8556 21.3067 70.539 21.3067 70.3437 21.5019C70.1485 21.6972 70.1485 22.0138 70.3437 22.209L71.2167 23.082L69.623 24.6757C69.4277 24.8709 69.4277 25.1875 69.623 25.3828C69.8183 25.578 70.1349 25.578 70.3301 25.3828L71.9238 23.7891L72.7971 24.6625C72.9924 24.8577 73.309 24.8577 73.5043 24.6625C73.6995 24.4672 73.6995 24.1506 73.5043 23.9553L71.0508 21.5019Z", className: "tw-fill-grey-300" }), jsxRuntime.jsx("path", { d: "M70.3437 21.5019L71.7579 22.9161L71.7579 22.9161L70.3437 21.5019ZM71.0508 21.5019L69.6366 22.9161L69.6366 22.9161L71.0508 21.5019ZM70.3437 22.209L71.7579 20.7948L71.7579 20.7948L70.3437 22.209ZM71.2167 23.082L72.6309 24.4962C73.4119 23.7151 73.4119 22.4488 72.6309 21.6678L71.2167 23.082ZM69.623 24.6757L68.2088 23.2614L68.2088 23.2614L69.623 24.6757ZM69.623 25.3828L68.2088 26.797L68.2088 26.797L69.623 25.3828ZM70.3301 25.3828L71.7443 26.797L71.7443 26.797L70.3301 25.3828ZM71.9238 23.7891L73.338 22.3749C72.9629 21.9998 72.4542 21.7891 71.9238 21.7891C71.3933 21.7891 70.8846 21.9998 70.5096 22.3749L71.9238 23.7891ZM72.7971 24.6625L71.3829 26.0767L71.3829 26.0767L72.7971 24.6625ZM73.5043 24.6625L74.9185 26.0767L74.9185 26.0767L73.5043 24.6625ZM73.5043 23.9553L74.9185 22.5411V22.5411L73.5043 23.9553ZM71.7579 22.9161C71.1721 23.5019 70.2224 23.5019 69.6366 22.9161L72.465 20.0877C71.4887 19.1114 69.9058 19.1114 68.9295 20.0877L71.7579 22.9161ZM71.7579 20.7948C72.3437 21.3806 72.3437 22.3303 71.7579 22.9161L68.9295 20.0877C67.9532 21.064 67.9532 22.6469 68.9295 23.6232L71.7579 20.7948ZM72.6309 21.6678L71.7579 20.7948L68.9295 23.6232L69.8025 24.4962L72.6309 21.6678ZM71.0372 26.0899L72.6309 24.4962L69.8025 21.6678L68.2088 23.2614L71.0372 26.0899ZM71.0372 23.9685C71.623 24.5543 71.623 25.5041 71.0372 26.0899L68.2088 23.2614C67.2325 24.2377 67.2325 25.8207 68.2088 26.797L71.0372 23.9685ZM68.9159 23.9685C69.5017 23.3828 70.4514 23.3828 71.0372 23.9685L68.2088 26.797C69.1851 27.7733 70.768 27.7733 71.7443 26.797L68.9159 23.9685ZM70.5096 22.3749L68.9159 23.9685L71.7443 26.797L73.338 25.2033L70.5096 22.3749ZM74.2114 23.2482L73.338 22.3749L70.5096 25.2033L71.3829 26.0767L74.2114 23.2482ZM72.09 23.2482C72.6758 22.6625 73.6256 22.6625 74.2114 23.2482L71.3829 26.0767C72.3592 27.053 73.9422 27.053 74.9185 26.0767L72.09 23.2482ZM72.09 25.3696C71.5043 24.7838 71.5043 23.834 72.09 23.2482L74.9185 26.0767C75.8948 25.1004 75.8948 23.5174 74.9185 22.5411L72.09 25.3696ZM69.6366 22.9161L72.09 25.3696L74.9185 22.5411L72.465 20.0877L69.6366 22.9161Z", className: "tw-fill-current", mask: "url(#path-3-outside-1_1744_41485)" }), jsxRuntime.jsx("path", { d: "M50 17C34.5359 17 22 29.5359 22 45C22 60.4641 34.5359 73 50 73C65.4641 73 78 60.4641 78 45C78 29.5359 65.4698 17 50 17ZM50 55.7516C44.0637 55.7516 39.2484 50.9363 39.2484 45C39.2484 39.0637 44.0637 34.2484 50 34.2484C55.9363 34.2484 60.7516 39.0637 60.7516 45C60.7516 50.9363 55.9363 55.7516 50 55.7516Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M42.5276 26.845L42.5242 26.8404C41.9548 26.087 40.8824 25.9378 40.129 26.5072L34.9231 30.4415C34.1697 31.0109 34.0205 32.0833 34.5899 32.8367L34.5933 32.8413C35.1627 33.5947 36.2351 33.7439 36.9885 33.1745L42.1944 29.2402C42.9478 28.6708 43.097 27.5984 42.5276 26.845Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M65.4441 57.1753L65.4407 57.1707C64.8713 56.4173 63.7989 56.2681 63.0455 56.8375L57.8396 60.7718C57.0862 61.3412 56.937 62.4136 57.5064 63.167L57.5098 63.1716C58.0792 63.925 59.1516 64.0742 59.905 63.5048L65.1109 59.5705C65.8643 59.0011 66.0135 57.9287 65.4441 57.1753Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M71.8123 23.1934L69.9766 25.0292", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M73.1507 24.3089L70.6973 21.8555", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M66.1677 36.1298C64.0574 37.3709 61.2894 37.0048 59.5852 35.1119C57.9438 33.2875 57.8066 30.6339 59.1048 28.678", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M66.1677 36.1298C64.0574 37.3709 61.2894 37.0048 59.5852 35.1119C57.9438 33.2875 57.8066 30.6339 59.1048 28.678", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M69.6218 31.4405C69.0213 31.8122 68.2206 31.7264 67.7117 31.1889C67.2027 30.6513 67.1684 29.9078 67.5287 29.3302", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M69.6218 31.4405C69.0213 31.8122 68.2206 31.7264 67.7117 31.1889C67.2027 30.6513 67.1684 29.9078 67.5287 29.3302", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M66.1047 27.7116C65.5042 28.0833 64.7036 27.9976 64.1946 27.46C63.6856 26.9224 63.6513 26.1789 64.0116 25.6013", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M66.1047 27.7116C65.5042 28.0833 64.7036 27.9976 64.1946 27.46C63.6856 26.9224 63.6513 26.1789 64.0116 25.6013", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M58.4985 28.2037C58.9217 28.5468 59.4193 28.7984 59.9454 28.9357L58.4985 28.2037Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M58.4985 28.2037C58.9217 28.5468 59.4193 28.7984 59.9454 28.9357", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("filter", { id: "filter0_dd_1744_41485", x: "0", y: "0", width: "100", height: "100", 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_1744_41485" }), 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_1744_41485" }), 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_1744_41485", result: "effect2_dropShadow_1744_41485" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_1744_41485", result: "shape" })] }) })] }));
+}
+
+function FeeButton(_a) {
+    var { feeInUsd = '0', chipLabel = 'Fee', className, tooltip } = _a, props = __rest$1(_a, ["feeInUsd", "chipLabel", "className", "tooltip"]);
+    return (jsxRuntime.jsx(Tooltip, Object.assign({}, tooltip, { tooltipWidth: "max", containerClassName: "tw-rounded-squid-m tw-w-full", childrenClassName: "tw-rounded-squid-m", children: jsxRuntime.jsxs("button", Object.assign({}, props, { className: cn('tw-flex tw-h-squid-xl tw-w-full tw-items-center tw-gap-x-squid-xs tw-rounded-squid-m tw-px-squid-xs hover:tw-bg-material-light-thin', className), children: [jsxRuntime.jsx(Chip, { label: chipLabel, className: "tw-hidden mobile-xs:tw-flex" }), jsxRuntime.jsxs("span", { className: "tw-flex tw-items-center", children: [jsxRuntime.jsx(UsdAmount, { usdAmount: feeInUsd }), jsxRuntime.jsx(ChevronDownSmallIcon, { className: "tw-text-grey-600" })] })] })) })));
+}
+
+const lightTheme = {
+    // content
+    'content-100': '#17191C',
+    'content-200': '#292C32',
+    'content-300': '#292C32',
+    'content-400': '#676B7E',
+    'content-500': '#8A8FA8',
+    'content-600': '#A7ABBE',
+    'content-700': '#D1D6E0',
+    'content-800': '#EDEEF3',
+    'content-900': '#FBFBFD',
+    // accent
+    'accent-300': '#8C53C5',
+    'accent-400': '#9E79D2',
+    'accent-500': '#B893EC',
+    'accent-700': '#E3D0FD',
+    // status
+    'status-positive': '#17CF26',
+    'status-negative': '#FF5B4D',
+    'status-warning': '#EC9213',
+    // highlight
+    'highlight-700': '#E4FE53',
+};
+const darkTheme = {
+    // content
+    'content-100': '#FBFBFD',
+    'content-200': '#EDEFF3',
+    'content-300': '#D1D6E0',
+    'content-400': '#A7ABBE',
+    'content-500': '#8A8FA8',
+    'content-600': '#676B7E',
+    'content-700': '#4C515D',
+    'content-800': '#292C32',
+    'content-900': '#17191C',
+    // accent
+    'accent-300': '#D9BEF4',
+    'accent-400': '#B893EC',
+    'accent-500': '#9E79D2',
+    'accent-700': '#6B45A1',
+    // status
+    'status-positive': '#7AE870',
+    'status-negative': '#FF4D5B',
+    'status-warning': '#F3AF25',
+    // highlight
+    'highlight-700': '#08A054',
+};
+
+const spacing$1 = {
+    'squid-xxs': '0.3125rem', // 5px
+    'squid-xs': '0.625rem', // 10px
+    'squid-s': '0.9375rem', // 15px
+    'squid-m': '1.25rem', // 20px
+    'squid-l': '1.875rem', // 30px
+    'squid-xl': '2.5rem', // 40px
+    'squid-xxl': '3.75rem', // 60px
+};
+const backdropBlur = {
+    '/10': '10px',
+    '/20': '20px',
+};
+const widths = {
+    button: '9.5625rem', // 153px
+    'list-item-compact': '22.0625rem', // 353px
+    'list-item-small': '21.25rem', // 340px
+    'card-large': '480px',
+    'card-compact': '393px',
+    'modal-extra-large': '440px',
+    'modal-large': '400px',
+    'modal-compact': '373px',
+};
+const heights = {
+    button: '3.75rem', // 60px
+    'list-item-large': '3.125rem', // 50px
+    'list-item-small': '2.5rem', // 40px
+    'card-large': '660px',
+    'card-compact': '640px',
+    'card-small': '580px',
+    'modal-large': '600px',
+    'modal-compact': '631px',
+};
+// tw-shadow-*
+const boxShadow = {
+    'elevation-dark-3': '0px 2px 4px 0px rgba(0, 0, 0, 0.20), 0px 5px 50px -1px rgba(0, 0, 0, 0.33)',
+    'elevation-light-3': '0px 2px 4px 0px rgba(0, 0, 0, 0.10), 0px 5px 50px -1px rgba(0, 0, 0, 0.20)',
+    'elevation-dark-2': '0px 2px 5px 1px rgba(0, 0, 0, 0.20), 0px 5px 20px -1px rgba(0, 0, 0, 0.33)',
+    'elevation-light-1': '0px 1px 2px 0px #0000001A',
+    'elevation-light-2': '0px 2px 5px 1px rgba(0, 0, 0, 0.10), 0px 5px 20px -1px rgba(0, 0, 0, 0.10)',
+    'inset-royal': '0px 0px 50px 0px #876FE2 inset',
+};
+// tw-bg-*
+const backgrounds = {
+    'royal-light': 'linear-gradient(180deg, #A577D8 0%, #BF91F2 100%)',
+    'royal-dark': 'linear-gradient(180deg, #BF91F2 0%, #A577D8 100%)',
+    'dark-cover': 'linear-gradient(90deg, var(--squid-theme-material-dark-thick) 45.4%, transparent 50.85%, var(--squid-theme-material-dark-thick) 55.61%)',
+};
+const baseTailwindConfig = {
+    prefix: 'tw-',
+    content: ['./src/**/*.{ts,tsx,js,jsx}', '.storybook/**/*.{ts,tsx,js,jsx}'],
+    theme: {
+        extend: {
+            screens: Object.values(MEDIA_QUERIES).reduce((acc, curr) => {
+                // 'raw' means that we want to use the raw media query value
+                // https://tailwindcss.com/docs/screens#custom-media-queries
+                acc[curr.key] = { raw: curr.media };
+                return acc;
+            }, {}),
+            keyframes: {
+                'move-to-right-with-spring-bounce': {
+                    '0%': {
+                        transform: 'translateX(-25%)',
+                    },
+                    '50%': {
+                        transform: 'translateX(27%)',
+                    },
+                    '80%': {
+                        transform: 'translateX(24%)',
+                    },
+                    '100%': {
+                        transform: 'translateX(25%)',
+                    },
+                },
+                'move-to-left-with-spring-bounce': {
+                    '0%': {
+                        transform: 'translateX(25%)',
+                    },
+                    '50%': {
+                        transform: 'translateX(-27%)',
+                    },
+                    '80%': {
+                        transform: 'translateX(-24%)',
+                    },
+                    '100%': {
+                        transform: 'translateX(-25%)',
+                    },
+                },
+                'slide-to-top': {
+                    '0%': {
+                        transform: 'translate3d(0, 650px, 0)',
+                    },
+                    '100%': {
+                        transform: 'translate3d(0, 0, 0)',
+                    },
+                },
+                'slide-to-bottom': {
+                    '0%': {
+                        transform: 'translate3d(0, 0, 0)',
+                    },
+                    '100%': {
+                        transform: 'translate3d(0, 650px, 0)',
+                    },
+                },
+                'expand-route': {
+                    '0%': {
+                        height: '60px',
+                    },
+                    '100%': {
+                        height: '100%',
+                    },
+                },
+                'collapse-route': {
+                    '0%': {
+                        height: '100%',
+                    },
+                    '100%': {
+                        height: '60px',
+                    },
+                },
+                'fade-in': {
+                    '0%': {
+                        opacity: '0',
+                    },
+                    '100%': {
+                        opacity: '1',
+                    },
+                },
+                'fade-out': {
+                    '0%': {
+                        opacity: '1',
+                    },
+                    '100%': {
+                        opacity: '0',
+                    },
+                },
+                'loading-gradient': {
+                    '0%': {
+                        transform: 'translateX(-70%)',
+                        opacity: '0',
+                    },
+                    '50%': {
+                        opacity: '1',
+                    },
+                    '100%': {
+                        opacity: '0',
+                        transform: 'translateX(70%)',
+                    },
+                },
+                'translate-to-bottom': {
+                    '0%': {
+                        transform: 'translateY(0)',
+                    },
+                    '100%': {
+                        transform: 'translateY(100%)',
+                    },
+                },
+                'translate-to-top': {
+                    '0%': {
+                        transform: 'translateY(0)',
+                    },
+                    '100%': {
+                        transform: 'translateY(-100%)',
+                    },
+                },
+                'blur-in': {
+                    '0%': {
+                        'backdrop-filter': 'blur(0px)',
+                    },
+                    '100%': {
+                        'backdrop-filter': 'blur(20px) saturate(150%)',
+                        'background-color': `var(${themeTypesKeys['material-dark-average'].cssVariable})`,
+                    },
+                },
+                'blur-out': {
+                    '0%': {
+                        'backdrop-filter': 'blur(20px) saturate(150%)',
+                        'background-color': `var(${themeTypesKeys['material-dark-average'].cssVariable})`,
+                    },
+                    '100%': {
+                        'backdrop-filter': 'blur(0px)',
+                    },
+                },
+                display: {
+                    '0%': {
+                        display: 'none',
+                    },
+                    '100%': {
+                        display: 'block',
+                    },
+                },
+                hide: {
+                    '0%': {
+                        display: 'block',
+                    },
+                    '100%': {
+                        display: 'none',
+                    },
+                },
+                'move-loading-cover-to-right': {
+                    '0%': {
+                        transform: 'translateX(-64%)',
+                    },
+                    '100%': {
+                        transform: 'translateX(0%)',
+                    },
+                },
+                'scale-and-fade-down': {
+                    '0%': {
+                        transform: 'scale(1)',
+                        opacity: '1',
+                    },
+                    '100%': {
+                        transform: 'scale(0.9)',
+                        opacity: '0.5',
+                    },
+                },
+                'scale-and-fade-up': {
+                    '0%': {
+                        transform: 'scale(0.9)',
+                        opacity: '0.5',
+                    },
+                    '100%': {
+                        transform: 'scale(1)',
+                        opacity: '1',
+                    },
+                },
+            },
+            animation: {
+                'move-to-right-with-spring-bounce': `move-to-right-with-spring-bounce var(${CSS_VARS.MOVE_WITH_SPRING_BOUNCE_DURATION}, 0s) ease-out both`,
+                'move-to-left-with-spring-bounce': `move-to-left-with-spring-bounce var(${CSS_VARS.MOVE_WITH_SPRING_BOUNCE_DURATION}, 0s) ease-out both`,
+                'slide-to-top': `slide-to-top var(${CSS_VARS.SLIDE_TO_TOP_DURATION}, 0s) ${ANIMATION_TIMINGS.SHOW_ROUTE} both`,
+                'slide-to-bottom': `slide-to-bottom var(${CSS_VARS.SLIDE_TO_BOTTOM_DURATION}, 0s) ${ANIMATION_TIMINGS.HIDE_ROUTE} both`,
+                'expand-route': `expand-route var(${CSS_VARS.EXPAND_ROUTE_DURATION}, 0s) ${ANIMATION_TIMINGS.EXPAND_ROUTE} both`,
+                'collapse-route': `collapse-route var(${CSS_VARS.COLLAPSE_ROUTE_DURATION}, 0s) ${ANIMATION_TIMINGS.COLLAPSE_ROUTE} both`,
+                'fade-in': `fade-in var(${CSS_VARS.FADE_IN_DURATION}, 0s) ease-out both`,
+                'fade-out': `fade-out var(${CSS_VARS.FADE_OUT_DURATION}, 0s) ease-out both`,
+                'scale-and-fade-down': `scale-and-fade-down var(${CSS_VARS.SCALE_AND_FADE_DOWN_DURATION}, 0s) ${ANIMATION_TIMINGS.EXPAND_ROUTE} both`,
+                'scale-and-fade-up': `scale-and-fade-up var(${CSS_VARS.SCALE_AND_FADE_UP_DURATION}, 0s) ${ANIMATION_TIMINGS.COLLAPSE_ROUTE} both`,
+                'loading-gradient': 'loading-gradient 1s ease-in-out both infinite',
+                'translate-to-bottom': `translate-to-bottom var(${CSS_VARS.TRANSLATE_TOP_OR_BOTTOM}, 0s) ${ANIMATION_TIMINGS.EXPAND_ROUTE} both`,
+                'translate-to-top': `translate-to-top var(${CSS_VARS.TRANSLATE_TOP_OR_BOTTOM}, 0s) ${ANIMATION_TIMINGS.COLLAPSE_ROUTE} both`,
+                'blur-in': `blur-in var(${CSS_VARS.BLUR_IN_DURATION}, 0s) ${ANIMATION_TIMINGS.SHOW_ROUTE} both`,
+                'blur-out': `blur-out var(${CSS_VARS.BLUR_OUT_DURATION}, 0s) ${ANIMATION_TIMINGS.HIDE_ROUTE} both`,
+                'display-delayed': `display 0s var(${CSS_VARS.DISPLAY_DELAYED_DURATION}, 0s) ease-out both`,
+                hide: `hide 0s ease-out forwards`,
+                'move-loading-cover-to-right': 'move-loading-cover-to-right 1.4s linear infinite',
+            },
+            opacity: {
+                33: '0.33',
+                66: '0.66',
+            },
+            fontFamily: {
+                geist: ['Geist', 'sans-serif'],
+            },
+            letterSpacing: {
+                // body text
+                'body-small': '-0.366px',
+                'body-medium': '-0.675px',
+                'body-large': '-0.843px',
+                // heading letter
+                'heading-small': '-1.05px',
+                'heading-medium': '-2.465px',
+                'heading-large': '-3.525px',
+            },
+            fontSize: {
+                // caption text
+                caption: '0.875rem', // 14px
+                // body text
+                'body-small': '1.14375rem', // 18.5px
+                'body-medium': '1.40625rem', // 22.5px
+                'body-large': '1.75625rem', // 28.1px
+                // heading
+                'heading-small': '2.1875rem', // 35px
+                'heading-medium': '3.08125rem', // 49.3px
+                'heading-large': '4.40625rem', // 70.5px
+            },
+            fontWeight: {
+                // body text and caption text
+                'typography-regular': '400',
+                'typography-bold': '600',
+                // headings
+                'heading-regular': '400',
+                'heading-bold': '600',
+            },
+            lineHeight: {
+                // caption text
+                caption: '19.6px',
+                // body text
+                'body-small': '25.62px',
+                'body-medium': '31.5px',
+                'body-large': '39.34px',
+                // headings
+                'heading-small': '38.5px',
+                'heading-medium': '49.3px',
+                'heading-large': '66.97px',
+            },
+            width: widths,
+            height: heights,
+            minWidth: widths,
+            minHeight: heights,
+            maxWidth: widths,
+            maxHeight: heights,
+            spacing: spacing$1,
+            borderRadius: spacing$1,
+            boxShadow,
+            backgroundImage: backgrounds,
+            backdropBlur,
+            colors: Object.assign({}, Object.entries(themeTypesKeys).reduce((acc, [key, { cssVariable }]) => {
+                acc[key] = `var(${cssVariable})`;
+                return acc;
+            }, {})),
+        },
+    },
+    plugins: [],
+};
+
+function StopsButton(_a) {
+    var { stopsCount = 0, estimatedTime = '0s', tooltip, providers } = _a, props = __rest$1(_a, ["stopsCount", "estimatedTime", "tooltip", "providers"]);
+    return (jsxRuntime.jsx(Tooltip, Object.assign({}, tooltip, { tooltipWidth: "max", containerClassName: "mobile-lg:tw-w-[190px] tw-rounded-squid-m", childrenClassName: "tw-rounded-squid-m", children: jsxRuntime.jsxs("button", Object.assign({}, props, { onClick: props.disabled ? undefined : props.onClick, className: "tw-group/stops-button tw-flex tw-h-squid-xl tw-flex-1 tw-items-center tw-justify-end tw-rounded-squid-m tw-px-squid-xs hover:tw-bg-material-light-thin", children: [jsxRuntime.jsx(Providers, { providers: providers }), jsxRuntime.jsxs(CaptionText, { className: "tw-w-[50px] tw-max-w-full tw-truncate tw-text-grey-500", children: [stopsCount, " stops"] }), jsxRuntime.jsx(ChevronDownSmallIcon, { className: "tw-text-grey-600" }), jsxRuntime.jsx("div", { className: "tw-pl-squid-xs", children: jsxRuntime.jsx(Chip, { label: estimatedTime }) })] })) })));
+}
+const MAX_PROVIDERS = 4;
+const spacing = {
+    1: [0],
+    2: [5, -5],
+    3: [10, 0, -10],
+    4: [15, 5, -5, -15],
+};
+function Providers({ providers }) {
+    const providersToDisplay = providers.slice(0, MAX_PROVIDERS);
+    return (jsxRuntime.jsxs("div", { className: "tw-relative tw-flex tw-w-[50px] tw-flex-col tw-items-center tw-justify-center tw-gap-1 tw-self-stretch tw-p-squid-xs", children: [jsxRuntime.jsx(Vector, { className: "tw-absolute -tw-top-0 tw-left-1/2 -tw-translate-x-1/2 tw-rounded-bl-full tw-rounded-br-full tw-bg-royal-500 tw-bg-gradient-to-t tw-text-grey-500" }), jsxRuntime.jsx("div", { className: "tw-absolute tw-flex tw-h-squid-m tw-w-full tw-items-center tw-justify-center", children: providersToDisplay.map((provider, index, self) => (jsxRuntime.jsx("img", { style: {
+                        transform: `translate(${spacing[self.length][index]}px)`,
+                        zIndex: self.length - 1 - index,
+                    }, src: provider.logoUrl, className: "tw-relative tw-h-squid-m tw-w-squid-m tw-rounded-squid-xxs tw-border-2 tw-border-grey-900 tw-bg-grey-900" }))) }), jsxRuntime.jsx(Vector, { className: "tw-absolute -tw-bottom-0 tw-left-1/2 -tw-translate-x-1/2 tw-rounded-tl-full tw-rounded-tr-full tw-bg-royal-500 tw-bg-gradient-to-b tw-text-grey-500" })] }));
+}
+const Vector = ({ className }) => (jsxRuntime.jsx("div", { className: cn('tw-h-2.5 tw-w-1 tw-from-current tw-to-grey-900 group-hover/stops-button:tw-to-material-light-blend-grey-900', className) }));
+
 function ErrorMessage({ message, showIcon = true }) {
     return (jsxRuntime.jsxs("div", { className: "tw-flex tw-h-squid-xl tw-flex-1 tw-items-center tw-gap-squid-xxs tw-text-status-negative", children: [showIcon ? jsxRuntime.jsx(EmojiSadIcon, {}) : null, jsxRuntime.jsx(CaptionText, { children: message })] }));
 }
@@ -16880,8 +17622,7 @@ const detailStateClassMap = {
     error: 'tw-opacity-33 tw-pointer-events-none',
     full: '',
 };
-function DetailsToolbar({ errorMessage, estimatedTime, helpButton, isLoading, isEmpty, flipButton, feeButton, boostButton, }) {
-    var _a;
+function DetailsToolbar({ errorMessage, helpButton, isLoading, isEmpty, flipButton, feeButton, stopsButton, }) {
     const state = React$1.useMemo(() => {
         if (errorMessage)
             return 'error';
@@ -16894,16 +17635,27 @@ function DetailsToolbar({ errorMessage, estimatedTime, helpButton, isLoading, is
     const detailClassName = cn('mobile-xs:tw-justify-normal tw-w-[157px] mobile-lg:tw-w-[190px] tw-flex tw-items-center', detailStateClassMap[state]);
     return (jsxRuntime.jsx("aside", { className: cn('tw-flex tw-h-[50px] tw-w-full tw-items-center tw-border-t tw-border-t-material-light-thin tw-bg-grey-900 tw-py-squid-xxs tw-text-grey-500 mobile-lg:tw-w-card-large', state === 'error'
             ? 'tw-px-squid-m mobile-lg:tw-px-squid-l'
-            : 'tw-px-squid-xs mobile-lg:tw-px-squid-m', isEmpty ? 'tw-justify-center' : 'tw-justify-between'), children: state === 'error' && errorMessage ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ErrorMessage, { message: errorMessage }), helpButton ? (jsxRuntime.jsx(Button$1, { onClick: helpButton.onClick, size: "md", variant: "tertiary", label: helpButton.label })) : null] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: cn(detailClassName, 'tw-justify-start'), children: jsxRuntime.jsx(FeeButton, Object.assign({}, feeButton)) }), jsxRuntime.jsx("div", { className: "tw-flex tw-h-squid-xl tw-w-squid-xxl tw-items-center tw-justify-center", children: isLoading ? (jsxRuntime.jsx(Loader, { size: "32" })) : (jsxRuntime.jsx(Tooltip, Object.assign({}, flipButton === null || flipButton === void 0 ? void 0 : flipButton.tooltip, { tooltipWidth: "max", containerClassName: "tw-rounded-squid-m", childrenClassName: "tw-rounded-squid-m", children: jsxRuntime.jsx("button", { disabled: flipButton === null || flipButton === void 0 ? void 0 : flipButton.isDisabled, onClick: flipButton === null || flipButton === void 0 ? void 0 : flipButton.onClick, className: "tw-group/flip-button tw-flex tw-h-squid-xl tw-min-w-[60px] tw-items-center tw-justify-center tw-rounded-squid-m tw-bg-transparent tw-px-squid-xs tw-py-squid-xxs tw-text-grey-300 hover:tw-bg-material-light-thin disabled:tw-cursor-not-allowed", children: jsxRuntime.jsx(ChevronLargeDownIcon, { className: cn('tw-transition-transform tw-duration-150', !(flipButton === null || flipButton === void 0 ? void 0 : flipButton.isDisabled) &&
-                                    'group-hover/flip-button:tw-rotate-180') }) }) }))) }), jsxRuntime.jsx("div", { className: cn(detailClassName, 'tw-justify-end'), children: jsxRuntime.jsx(Boost, { tooltip: boostButton === null || boostButton === void 0 ? void 0 : boostButton.tooltip, estimatedTime: estimatedTime !== null && estimatedTime !== void 0 ? estimatedTime : '0s', boostMode: (_a = boostButton === null || boostButton === void 0 ? void 0 : boostButton.boostMode) !== null && _a !== void 0 ? _a : 'normal', onToggleBoostMode: boostButton === null || boostButton === void 0 ? void 0 : boostButton.onClick, canToggleBoostMode: state === 'loading' ? false : boostButton === null || boostButton === void 0 ? void 0 : boostButton.canToggleBoostMode }) })] })) }));
+            : 'tw-px-squid-xs mobile-lg:tw-px-squid-m', isEmpty ? 'tw-justify-center' : 'tw-justify-between'), children: state === 'error' && errorMessage ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ErrorMessage, { message: errorMessage }), helpButton ? (jsxRuntime.jsx(Button$1, { onClick: helpButton.onClick, size: "md", variant: "tertiary", label: helpButton.label })) : null] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: cn(detailClassName, 'tw-justify-start'), children: jsxRuntime.jsx(FeeButton, Object.assign({}, feeButton)) }), jsxRuntime.jsx("div", { className: "tw-flex tw-h-squid-xl tw-w-squid-xxl tw-items-center tw-justify-center", children: isLoading ? (jsxRuntime.jsx(Loader, { size: "32" })) : (jsxRuntime.jsx(Tooltip, Object.assign({}, flipButton === null || flipButton === void 0 ? void 0 : flipButton.tooltip, { tooltipWidth: "max", containerClassName: "tw-rounded-squid-m", childrenClassName: "tw-rounded-squid-m", children: jsxRuntime.jsx("button", { disabled: flipButton === null || flipButton === void 0 ? void 0 : flipButton.isDisabled, onClick: flipButton === null || flipButton === void 0 ? void 0 : flipButton.onClick, className: "tw-group/flip-button tw-flex tw-h-squid-xl tw-min-w-[60px] tw-items-center tw-justify-center tw-rounded-squid-m tw-bg-transparent tw-px-squid-xs tw-py-squid-xxs tw-text-grey-300 hover:tw-bg-material-light-thin disabled:tw-cursor-not-allowed", children: jsxRuntime.jsx(ArrowDownIcon, { size: "24", className: cn('tw-transition-transform tw-duration-150', !(flipButton === null || flipButton === void 0 ? void 0 : flipButton.isDisabled) &&
+                                    'group-hover/flip-button:tw-rotate-180') }) }) }))) }), jsxRuntime.jsx("div", { className: cn(detailClassName, 'tw-justify-end'), children: !!stopsButton && jsxRuntime.jsx(StopsButton, Object.assign({}, stopsButton)) })] })) }));
 }
 
-function DropdownMenuItem({ label, imageUrl, icon, labelClassName, onClick, }) {
-    return (jsxRuntime.jsx("li", { className: "tw-max-h-squid-xl tw-w-full tw-px-squid-xxs", children: jsxRuntime.jsxs("button", { onClick: onClick, className: "tw-flex tw-h-squid-l tw-w-full tw-cursor-pointer tw-items-center tw-gap-squid-xxs tw-rounded-squid-xs tw-px-squid-xxs hover:tw-bg-material-light-thin", children: [jsxRuntime.jsx("div", { className: "tw-flex tw-h-squid-m tw-w-squid-m tw-items-center tw-justify-between tw-rounded-squid-xs", children: imageUrl ? (jsxRuntime.jsx("img", { src: imageUrl, className: "tw-h-full tw-w-full tw-rounded-squid-xxs" })) : (icon) }), jsxRuntime.jsx(CaptionText, { className: cn(labelClassName, 'tw-max-w-full tw-truncate !tw-leading-[18px]'), children: label })] }) }));
+function DropdownMenuItem({ label, imageUrl, icon, labelClassName, onClick, link, }) {
+    const ContentTag = link ? 'a' : 'button';
+    const contentTagProps = link
+        ? {
+            href: link,
+            target: '_blank',
+        }
+        : {};
+    return (jsxRuntime.jsx("li", { className: "tw-max-h-squid-xl tw-w-full tw-px-squid-xxs", children: jsxRuntime.jsxs(ContentTag, Object.assign({}, contentTagProps, { onClick: (event) => {
+                event.stopPropagation();
+                onClick === null || onClick === void 0 ? void 0 : onClick();
+            }, className: "tw-flex tw-h-squid-l tw-w-full tw-cursor-pointer tw-items-center tw-gap-squid-xxs tw-rounded-squid-xs tw-px-squid-xxs hover:tw-bg-material-light-thin", children: [jsxRuntime.jsx("div", { className: "tw-flex tw-h-squid-m tw-w-squid-m tw-items-center tw-justify-between tw-rounded-squid-xs", children: imageUrl ? (jsxRuntime.jsx("img", { src: imageUrl, className: "tw-h-full tw-w-full tw-rounded-squid-xxs" })) : (icon) }), jsxRuntime.jsx(CaptionText, { className: cn(labelClassName, 'tw-max-w-full tw-truncate !tw-leading-[18px]'), children: label })] })) }));
 }
 
 function useDropdownMenu(props) {
-    const [isDropdownOpen, setIsModalOpen] = React$1.useState(Boolean(props === null || props === void 0 ? void 0 : props.initialIsModalOpen));
+    const { initialIsModalOpen, itemsContainerRef } = props !== null && props !== void 0 ? props : {};
+    const [isDropdownOpen, setIsModalOpen] = React$1.useState(Boolean(initialIsModalOpen));
     const dropdownRef = React$1.useRef(null);
     const openDropdownButtonRef = React$1.useRef(null);
     React$1.useEffect(() => {
@@ -16927,12 +17679,62 @@ function useDropdownMenu(props) {
     const closeDropdown = React$1.useCallback(() => {
         setIsModalOpen(false);
     }, []);
+    const [dropdownPosition, setDropdownPosition] = React$1.useState(null);
+    const itemRef = React$1.useRef(null);
+    const menuRef = React$1.useRef(null);
+    // Effect to find the best position for the dropdown menu, so it's always visible for the user
+    React$1.useEffect(() => {
+        var _a;
+        if (!isDropdownOpen) {
+            // when the dropdown is closed, we want to reset its position
+            // because user may scroll, and the old position may be out of view, so we'll need to recalculate it
+            setDropdownPosition(null);
+            return;
+        }
+        const item = itemRef.current;
+        const itemsContainer = (_a = itemsContainerRef === null || itemsContainerRef === void 0 ? void 0 : itemsContainerRef.current) !== null && _a !== void 0 ? _a : item === null || item === void 0 ? void 0 : item.parentElement;
+        const dropdownMenu = menuRef.current;
+        if (!item || !dropdownRef.current || !itemsContainer || !dropdownMenu) {
+            return;
+        }
+        // Get the bounding rectangle of the item
+        const itemRect = item.getBoundingClientRect();
+        // Get the bounding rectangle of the container element
+        const containerRect = itemsContainer.getBoundingClientRect();
+        // Calculate the bottom position of the visible area of the the items container
+        const containerVisibleBottom = containerRect.top + containerRect.height;
+        // Calculate the distance from the bottom of the item to the visible bottom of the items container
+        const distanceBetweenItemBottomAndContainerBottomEdge = containerVisibleBottom - itemRect.bottom;
+        // the same but for the top
+        const distanceBetweenItemTopAndContainerTopEdge = itemRect.top - containerRect.top;
+        const dropdownMenuHeight = dropdownMenu.clientHeight;
+        // check if the height of the dropdown is less than the longest distance, either top or bottom
+        // if so, means that the dropdown keeps visible when positioned at the top or bottom of the item
+        const isDropdownVisibleAtItemTopOrBottom = dropdownMenuHeight <=
+            Math.max(distanceBetweenItemBottomAndContainerBottomEdge, distanceBetweenItemTopAndContainerTopEdge);
+        // if the dropdown is not visible at top or bottom of the item
+        // we just center it
+        if (!isDropdownVisibleAtItemTopOrBottom) {
+            return setDropdownPosition('center');
+        }
+        // finally, if the dropdown fits, position it where it has more space
+        if (distanceBetweenItemBottomAndContainerBottomEdge >=
+            distanceBetweenItemTopAndContainerTopEdge) {
+            setDropdownPosition('bottom');
+        }
+        else {
+            setDropdownPosition('top');
+        }
+    }, [isDropdownOpen, menuRef, dropdownPosition, itemRef]);
     return {
         isDropdownOpen,
         openDropdown,
         closeDropdown,
         dropdownRef,
         openDropdownButtonRef,
+        dropdownPosition,
+        itemRef,
+        menuRef,
     };
 }
 
@@ -17041,102 +17843,11 @@ const useTimer = ({ immediateStart = true, }) => {
     return { timer, stopTimer, startTimer };
 };
 
-const dropdownPositionClassMap = {
+const dropdownPositionClassMap$1 = {
     top: 'tw-right-[calc(100%-10px)] tw-bottom-7',
     bottom: 'tw-right-[calc(100%-10px)] tw-top-7',
     center: 'tw-right-[40px] -tw-top-[55px]',
 };
-const statusBadge = {
-    completed: {},
-    pending: {
-        badge: jsxRuntime.jsx(Loader, { size: "16", strokeWidth: "4" }),
-        containerClassName: 'tw-bg-royal-400',
-    },
-    failed: {
-        badge: (jsxRuntime.jsx("span", { className: "tw-bg-grey-900", children: jsxRuntime.jsx(EmojiSadIcon, { className: "tw-text-status-negative" }) })),
-        containerClassName: 'tw-bg-status-negative',
-    },
-    warning: {
-        badge: (jsxRuntime.jsx("span", { className: "tw-bg-grey-900", children: jsxRuntime.jsx(EmojiMeh, { className: "tw-text-status-partial" }) })),
-        containerClassName: 'tw-bg-status-partial',
-    },
-};
-function HistoryItem({ firstImageUrl, secondImageUrl, dateCompleted, fromAmount, fromLabel, toAmount, toLabel, dropdownMenuItems, itemsContainerRef, status, warningLabel, onClick, }) {
-    const { isDropdownOpen, dropdownRef, openDropdownButtonRef, openDropdown } = useDropdownMenu();
-    const [dropdownPosition, setDropdownPosition] = React$1.useState(null);
-    const itemRef = React$1.useRef(null);
-    const menuRef = React$1.useRef(null);
-    const statusLabel = React$1.useMemo(() => {
-        switch (status) {
-            case 'completed':
-                return jsxRuntime.jsx(CaptionText, { children: dateCompleted });
-            case 'pending':
-                return jsxRuntime.jsx(CaptionText, { className: "tw-text-royal-400", children: "Pending" });
-            case 'failed':
-                return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(CaptionText, { className: "tw-text-status-negative", children: "Fail" }), jsxRuntime.jsx(CaptionText, { children: dateCompleted })] }));
-            case 'warning':
-                return (jsxRuntime.jsx(CaptionText, { className: "tw-text-status-partial", children: warningLabel }));
-            default:
-                return null;
-        }
-    }, [status, dateCompleted]);
-    // Effect to find the best position for the dropdown menu, so it's always visible for the user
-    React$1.useEffect(() => {
-        var _a;
-        if (!isDropdownOpen) {
-            // when the dropdown is closed, we want to reset its position
-            // because user may scroll, and the old position may be out of view, so we'll need to recalculate it
-            setDropdownPosition(null);
-            return;
-        }
-        const item = itemRef.current;
-        const itemsContainer = (_a = itemsContainerRef === null || itemsContainerRef === void 0 ? void 0 : itemsContainerRef.current) !== null && _a !== void 0 ? _a : item === null || item === void 0 ? void 0 : item.parentElement;
-        const dropdownMenu = menuRef.current;
-        if (!item || !dropdownRef.current || !itemsContainer || !dropdownMenu) {
-            return;
-        }
-        // Get the bounding rectangle of the item
-        const itemRect = item.getBoundingClientRect();
-        // Get the bounding rectangle of the container element
-        const containerRect = itemsContainer.getBoundingClientRect();
-        // Calculate the bottom position of the visible area of the the items container
-        const containerVisibleBottom = containerRect.top + containerRect.height;
-        // Calculate the distance from the bottom of the item to the visible bottom of the items container
-        const distanceBetweenItemBottomAndContainerBottomEdge = containerVisibleBottom - itemRect.bottom;
-        // the same but for the top
-        const distanceBetweenItemTopAndContainerTopEdge = itemRect.top - containerRect.top;
-        const dropdownMenuHeight = dropdownMenu.clientHeight;
-        // check if the height of the dropdown is less than the longest distance, either top or bottom
-        // if so, means that the dropdown keeps visible when positioned at the top or bottom of the item
-        const isDropdownVisibleAtItemTopOrBottom = dropdownMenuHeight <=
-            Math.max(distanceBetweenItemBottomAndContainerBottomEdge, distanceBetweenItemTopAndContainerTopEdge);
-        // if the dropdown is not visible at top or bottom of the item
-        // we just center it
-        if (!isDropdownVisibleAtItemTopOrBottom) {
-            return setDropdownPosition('center');
-        }
-        // finally, if the dropdown fits, position it where it has more space
-        if (distanceBetweenItemBottomAndContainerBottomEdge >=
-            distanceBetweenItemTopAndContainerTopEdge) {
-            setDropdownPosition('bottom');
-        }
-        else {
-            setDropdownPosition('top');
-        }
-    }, [isDropdownOpen, menuRef, dropdownPosition, itemRef]);
-    const isInteractive = !!onClick;
-    const ItemTag = isInteractive ? 'button' : 'div';
-    const itemTagProps = isInteractive
-        ? {
-            onClick,
-        }
-        : {};
-    return (jsxRuntime.jsx("li", { ref: itemRef, className: "tw-h-list-item-large tw-min-w-list-item-small tw-self-stretch tw-bg-grey-900 tw-px-squid-xs tw-text-grey-300", children: jsxRuntime.jsxs(ItemTag, Object.assign({}, itemTagProps, { className: cn('tw-group/history-item tw-relative tw-flex tw-w-full tw-flex-shrink-0 tw-items-center tw-gap-squid-xs tw-self-stretch tw-rounded-squid-s tw-px-squid-xs tw-py-squid-xxs', isInteractive && 'hover:tw-bg-material-light-thin'), children: [jsxRuntime.jsxs("div", { className: "tw-relative tw-h-10 tw-w-[60px]", children: [!!statusBadge[status].badge && (jsxRuntime.jsx("span", { className: cn('tw-absolute -tw-left-[5px] tw-bottom-0 tw-z-10 tw-flex tw-h-squid-m tw-w-squid-m tw-items-center tw-justify-center tw-overflow-hidden tw-rounded-full tw-border tw-border-grey-900 tw-p-0.5', statusBadge[status].containerClassName), children: statusBadge[status].badge })), jsxRuntime.jsx("img", { src: firstImageUrl, className: "tw-absolute tw-h-10 tw-w-10 tw-rounded-full tw-border tw-border-grey-900" }), jsxRuntime.jsx("img", { src: secondImageUrl, className: "tw-absolute tw-left-5 tw-h-10 tw-w-10 tw-rounded-full tw-border tw-border-grey-900" })] }), jsxRuntime.jsxs("div", { className: "tw-flex tw-h-10 tw-flex-1 tw-flex-col tw-self-stretch", children: [jsxRuntime.jsxs("div", { className: "tw-flex tw-h-5 tw-items-center tw-justify-between tw-text-grey-500", children: [jsxRuntime.jsxs("div", { className: "tw-flex tw-items-center", children: [jsxRuntime.jsx(CaptionText, { children: fromLabel }), jsxRuntime.jsx("span", { className: "tw-text-grey-600", children: jsxRuntime.jsx(ChevronRightSmallIcon, {}) }), jsxRuntime.jsx(CaptionText, { children: toLabel })] }), !!dropdownMenuItems && (jsxRuntime.jsx("button", { className: "tw-peer tw-absolute tw-right-squid-xxs tw-top-squid-xxs tw-flex tw-h-squid-xl tw-w-squid-xl tw-items-center tw-justify-center tw-rounded-squid-xs tw-bg-material-light-thin tw-p-2 tw-text-grey-300 tw-opacity-0 tw-transition-opacity focus:tw-opacity-100 group-hover/history-item:tw-opacity-100", onClick: openDropdown, ref: openDropdownButtonRef, children: jsxRuntime.jsx(DotGrid1x3HorizontalIcon, { size: "24" }) })), jsxRuntime.jsx("div", { className: cn('tw-flex tw-items-center tw-justify-center tw-gap-squid-xxs', !!dropdownMenuItems &&
-                                        'tw-transition-opacity group-hover/history-item:tw-hidden group-hover/history-item:tw-opacity-0 peer-focus:tw-hidden peer-focus:tw-opacity-0'), children: statusLabel })] }), jsxRuntime.jsxs("div", { className: "tw-flex tw-h-5 tw-items-center tw-gap-squid-xxs tw-text-grey-300", children: [jsxRuntime.jsx(BodyText, { size: "small", children: fromAmount }), jsxRuntime.jsx("span", { className: "tw-text-grey-600", children: jsxRuntime.jsx(ChevronLargeRightIcon, {}) }), jsxRuntime.jsx(BodyText, { size: "small", children: toAmount })] })] }), isDropdownOpen && !!dropdownMenuItems ? (jsxRuntime.jsx(DropdownMenu, { menuRef: menuRef, 
-                    // only show dropdown menu if there is a position defined for it
-                    isHidden: !dropdownPosition, className: cn(!!dropdownPosition && dropdownPositionClassMap[dropdownPosition]), dropdownRef: dropdownRef, items: dropdownMenuItems })) : null] })) }));
-}
-
 const listItemSizeMap = {
     small: 'tw-h-list-item-small',
     large: 'tw-h-list-item-large',
@@ -17146,7 +17857,7 @@ const collapsedListItemClassMap = {
     large: 'tw-w-[80px]',
 };
 function ListItem(_a) {
-    var { itemTitle, mainImageUrl, subtitle, subtitleOnHover, detail, icon, secondaryImageUrl, placeholderImageUrl, size = 'large', mainIcon, className, isSelected, onDetailClick, showDetailOnHoverOnly, rounded = false, detailButtonClassName, loading, containerProps, compactOnMobile, extraPadding = true } = _a, props = __rest$1(_a, ["itemTitle", "mainImageUrl", "subtitle", "subtitleOnHover", "detail", "icon", "secondaryImageUrl", "placeholderImageUrl", "size", "mainIcon", "className", "isSelected", "onDetailClick", "showDetailOnHoverOnly", "rounded", "detailButtonClassName", "loading", "containerProps", "compactOnMobile", "extraPadding"]);
+    var { itemTitle, mainImageUrl, subtitle, subtitleOnHover, detail, icon, secondaryImageUrl, placeholderImageUrl, size = 'large', mainIcon, className, isSelected, onDetailClick, showDetailOnHoverOnly, rounded = false, detailButtonClassName, loading, containerProps, compactOnMobile, extraPadding = true, itemsContainerRef, dropdownMenuItems: _dropdownMenuItemsProp } = _a, props = __rest$1(_a, ["itemTitle", "mainImageUrl", "subtitle", "subtitleOnHover", "detail", "icon", "secondaryImageUrl", "placeholderImageUrl", "size", "mainIcon", "className", "isSelected", "onDetailClick", "showDetailOnHoverOnly", "rounded", "detailButtonClassName", "loading", "containerProps", "compactOnMobile", "extraPadding", "itemsContainerRef", "dropdownMenuItems"]);
     const subtitleClassName = cn('tw-h-[14px] tw-max-w-full tw-truncate !tw-leading-[16px] tw-text-grey-500', compactOnMobile ? 'tw-hidden mobile-lg:tw-block' : 'tw-block');
     // 'small' variant does not have detail
     const showDetail = size === 'large' && (!!detail || !!icon || showDetailOnHoverOnly);
@@ -17177,14 +17888,83 @@ function ListItem(_a) {
     const isInteractive = !!props.onClick;
     const ItemTag = isInteractive ? 'button' : 'div';
     const itemProps = isInteractive ? props : {};
-    return (jsxRuntime.jsx("li", Object.assign({}, containerProps, { className: cn('tw-flex tw-max-w-full tw-bg-grey-900 tw-text-grey-300', listItemSizeMap[size], extraPadding && 'tw-px-squid-xs', compactOnMobile
+    const { isDropdownOpen, dropdownRef, openDropdownButtonRef, openDropdown, closeDropdown, itemRef, menuRef, dropdownPosition, } = useDropdownMenu({
+        itemsContainerRef,
+    });
+    const dropdownMenuItems = _dropdownMenuItemsProp === null || _dropdownMenuItemsProp === void 0 ? void 0 : _dropdownMenuItemsProp.map((item) => (Object.assign(Object.assign({}, item), { onClick: () => {
+            var _a;
+            (_a = item.onClick) === null || _a === void 0 ? void 0 : _a.call(item);
+            closeDropdown();
+        } })));
+    return (jsxRuntime.jsx("li", Object.assign({}, containerProps, { ref: itemRef, className: cn('tw-flex tw-max-w-full tw-bg-grey-900 tw-text-grey-300', listItemSizeMap[size], extraPadding && 'tw-px-squid-xs', compactOnMobile
             ? `${collapsedListItemClassMap[size]} mobile-lg:tw-w-full`
-            : 'tw-w-full', className), children: jsxRuntime.jsxs(ItemTag, Object.assign({}, itemProps, { className: cn('tw-group/list-item tw-flex tw-w-full tw-max-w-full tw-items-center tw-justify-start tw-gap-squid-xs tw-rounded-squid-s tw-px-squid-xs tw-py-squid-xxs', isSelected && 'tw-bg-material-light-thin', isInteractive && 'hover:tw-bg-material-light-thin'), children: [size === 'large' ? (jsxRuntime.jsx("div", { className: "tw-h-10 tw-w-10", children: mainIcon ? (mainIcon) : (jsxRuntime.jsx(BadgeImage, { extraMarginForBadge: false, imageUrl: mainImageUrl, badgeUrl: secondaryImageUrl, placeholderImageUrl: placeholderImageUrl, size: "md", rounded: rounded })) })) : (jsxRuntime.jsx("div", { className: "tw-flex tw-min-h-[30px] tw-min-w-[30px] tw-items-center tw-justify-center", children: mainIcon ? (mainIcon) : (jsxRuntime.jsx("img", { src: mainImageUrl, className: "tw-h-[30px] tw-w-[30px] tw-rounded-squid-xs" })) })), jsxRuntime.jsxs("div", { className: cn('tw-flex tw-h-[40px] tw-flex-1 tw-flex-col tw-items-start tw-justify-center tw-gap-squid-xxs', 
+            : 'tw-w-full', className), children: jsxRuntime.jsxs(ItemTag, Object.assign({}, itemProps, { className: cn('tw-group/list-item tw-relative tw-flex tw-w-full tw-max-w-full tw-items-center tw-justify-start tw-gap-squid-xs tw-rounded-squid-s tw-px-squid-xs tw-py-squid-xxs', isSelected && 'tw-bg-material-light-thin', isInteractive && 'hover:tw-bg-material-light-thin'), children: [size === 'large' ? (jsxRuntime.jsx("div", { className: "tw-h-10 tw-w-10", children: mainIcon ? (mainIcon) : (jsxRuntime.jsx(BadgeImage, { extraMarginForBadge: false, imageUrl: mainImageUrl, badgeUrl: secondaryImageUrl, placeholderImageUrl: placeholderImageUrl, size: "md", rounded: rounded })) })) : (jsxRuntime.jsx("div", { className: "tw-flex tw-min-h-[30px] tw-min-w-[30px] tw-items-center tw-justify-center", children: mainIcon ? (mainIcon) : (jsxRuntime.jsx("img", { src: mainImageUrl, className: "tw-h-[30px] tw-w-[30px] tw-rounded-squid-xs" })) })), jsxRuntime.jsxs("div", { className: cn('tw-flex tw-h-[40px] tw-flex-1 tw-flex-col tw-items-start tw-justify-center tw-gap-squid-xxs', 
                     // 'large' variant has extra padding
                     size === 'large' ? 'tw-w-[56%] tw-pl-squid-xxs' : 'tw-w-[67%]'), children: [typeof itemTitle === 'string' ? (jsxRuntime.jsx(BodyText, { size: "small", className: cn('tw-max-w-full tw-truncate', subtitle && 'tw-h-[17px] !tw-leading-[17px]', compactOnMobile ? 'tw-hidden mobile-lg:tw-block' : 'tw-block'), children: itemTitle })) : (itemTitle), size === 'large' &&
                             ((loading === null || loading === void 0 ? void 0 : loading.subtitle) ? (loadingComponent()) : subtitle ? (jsxRuntime.jsxs(CaptionText, { className: subtitleClassName, children: [subtitleOnHover && (jsxRuntime.jsx(CaptionText, { className: cn(subtitleClassName, 'tw-hidden group-hover/list-item:tw-block'), children: subtitleOnHover })), subtitle] })) : null)] }), showDetail && (jsxRuntime.jsxs(DetailTag, Object.assign({}, detailProps, { className: cn('tw-flex tw-w-fit tw-items-center tw-justify-center tw-rounded-squid-xs', size === 'large' ? 'tw-h-squid-xl' : 'tw-h-squid-l', showDetailOnHoverOnly
                         ? 'tw-opacity-0 hover:tw-opacity-100 focus:tw-opacity-100 group-hover/list-item:tw-opacity-100 group-focus/list-item:tw-opacity-100'
-                        : 'tw-flex', isDetailInteractive && 'hover:tw-bg-material-light-thin', detailButtonClassName), children: [!!detail && (jsxRuntime.jsx(CaptionText, { className: "min-tw-w-4 min-tw-h-4 tw-px-squid-xxs tw-leading-[10px]", children: detail })), icon ? (jsxRuntime.jsx("span", { className: "tw-flex tw-items-center tw-justify-center tw-px-[3px] tw-py-2", children: icon })) : null] })))] })) })));
+                        : 'tw-flex', isDetailInteractive && 'hover:tw-bg-material-light-thin', detailButtonClassName), children: [!!detail && (jsxRuntime.jsx(CaptionText, { className: "min-tw-w-4 min-tw-h-4 tw-px-squid-xxs tw-leading-[10px]", children: detail })), icon ? (jsxRuntime.jsx("span", { className: "tw-flex tw-items-center tw-justify-center tw-px-[3px] tw-py-2", children: icon })) : null] }))), !!dropdownMenuItems && (jsxRuntime.jsx(ListItemActionsButton, { onClick: openDropdown, ref: openDropdownButtonRef, className: "tw-opacity-0 group-hover/list-item:tw-opacity-100" })), isDropdownOpen && !!dropdownMenuItems ? (jsxRuntime.jsx(DropdownMenu, { menuRef: menuRef, isHidden: !dropdownPosition, className: cn(!!dropdownPosition && dropdownPositionClassMap$1[dropdownPosition]), dropdownRef: dropdownRef, items: dropdownMenuItems })) : null] })) })));
+}
+const ListItemActionsButton = (props) => {
+    return (jsxRuntime.jsx("button", Object.assign({}, props, { onClick: (event) => {
+            var _a;
+            event.stopPropagation();
+            (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, event);
+        }, className: cn('tw-bg-material-light-blend-grey-800 tw-peer tw-absolute tw-right-squid-xxs tw-top-squid-xxs tw-flex tw-h-squid-xl tw-w-squid-xl tw-items-center tw-justify-center tw-rounded-squid-xs tw-p-2 tw-text-grey-300 tw-transition-opacity focus:tw-opacity-100', props.className), children: jsxRuntime.jsx(DotGrid1x3HorizontalIcon, { size: "24" }) })));
+};
+
+const dropdownPositionClassMap = {
+    top: 'tw-right-[calc(100%-10px)] tw-bottom-7',
+    bottom: 'tw-right-[calc(100%-10px)] tw-top-7',
+    center: 'tw-right-[40px] -tw-top-[55px]',
+};
+const statusBadge = {
+    completed: {},
+    pending: {
+        badge: (jsxRuntime.jsx(Loader, { size: "16", strokeWidth: "4", className: "group-data-[squid-theme-type=dark]:tw-text-grey-100 group-data-[squid-theme-type=light]:tw-text-grey-900" })),
+        containerClassName: 'tw-bg-royal-400',
+    },
+    failed: {
+        badge: (jsxRuntime.jsx("span", { className: "tw-bg-grey-900", children: jsxRuntime.jsx(EmojiSadIcon, { className: "tw-text-status-negative" }) })),
+        containerClassName: 'tw-bg-status-negative',
+    },
+    warning: {
+        badge: (jsxRuntime.jsx("span", { className: "tw-bg-grey-900", children: jsxRuntime.jsx(EmojiMeh, { className: "tw-text-status-partial" }) })),
+        containerClassName: 'tw-bg-status-partial',
+    },
+};
+function HistoryItem({ firstImageUrl, secondImageUrl, dateCompleted, fromAmount, fromLabel, toAmount, toLabel, dropdownMenuItems: _dropdownMenuItemsProp, itemsContainerRef, status, warningLabel, onClick, }) {
+    const { isDropdownOpen, dropdownRef, openDropdownButtonRef, openDropdown, closeDropdown, itemRef, menuRef, dropdownPosition, } = useDropdownMenu({
+        itemsContainerRef,
+    });
+    const dropdownMenuItems = _dropdownMenuItemsProp === null || _dropdownMenuItemsProp === void 0 ? void 0 : _dropdownMenuItemsProp.map((item) => (Object.assign(Object.assign({}, item), { onClick: () => {
+            var _a;
+            (_a = item.onClick) === null || _a === void 0 ? void 0 : _a.call(item);
+            closeDropdown();
+        } })));
+    const statusLabel = React$1.useMemo(() => {
+        switch (status) {
+            case 'completed':
+                return jsxRuntime.jsx(CaptionText, { children: dateCompleted });
+            case 'pending':
+                return jsxRuntime.jsx(CaptionText, { className: "tw-text-royal-400", children: "Pending" });
+            case 'failed':
+                return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(CaptionText, { className: "tw-text-status-negative", children: "Fail" }), jsxRuntime.jsx(CaptionText, { children: dateCompleted })] }));
+            case 'warning':
+                return (jsxRuntime.jsx(CaptionText, { className: "tw-text-status-partial", children: warningLabel }));
+            default:
+                return null;
+        }
+    }, [status, dateCompleted]);
+    const isInteractive = !!onClick;
+    const ItemTag = isInteractive ? 'button' : 'div';
+    const itemTagProps = isInteractive
+        ? {
+            onClick,
+        }
+        : {};
+    return (jsxRuntime.jsx("li", { ref: itemRef, className: "tw-h-list-item-large tw-min-w-list-item-small tw-self-stretch tw-bg-grey-900 tw-px-squid-xs tw-text-grey-300", children: jsxRuntime.jsxs(ItemTag, Object.assign({}, itemTagProps, { className: cn('tw-group/history-item tw-relative tw-flex tw-w-full tw-flex-shrink-0 tw-items-center tw-gap-squid-xs tw-self-stretch tw-rounded-squid-s tw-px-squid-xs tw-py-squid-xxs', isInteractive && 'hover:tw-bg-material-light-thin'), children: [jsxRuntime.jsxs("div", { className: "tw-relative tw-h-10 tw-w-[60px]", children: [!!statusBadge[status].badge && (jsxRuntime.jsx("span", { className: cn('tw-absolute -tw-left-[5px] tw-bottom-0 tw-z-10 tw-flex tw-h-squid-m tw-w-squid-m tw-items-center tw-justify-center tw-overflow-hidden tw-rounded-full tw-border tw-border-grey-900 tw-p-0.5', statusBadge[status].containerClassName), children: statusBadge[status].badge })), jsxRuntime.jsx("img", { src: firstImageUrl, className: "tw-absolute tw-h-10 tw-w-10 tw-rounded-full tw-border tw-border-grey-900" }), jsxRuntime.jsx("img", { src: secondImageUrl, className: "tw-absolute tw-left-5 tw-h-10 tw-w-10 tw-rounded-full tw-border tw-border-grey-900" })] }), jsxRuntime.jsxs("div", { className: "tw-flex tw-h-10 tw-flex-1 tw-flex-col tw-self-stretch", children: [jsxRuntime.jsxs("div", { className: "tw-flex tw-h-5 tw-items-center tw-justify-between tw-text-grey-500", children: [jsxRuntime.jsxs("div", { className: "tw-flex tw-items-center", children: [jsxRuntime.jsx(CaptionText, { children: fromLabel }), jsxRuntime.jsx("span", { className: "tw-text-grey-600", children: jsxRuntime.jsx(ChevronRightSmallIcon, {}) }), jsxRuntime.jsx(CaptionText, { children: toLabel })] }), !!dropdownMenuItems && (jsxRuntime.jsx(ListItemActionsButton, { onClick: openDropdown, ref: openDropdownButtonRef, className: "tw-opacity-0 group-hover/history-item:tw-opacity-100" })), jsxRuntime.jsx("div", { className: cn('tw-flex tw-items-center tw-justify-center tw-gap-squid-xxs', !!dropdownMenuItems &&
+                                        'tw-transition-opacity group-hover/history-item:tw-hidden group-hover/history-item:tw-opacity-0 peer-focus:tw-hidden peer-focus:tw-opacity-0'), children: statusLabel })] }), jsxRuntime.jsxs("div", { className: "tw-flex tw-h-5 tw-items-center tw-gap-squid-xxs tw-text-grey-300", children: [jsxRuntime.jsx(BodyText, { size: "small", children: fromAmount }), jsxRuntime.jsx("span", { className: "tw-text-grey-600", children: jsxRuntime.jsx(ChevronLargeRightIcon, {}) }), jsxRuntime.jsx(BodyText, { size: "small", children: toAmount })] })] }), isDropdownOpen && !!dropdownMenuItems ? (jsxRuntime.jsx(DropdownMenu, { menuRef: menuRef, isHidden: !dropdownPosition, className: cn(!!dropdownPosition && dropdownPositionClassMap[dropdownPosition]), dropdownRef: dropdownRef, items: dropdownMenuItems })) : null] })) }));
 }
 
 function MenuItem({ label, imageUrl, icon }) {
@@ -17203,9 +17983,9 @@ function SmallBodyText(props) {
     return jsxRuntime.jsx(BodyText, Object.assign({ size: "small" }, props));
 }
 function PropertyListItem(_a) {
-    var { isLoading = false, label, detail, icon, className, variant = 'small' } = _a, props = __rest$1(_a, ["isLoading", "label", "detail", "icon", "className", "variant"]);
+    var { isLoading = false, label, detail, icon, className, variant = 'small', showGradientBg = true, labelClassName, iconClassName, detailClassName } = _a, props = __rest$1(_a, ["isLoading", "label", "detail", "icon", "className", "variant", "showGradientBg", "labelClassName", "iconClassName", "detailClassName"]);
     const Text = variant === 'small' ? CaptionText : SmallBodyText;
-    return (jsxRuntime.jsx("li", Object.assign({}, props, { className: cn('squid-property-row-bg tw-flex tw-w-full tw-gap-squid-xs tw-rounded-squid-xs tw-text-grey-300', containerVariantClassNameMap[variant], className), children: jsxRuntime.jsxs("div", { className: cn('tw-flex tw-h-squid-l tw-w-full tw-items-center tw-justify-between tw-gap-squid-xs tw-rounded-squid-xs', childrenVariantClassNameMap[variant]), children: [jsxRuntime.jsx("div", { className: "tw-w-6 tw-text-grey-500", children: icon }), jsxRuntime.jsx(Text, { className: "tw-flex-1 tw-text-grey-400", children: jsxRuntime.jsx(TextSkeleton, { isLoading: isLoading, children: label }) }), jsxRuntime.jsx(Text, { className: "tw-flex tw-text-grey-300", children: jsxRuntime.jsx(TextSkeleton, { isLoading: isLoading, children: detail }) })] }) })));
+    return (jsxRuntime.jsx("li", Object.assign({}, props, { className: cn('tw-flex tw-w-full tw-gap-squid-xs tw-rounded-squid-xs tw-text-grey-300', showGradientBg && 'squid-property-row-bg', containerVariantClassNameMap[variant], className), children: jsxRuntime.jsxs("div", { className: cn('tw-flex tw-h-squid-l tw-w-full tw-items-center tw-justify-between tw-gap-squid-xs tw-rounded-squid-xs', childrenVariantClassNameMap[variant]), children: [jsxRuntime.jsx("div", { className: cn('tw-w-6 tw-text-grey-500', iconClassName), children: icon }), jsxRuntime.jsx(Text, { className: cn('tw-flex-1 tw-text-grey-400', labelClassName), children: jsxRuntime.jsx(TextSkeleton, { isLoading: isLoading, children: label }) }), jsxRuntime.jsx(Text, { className: cn('tw-flex tw-text-grey-300', detailClassName), children: jsxRuntime.jsx(TextSkeleton, { isLoading: isLoading, children: detail }) })] }) })));
 }
 
 function SectionTitle(_a) {
@@ -17213,19 +17993,6 @@ function SectionTitle(_a) {
     return (jsxRuntime.jsxs("header", Object.assign({}, props, { className: cn('tw-flex tw-h-[46px] tw-w-full tw-items-center tw-gap-squid-xxs tw-bg-grey-900 tw-px-squid-m tw-pb-squid-xs tw-pt-squid-m tw-text-royal-400', className), children: [icon, jsxRuntime.jsx(CaptionText, { children: title }), accessory ? (jsxRuntime.jsx(CaptionText, { className: "tw-flex-1 tw-text-right tw-text-grey-500", children: accessory })) : actionIcon ? (jsxRuntime.jsx("span", { className: "tw-flex tw-flex-1 tw-items-center tw-justify-end", children: actionIcon })) : null] })));
 }
 
-function HelpIcon({ 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("g", { clipPath: "url(#clip0_457_36778)", children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0C15.5228 0 20 4.47715 20 10ZM6 7C6 4.46214 8.03736 3 10 3C12.1193 3 14 4.66531 14 7C14 7.93746 13.7596 8.6603 13.368 9.2586C13.0353 9.76679 12.6034 10.1601 12.2697 10.4639L12.1757 10.5497C11.8041 10.8904 11.534 11.1593 11.337 11.504C11.1513 11.8288 11 12.2794 11 13C11 13.5523 10.5523 14 10 14C9.44772 14 9 13.5523 9 13C9 11.9706 9.22366 11.1712 9.60051 10.5117C9.96604 9.87199 10.4459 9.42214 10.8243 9.07535L10.8834 9.02116L10.8834 9.02116L10.8834 9.02115C11.2572 8.67885 11.5066 8.45039 11.6945 8.16328C11.8654 7.9022 12 7.56254 12 7C12 5.83469 11.0807 5 10 5C8.96264 5 8 5.73786 8 7C8 7.55228 7.55228 8 7 8C6.44772 8 6 7.55228 6 7ZM10 15C9.44771 15 9 15.4477 9 16C9 16.5523 9.44771 17 10 17C10.5523 17 11 16.5523 11 16C11 15.4477 10.5523 15 10 15Z", fill: "currentColor" }) }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "clip0_457_36778", children: jsxRuntime.jsx("rect", { width: "20", height: "20", fill: "white" }) }) })] }));
-}
-function GasIcon({ 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: "M14 20H15M14 20V10M14 20H4M14 10V6C14 4.89543 13.1046 4 12 4H6C4.89543 4 4 4.89543 4 6V20M14 10H16C17.1046 10 18 10.8954 18 12V15.5C18 16.3284 18.6716 17 19.5 17C20.3284 17 21 16.3284 21 15.5V8.82843C21 8.29799 20.7893 7.78929 20.4142 7.41421L19 6M3 20H4M11 10H7", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
-}
-function ReceiptBillIcon({ 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: "M9 8H15M9 12H11M19 21V5C19 3.89543 18.1046 3 17 3H7C5.89543 3 5 3.89543 5 5V21L7.33333 19L9.66667 21L12 19L14.3333 21L16.6667 19L19 21Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
-}
-function SnapIcon({ 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: "M7.60432 8.13491L6.86929 4.13131L7.51863 3.59433C8.93283 2.42484 11.0996 3.0614 11.6333 4.80313M15.141 14.4185C16.1348 13.6216 17.5974 13.7463 18.4312 14.7051C19.2943 15.6975 19.1596 17.1954 18.1329 18.0228L16.3602 19.4514C13.4126 21.8267 9.07509 21.4254 6.62767 18.5508C4.15811 15.6503 4.54199 11.3259 7.4851 8.89209L13.7274 3.72992C14.7023 2.92376 16.1557 3.04908 16.9737 4.00982C17.7917 4.97057 17.6645 6.40293 16.6897 7.20909L12.9633 10.2906L13.5517 9.80407C14.5265 8.99791 15.9799 9.12323 16.7979 10.084C17.6159 11.0447 17.4887 12.4771 16.5139 13.2832L15.9255 13.7698", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
-}
-
 function SettingsItem({ icon, label, control, link, transparent = false, helpTooltip, }) {
     const ContentTag = link ? 'a' : 'div';
     const contentTagProps = link
@@ -17241,10 +18008,6 @@ function SettingsItem({ icon, label, control, link, transparent = false, helpToo
                                 (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() {
-    return (jsxRuntime.jsx("span", { className: "tw-flex tw-h-squid-m tw-w-squid-xxl tw-items-center tw-justify-center tw-self-stretch tw-py-0.5", children: jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "4", height: "21", viewBox: "0 0 4 21", fill: "none", children: jsxRuntime.jsx("path", { d: "M2 2.5V18.5", stroke: "currentColor", strokeWidth: "4", strokeLinecap: "round" }) }) }));
-}
-
 const STEP_ITEM_HEIGHT = 52;
 const statusBgClassMap = {
     executed: '!tw-bg-grey-300',
@@ -17303,40 +18066,6 @@ function SwapStepItem({ descriptionBlocks, showStepSeparator = false, link, stat
         }, className: "tw-relative tw-flex tw-w-full tw-flex-col tw-items-start tw-justify-center tw-text-grey-300 tw-transition-colors tw-duration-1000", children: jsxRuntime.jsxs("a", { href: link, target: "_blank", style: Object.assign(Object.assign({}, transitionStyle), { maxHeight: `${STEP_ITEM_HEIGHT}px` }), className: cn('tw-group/swap-step-item tw-flex tw-w-full tw-items-center tw-rounded-squid-xs tw-py-squid-xxs', !!link && 'hover:tw-bg-material-light-thin', statusTextClass), children: [jsxRuntime.jsxs("span", { className: "tw-relative tw-flex tw-min-h-squid-l tw-items-center tw-justify-center tw-gap-squid-xxs tw-px-squid-xs", children: [jsxRuntime.jsx(Chip, { style: transitionStyle, className: cn('tw-w-squid-xl', statusBgClassMap[status]), icon: chipContent }), showStepSeparator && (jsxRuntime.jsx("span", { className: cn(separatorClassMap[status], 'tw-absolute tw-left-0 tw-top-full tw-mt-0.5'), style: transitionStyle, children: jsxRuntime.jsx(SwapStepSeparator, {}) }))] }), jsxRuntime.jsx(DescriptionBlocks, { className: "tw-min-h-squid-l tw-py-squid-xxs tw-pr-squid-xs", blocks: descriptionBlocks })] }) }));
 }
 
-function Timeline(_a) {
-    var { className } = _a, props = __rest$1(_a, ["className"]);
-    return (jsxRuntime.jsx("div", Object.assign({ className: cn('tw-flex tw-flex-col tw-text-grey-500', className) }, props)));
-}
-Timeline.ArrowDown = ArrowDown;
-Timeline.ArrowReverse = ArrowReverse;
-Timeline.ArrowRight = ArrowRight;
-Timeline.ArrowUp = ArrowUp;
-Timeline.CapBottom = CapBottom;
-Timeline.CapTop = CapTop;
-Timeline.Straight = Straight;
-function ArrowDown(props) {
-    return (jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "40", height: "6", fill: "none", viewBox: "0 0 40 6" }, props, { children: jsxRuntime.jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M20.707 5.707a1 1 0 01-1.414 0l-4-4A1 1 0 0116.707.293L19 2.586V0h2v2.586L23.293.293a1 1 0 111.414 1.414l-4 4z", clipRule: "evenodd" }) })));
-}
-function ArrowReverse(props) {
-    return (jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "40", height: "15", fill: "none", viewBox: "0 0 40 15" }, props, { children: jsxRuntime.jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M15 0a6 6 0 00-6 6v5.586L6.707 9.293a1 1 0 00-1.414 1.414l4 4a1 1 0 001.414 0l4-4a1 1 0 00-1.414-1.414L11 11.586V6a4 4 0 018 0v9h2V6a6 6 0 00-6-6z", clipRule: "evenodd" }) })));
-}
-function ArrowRight(props) {
-    return (jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "40", height: "10", fill: "none", viewBox: "0 0 40 10" }, props, { children: jsxRuntime.jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M21 0v2a2 2 0 002 2h10.586l-2.293-2.293A1 1 0 0132.707.293l4 4a1 1 0 010 1.414l-4 4a1 1 0 11-1.414-1.414L33.586 6H23a4 4 0 01-4-4V0h2z", clipRule: "evenodd" }) })));
-}
-function ArrowUp(props) {
-    return (jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "40", height: "6", fill: "none", viewBox: "0 0 40 6" }, props, { children: jsxRuntime.jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M19.293.293a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L21 3.414V6h-2V3.414l-2.293 2.293a1 1 0 11-1.414-1.414l4-4z", clipRule: "evenodd" }) })));
-}
-function CapBottom(props) {
-    return (jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "40", height: "1", fill: "none", viewBox: "0 0 40 1" }, props, { children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M19 0h2a1 1 0 11-2 0z" }) })));
-}
-function CapTop(props) {
-    return (jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "40", height: "1", fill: "none", viewBox: "0 0 40 1" }, props, { children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M21 1h-2a1 1 0 112 0z" }) })));
-}
-function Straight(_a) {
-    var { className } = _a; __rest$1(_a, ["className"]);
-    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "40", height: "1", fill: "none", viewBox: "0 0 40 1", className: cn('tw-flex-grow', className), preserveAspectRatio: "none", children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M19 0H21V2H19z" }) }));
-}
-
 function PipeSeparator(_a) {
     var { className } = _a, props = __rest$1(_a, ["className"]);
     return (jsxRuntime.jsx("div", Object.assign({}, props, { className: cn('tw-h-[0.8em] tw-w-[2px] tw-rounded-full tw-bg-[currentColor]', className) })));
@@ -17377,10 +18106,6 @@ function Timestamp({ time }) {
     return (jsxRuntime.jsxs("div", { className: "tw-flex tw-items-center tw-gap-squid-xxs tw-text-grey-500", children: [formatRelativeDate(time), jsxRuntime.jsx("span", { className: "tw-text-grey-700", children: "\u2022" }), formatTime(time)] }));
 }
 
-function ThumbsUp({ fill }) {
-    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16", children: [jsxRuntime.jsx("path", { stroke: !fill ? 'currentColor' : 'none', strokeLinejoin: "round", strokeWidth: "1.5", fill: fill ? 'currentColor' : 'none', d: "M8.97 2.038L8.666 2c-.643 1.54-1.604 2.869-2.738 4.065a2.114 2.114 0 00-.596 1.448v4.304c0 .518.299.997.786 1.175 1.653.602 3.382.73 5.13.579 1.067-.093 1.904-.917 2.14-1.962l.562-2.503a2 2 0 00-1.95-2.44h-2l.632-2.055a2 2 0 00-1.664-2.573z" }), jsxRuntime.jsx("path", { stroke: !fill ? 'currentColor' : 'none', strokeLinejoin: "round", strokeWidth: "1.5", fill: fill ? 'currentColor' : 'none', d: "M2 8c0-.736.597-1.333 1.333-1.333a2 2 0 012 2v2.666a2 2 0 01-2 2A1.333 1.333 0 012 12V8z" })] }));
-}
-
 function ApproveAction({ status, nextStatus, showTimeline, showBody, profile, chain, wallet, timestamp, hash, url, }) {
     return (jsxRuntime.jsxs(ActionLayout, { status: status, nextStatus: nextStatus, statusIcon: jsxRuntime.jsx(ThumbsUp, { fill: true }), description: "Approve contract", title: profile.label, icon: jsxRuntime.jsx(ImageIcon, { src: profile.imageURI, variant: "round", size: "xlarge" }), lineCap: jsxRuntime.jsx(Timeline.ArrowUp, {}), showTimeline: showTimeline, showBody: showBody, children: [jsxRuntime.jsx("div", { className: "tw-flex tw-flex-col tw-gap-squid-xs", children: jsxRuntime.jsxs(BodyText, { className: "tw-flex tw-items-center tw-gap-squid-xs", size: "small", children: [jsxRuntime.jsx(IconLabel, { src: chain.logoURI, children: chain.name }), jsxRuntime.jsx(PipeSeparator, { className: "tw-text-grey-300" }), jsxRuntime.jsx(WalletLink, Object.assign({}, wallet))] }) }), (timestamp || hash) && (jsxRuntime.jsx(ActionProperties, { timestamp: timestamp, hash: hash, url: url }))] }));
 }
@@ -17389,13 +18114,6 @@ function BridgeAction({ status, nextStatus, showTimeline, showBody, token, chain
     return (jsxRuntime.jsx(ActionLayout, { status: status, nextStatus: nextStatus, statusIcon: jsxRuntime.jsx(SquareArrowTopLeftIcon, {}), description: jsxRuntime.jsxs(Inline, { children: ["Bridge", jsxRuntime.jsx(IconLabel, { src: token.logoURI, variant: "round", children: jsxRuntime.jsx(BodyText, { size: "small", children: token.symbol }) }), "to", jsxRuntime.jsx(IconLabel, { src: chain.logoURI, children: jsxRuntime.jsx(BodyText, { size: "small", children: chain.name }) }), "via", jsxRuntime.jsx(IconLabel, { src: provider.logoURI, variant: "round", children: jsxRuntime.jsx(BodyText, { size: "small", children: provider.name }) })] }), showTimeline: showTimeline, showBody: showBody, children: (timestamp || hash) && (jsxRuntime.jsx(ActionProperties, { timestamp: timestamp, hash: hash, url: url })) }));
 }
 
-function TagIcon({ size = '20' }) {
-    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: "none", viewBox: "0 0 20 20", children: jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "square", strokeWidth: "2", d: "M5.4 5.5h.2M1 3v6.172a2 2 0 00.586 1.414l7.75 7.75a2 2 0 002.828 0l6.172-6.172a2 2 0 000-2.828l-7.75-7.75A2 2 0 009.172 1H3a2 2 0 00-2 2zm5 2.5a.5.5 0 11-1 0 .5.5 0 011 0z" }) }));
-}
-function TagIconFilled() {
-    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", { fill: "currentColor", fillRule: "evenodd", d: "M1.333 3.333a2 2 0 012-2h4.115a2 2 0 011.414.586l5.167 5.167a2 2 0 010 2.828L9.914 14.03a2 2 0 01-2.828 0L1.919 8.862a2 2 0 01-.586-1.414V3.333zM5 6a1 1 0 100-2 1 1 0 000 2z", clipRule: "evenodd" }) }));
-}
-
 function FeesAction({ status, nextStatus, showTimeline = false, total, lines, }) {
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(FeesTotal, { status: status, nextStatus: nextStatus, total: total, showTimeline: lines !== undefined || showTimeline }), lines && (jsxRuntime.jsx(FeesLines, { status: status, lines: lines, showTimeline: showTimeline }))] }));
 }
@@ -17435,10 +18153,6 @@ function SendTokensAction({ status, nextStatus, showTimeline, showBody, token, a
     return (jsxRuntime.jsxs(ActionLayout, { status: status, statusIcon: jsxRuntime.jsx(ArrowRightUpIcon, {}), nextStatus: nextStatus, description: "Send tokens", title: `${amount} ${token.symbol}`, icon: jsxRuntime.jsx(ImageIcon, { src: token.logoURI, variant: "round", size: "xlarge" }), lineCap: jsxRuntime.jsx(Timeline.ArrowUp, {}), showTimeline: showTimeline, showBody: showBody, children: [jsxRuntime.jsx("div", { className: "tw-flex tw-flex-col tw-gap-squid-xs", children: jsxRuntime.jsxs(BodyText, { size: "small", className: "tw-flex tw-items-center tw-gap-squid-xs", children: [jsxRuntime.jsx(IconLabel, { src: chain.logoURI, children: chain.name }), jsxRuntime.jsx(PipeSeparator, { className: "tw-text-body-small tw-text-grey-700" }), ' ', jsxRuntime.jsx(WalletLink, Object.assign({}, wallet))] }) }), jsxRuntime.jsx(ActionProperties, { timestamp: timestamp, hash: hash, url: url })] }));
 }
 
-function PieChartIcon() {
-    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", fill: "none", viewBox: "0 0 14 14", children: [jsxRuntime.jsx("path", { fill: "currentColor", d: "M13.478 8.582A6.667 6.667 0 007.667.366V6.53l5.81 2.053z" }), jsxRuntime.jsx("path", { fill: "currentColor", d: "M13.034 9.84L6.778 7.629A.667.667 0 016.334 7V.366a6.667 6.667 0 106.7 9.474z" })] }));
-}
-
 function StakeAction({ status, nextStatus, showTimeline, showBody, token, provider, timestamp, hash, url, }) {
     return (jsxRuntime.jsx(ActionLayout, { status: status, nextStatus: nextStatus, statusIcon: jsxRuntime.jsx(PieChartIcon, {}), description: jsxRuntime.jsx(Inline, { children: [
                 'Stake',
@@ -17522,6 +18236,16 @@ const TxTypeLabel = ({ type }) => {
     return (jsxRuntime.jsxs("span", { className: "tw-inline-flex tw-items-center tw-gap-[2px] tw-text-royal-500", children: [type === null || type === void 0 ? void 0 : type.icon, " ", type === null || type === void 0 ? void 0 : type.name] }));
 };
 
+function RouteStep({ imageUrl, descriptionBlocks, subtitle, showStepSeparator = false, }) {
+    return (jsxRuntime.jsxs("li", { className: "tw-flex tw-flex-col tw-self-stretch", children: [jsxRuntime.jsxs("div", { className: "tw-flex tw-items-center tw-self-stretch", children: [jsxRuntime.jsx(Track, { imageUrl: imageUrl }), jsxRuntime.jsx(Label, { subtitle: subtitle, descriptionBlocks: descriptionBlocks })] }), showStepSeparator && (jsxRuntime.jsx("div", { className: "tw-flex tw-h-squid-m tw-w-squid-xxl tw-justify-center", children: jsxRuntime.jsx("div", { className: "tw-h-squid-m tw-w-1 tw-rounded-full tw-bg-gradient-to-t tw-from-grey-500 tw-to-grey-800" }) }))] }));
+}
+function Track({ imageUrl }) {
+    return (jsxRuntime.jsx("div", { className: "tw-relative tw-flex tw-w-squid-xxl tw-min-w-squid-xxl tw-items-center tw-justify-center tw-gap-squid-xs tw-self-stretch tw-px-squid-xs", children: jsxRuntime.jsx("img", { src: imageUrl, alt: "", className: "tw-h-squid-m tw-w-squid-m tw-rounded-squid-xxs" }) }));
+}
+function Label({ subtitle, descriptionBlocks, }) {
+    return (jsxRuntime.jsxs("div", { className: "tw-flex tw-flex-col tw-items-start", children: [jsxRuntime.jsx("span", { className: "tw-flex tw-items-center tw-gap-squid-xxs tw-self-stretch tw-py-squid-xxs tw-pr-squid-m tw-text-grey-500", children: jsxRuntime.jsx(CaptionText, { children: subtitle }) }), jsxRuntime.jsx(DescriptionBlocks, { blocks: descriptionBlocks, className: "tw-py-squid-xxs tw-pr-squid-m tw-text-grey-300" })] }));
+}
+
 const borderRadiusClassMap = {
     sm: 'tw-rounded-squid-s',
     lg: 'tw-rounded-squid-m',
@@ -17590,11 +18314,14 @@ function NavigationBar(_a) {
                     ? 'tw-w-full tw-pr-squid-xs mobile-xs-height:tw-pr-squid-m'
                     : 'tw-pr-squid-m mobile-lg:tw-pl-squid-l', !title && 'tw-w-full mobile-xs-height:tw-w-[unset]'), children: [displayBackButton ? (jsxRuntime.jsx(Button$1, { className: displayButtonShadows
                             ? 'group-data-[squid-theme-type=dark]:tw-shadow-elevation-dark-2 group-data-[squid-theme-type=light]:tw-shadow-elevation-light-2'
-                            : undefined, variant: "tertiary", size: "md", isLoading: isLoading, icon: jsxRuntime.jsx(ArrowLeftIcon, {}), onClick: onBackButtonClick })) : null, logoUrl ? (jsxRuntime.jsx("img", { src: logoUrl, className: "tw-h-squid-xl tw-min-w-squid-xl" })) : null, jsxRuntime.jsx("span", { className: "tw-flex tw-flex-1 tw-items-center tw-justify-end tw-gap-squid-xxs", children: actions === null || actions === void 0 ? void 0 : actions.map((action) => (jsxRuntime.jsx(Tooltip, Object.assign({}, action.tooltip, { childrenClassName: "tw-rounded-squid-m", containerClassName: "tw-rounded-squid-m", tooltipWidth: "max", children: jsxRuntime.jsx(Button$1, { size: "md", variant: "tertiary", isLoading: isLoading, label: typeof action.labelOrIcon === 'string'
-                                    ? action.labelOrIcon
-                                    : undefined, className: "tw-text-grey-300", icon: typeof action.labelOrIcon === 'string'
-                                    ? null
-                                    : action.labelOrIcon, onClick: action.onClick, chip: action.chip }) }), action.id))) })] }), title ? (jsxRuntime.jsx("div", { className: cn('tw-h-squid-xxl tw-w-full tw-items-center tw-px-squid-m tw-py-squid-xxs mobile-lg:tw-px-squid-l', 
+                            : undefined, variant: "tertiary", size: "md", isLoading: isLoading, icon: jsxRuntime.jsx(ArrowLeftIcon, {}), onClick: onBackButtonClick })) : null, logoUrl ? (jsxRuntime.jsx("img", { src: logoUrl, className: "tw-h-squid-xl tw-min-w-squid-xl" })) : null, jsxRuntime.jsx("span", { className: "tw-flex tw-flex-1 tw-items-center tw-justify-end tw-gap-squid-xxs", children: actions === null || actions === void 0 ? void 0 : actions.map((action) => {
+                            var _a;
+                            return (jsxRuntime.jsx(Tooltip, Object.assign({}, action.tooltip, { tooltipContent: isLoading ? undefined : (_a = action.tooltip) === null || _a === void 0 ? void 0 : _a.tooltipContent, childrenClassName: "tw-rounded-squid-m", containerClassName: "tw-rounded-squid-m", tooltipWidth: "max", children: jsxRuntime.jsx(Button$1, { size: "md", variant: "tertiary", isLoading: isLoading, label: typeof action.labelOrIcon === 'string'
+                                        ? action.labelOrIcon
+                                        : undefined, className: "tw-text-grey-300", icon: typeof action.labelOrIcon === 'string'
+                                        ? null
+                                        : action.labelOrIcon, onClick: action.onClick, chip: action.chip }) }), action.id));
+                        }) })] }), title ? (jsxRuntime.jsx("div", { className: cn('tw-h-squid-xxl tw-w-full tw-items-center tw-px-squid-m tw-py-squid-xxs mobile-lg:tw-px-squid-l', 
                 // hide the title on small screens when back button is displayed, so it's positioned on the left
                 displayBackButton
                     ? 'tw-hidden mobile-xs-height:tw-flex'
@@ -17615,370 +18342,6 @@ function CollapsibleMenu({ children, menuRef, isOpen, transitionDuration, size,
             })), className: cn('tw-fixed tw-z-40 tw-flex tw-flex-col tw-overflow-hidden tw-bg-grey-900 tw-text-grey-200 tw-shadow-elevation-light-3 tw-outline-material-light-thin', className), ref: menuRef, children: children }));
 }
 
-const lightTheme = {
-    // content
-    'content-100': '#17191C',
-    'content-200': '#292C32',
-    'content-300': '#292C32',
-    'content-400': '#676B7E',
-    'content-500': '#8A8FA8',
-    'content-600': '#A7ABBE',
-    'content-700': '#D1D6E0',
-    'content-800': '#EDEEF3',
-    'content-900': '#FBFBFD',
-    // accent
-    'accent-300': '#8C53C5',
-    'accent-400': '#9E79D2',
-    'accent-500': '#B893EC',
-    'accent-700': '#E3D0FD',
-    // status
-    'status-positive': '#17CF26',
-    'status-negative': '#FF5B4D',
-    'status-warning': '#EC9213',
-    // highlight
-    'highlight-700': '#E4FE53',
-};
-const darkTheme = {
-    // content
-    'content-100': '#FBFBFD',
-    'content-200': '#EDEFF3',
-    'content-300': '#D1D6E0',
-    'content-400': '#A7ABBE',
-    'content-500': '#8A8FA8',
-    'content-600': '#676B7E',
-    'content-700': '#4C515D',
-    'content-800': '#292C32',
-    'content-900': '#17191C',
-    // accent
-    'accent-300': '#D9BEF4',
-    'accent-400': '#B893EC',
-    'accent-500': '#9E79D2',
-    'accent-700': '#6B45A1',
-    // status
-    'status-positive': '#7AE870',
-    'status-negative': '#FF4D5B',
-    'status-warning': '#F3AF25',
-    // highlight
-    'highlight-700': '#08A054',
-};
-
-const spacing = {
-    'squid-xxs': '0.3125rem', // 5px
-    'squid-xs': '0.625rem', // 10px
-    'squid-s': '0.9375rem', // 15px
-    'squid-m': '1.25rem', // 20px
-    'squid-l': '1.875rem', // 30px
-    'squid-xl': '2.5rem', // 40px
-    'squid-xxl': '3.75rem', // 60px
-};
-const backdropBlur = {
-    '/10': '10px',
-    '/20': '20px',
-};
-const widths = {
-    button: '9.5625rem', // 153px
-    'list-item-compact': '22.0625rem', // 353px
-    'list-item-small': '21.25rem', // 340px
-    'card-large': '480px',
-    'card-compact': '393px',
-    'modal-extra-large': '440px',
-    'modal-large': '400px',
-    'modal-compact': '373px',
-};
-const heights = {
-    button: '3.75rem', // 60px
-    'list-item-large': '3.125rem', // 50px
-    'list-item-small': '2.5rem', // 40px
-    'card-large': '660px',
-    'card-compact': '640px',
-    'card-small': '580px',
-    'modal-large': '600px',
-    'modal-compact': '631px',
-};
-// tw-shadow-*
-const boxShadow = {
-    'elevation-dark-3': '0px 2px 4px 0px rgba(0, 0, 0, 0.20), 0px 5px 50px -1px rgba(0, 0, 0, 0.33)',
-    'elevation-light-3': '0px 2px 4px 0px rgba(0, 0, 0, 0.10), 0px 5px 50px -1px rgba(0, 0, 0, 0.20)',
-    'elevation-dark-2': '0px 2px 5px 1px rgba(0, 0, 0, 0.20), 0px 5px 20px -1px rgba(0, 0, 0, 0.33)',
-    'elevation-light-1': '0px 1px 2px 0px #0000001A',
-    'elevation-light-2': '0px 2px 5px 1px rgba(0, 0, 0, 0.10), 0px 5px 20px -1px rgba(0, 0, 0, 0.10)',
-    'inset-royal': '0px 0px 50px 0px #876FE2 inset',
-};
-// tw-bg-*
-const backgrounds = {
-    'royal-light': 'linear-gradient(180deg, #A577D8 0%, #BF91F2 100%)',
-    'royal-dark': 'linear-gradient(180deg, #BF91F2 0%, #A577D8 100%)',
-    'dark-cover': 'linear-gradient(90deg, var(--squid-theme-material-dark-thick) 45.4%, transparent 50.85%, var(--squid-theme-material-dark-thick) 55.61%)',
-};
-const baseTailwindConfig = {
-    prefix: 'tw-',
-    content: ['./src/**/*.{ts,tsx,js,jsx}', '.storybook/**/*.{ts,tsx,js,jsx}'],
-    theme: {
-        extend: {
-            screens: Object.values(MEDIA_QUERIES).reduce((acc, curr) => {
-                // 'raw' means that we want to use the raw media query value
-                // https://tailwindcss.com/docs/screens#custom-media-queries
-                acc[curr.key] = { raw: curr.media };
-                return acc;
-            }, {}),
-            keyframes: {
-                'move-to-right-with-spring-bounce': {
-                    '0%': {
-                        transform: 'translateX(-25%)',
-                    },
-                    '50%': {
-                        transform: 'translateX(27%)',
-                    },
-                    '80%': {
-                        transform: 'translateX(24%)',
-                    },
-                    '100%': {
-                        transform: 'translateX(25%)',
-                    },
-                },
-                'move-to-left-with-spring-bounce': {
-                    '0%': {
-                        transform: 'translateX(25%)',
-                    },
-                    '50%': {
-                        transform: 'translateX(-27%)',
-                    },
-                    '80%': {
-                        transform: 'translateX(-24%)',
-                    },
-                    '100%': {
-                        transform: 'translateX(-25%)',
-                    },
-                },
-                'slide-to-top': {
-                    '0%': {
-                        transform: 'translate3d(0, 650px, 0)',
-                    },
-                    '100%': {
-                        transform: 'translate3d(0, 0, 0)',
-                    },
-                },
-                'slide-to-bottom': {
-                    '0%': {
-                        transform: 'translate3d(0, 0, 0)',
-                    },
-                    '100%': {
-                        transform: 'translate3d(0, 650px, 0)',
-                    },
-                },
-                'expand-route': {
-                    '0%': {
-                        height: '60px',
-                    },
-                    '100%': {
-                        height: '100%',
-                    },
-                },
-                'collapse-route': {
-                    '0%': {
-                        height: '100%',
-                    },
-                    '100%': {
-                        height: '60px',
-                    },
-                },
-                'fade-in': {
-                    '0%': {
-                        opacity: '0',
-                    },
-                    '100%': {
-                        opacity: '1',
-                    },
-                },
-                'fade-out': {
-                    '0%': {
-                        opacity: '1',
-                    },
-                    '100%': {
-                        opacity: '0',
-                    },
-                },
-                'loading-gradient': {
-                    '0%': {
-                        transform: 'translateX(-70%)',
-                        opacity: '0',
-                    },
-                    '50%': {
-                        opacity: '1',
-                    },
-                    '100%': {
-                        opacity: '0',
-                        transform: 'translateX(70%)',
-                    },
-                },
-                'translate-to-bottom': {
-                    '0%': {
-                        transform: 'translateY(0)',
-                    },
-                    '100%': {
-                        transform: 'translateY(100%)',
-                    },
-                },
-                'translate-to-top': {
-                    '0%': {
-                        transform: 'translateY(0)',
-                    },
-                    '100%': {
-                        transform: 'translateY(-100%)',
-                    },
-                },
-                'blur-in': {
-                    '0%': {
-                        'backdrop-filter': 'blur(0px)',
-                    },
-                    '100%': {
-                        'backdrop-filter': 'blur(20px) saturate(150%)',
-                        'background-color': `var(${themeTypesKeys['material-dark-average'].cssVariable})`,
-                    },
-                },
-                'blur-out': {
-                    '0%': {
-                        'backdrop-filter': 'blur(20px) saturate(150%)',
-                        'background-color': `var(${themeTypesKeys['material-dark-average'].cssVariable})`,
-                    },
-                    '100%': {
-                        'backdrop-filter': 'blur(0px)',
-                    },
-                },
-                display: {
-                    '0%': {
-                        display: 'none',
-                    },
-                    '100%': {
-                        display: 'block',
-                    },
-                },
-                hide: {
-                    '0%': {
-                        display: 'block',
-                    },
-                    '100%': {
-                        display: 'none',
-                    },
-                },
-                'move-loading-cover-to-right': {
-                    '0%': {
-                        transform: 'translateX(-64%)',
-                    },
-                    '100%': {
-                        transform: 'translateX(0%)',
-                    },
-                },
-                'scale-and-fade-down': {
-                    '0%': {
-                        transform: 'scale(1)',
-                        opacity: '1',
-                    },
-                    '100%': {
-                        transform: 'scale(0.9)',
-                        opacity: '0.5',
-                    },
-                },
-                'scale-and-fade-up': {
-                    '0%': {
-                        transform: 'scale(0.9)',
-                        opacity: '0.5',
-                    },
-                    '100%': {
-                        transform: 'scale(1)',
-                        opacity: '1',
-                    },
-                },
-            },
-            animation: {
-                'move-to-right-with-spring-bounce': `move-to-right-with-spring-bounce var(${CSS_VARS.MOVE_WITH_SPRING_BOUNCE_DURATION}, 0s) ease-out both`,
-                'move-to-left-with-spring-bounce': `move-to-left-with-spring-bounce var(${CSS_VARS.MOVE_WITH_SPRING_BOUNCE_DURATION}, 0s) ease-out both`,
-                'slide-to-top': `slide-to-top var(${CSS_VARS.SLIDE_TO_TOP_DURATION}, 0s) ${ANIMATION_TIMINGS.SHOW_ROUTE} both`,
-                'slide-to-bottom': `slide-to-bottom var(${CSS_VARS.SLIDE_TO_BOTTOM_DURATION}, 0s) ${ANIMATION_TIMINGS.HIDE_ROUTE} both`,
-                'expand-route': `expand-route var(${CSS_VARS.EXPAND_ROUTE_DURATION}, 0s) ${ANIMATION_TIMINGS.EXPAND_ROUTE} both`,
-                'collapse-route': `collapse-route var(${CSS_VARS.COLLAPSE_ROUTE_DURATION}, 0s) ${ANIMATION_TIMINGS.COLLAPSE_ROUTE} both`,
-                'fade-in': `fade-in var(${CSS_VARS.FADE_IN_DURATION}, 0s) ease-out both`,
-                'fade-out': `fade-out var(${CSS_VARS.FADE_OUT_DURATION}, 0s) ease-out both`,
-                'scale-and-fade-down': `scale-and-fade-down var(${CSS_VARS.SCALE_AND_FADE_DOWN_DURATION}, 0s) ${ANIMATION_TIMINGS.EXPAND_ROUTE} both`,
-                'scale-and-fade-up': `scale-and-fade-up var(${CSS_VARS.SCALE_AND_FADE_UP_DURATION}, 0s) ${ANIMATION_TIMINGS.COLLAPSE_ROUTE} both`,
-                'loading-gradient': 'loading-gradient 1s ease-in-out both infinite',
-                'translate-to-bottom': `translate-to-bottom var(${CSS_VARS.TRANSLATE_TOP_OR_BOTTOM}, 0s) ${ANIMATION_TIMINGS.EXPAND_ROUTE} both`,
-                'translate-to-top': `translate-to-top var(${CSS_VARS.TRANSLATE_TOP_OR_BOTTOM}, 0s) ${ANIMATION_TIMINGS.COLLAPSE_ROUTE} both`,
-                'blur-in': `blur-in var(${CSS_VARS.BLUR_IN_DURATION}, 0s) ${ANIMATION_TIMINGS.SHOW_ROUTE} both`,
-                'blur-out': `blur-out var(${CSS_VARS.BLUR_OUT_DURATION}, 0s) ${ANIMATION_TIMINGS.HIDE_ROUTE} both`,
-                'display-delayed': `display 0s var(${CSS_VARS.DISPLAY_DELAYED_DURATION}, 0s) ease-out both`,
-                hide: `hide 0s ease-out forwards`,
-                'move-loading-cover-to-right': 'move-loading-cover-to-right 1.4s linear infinite',
-            },
-            opacity: {
-                33: '0.33',
-                66: '0.66',
-            },
-            fontFamily: {
-                geist: ['Geist', 'sans-serif'],
-            },
-            letterSpacing: {
-                // body text
-                'body-small': '-0.366px',
-                'body-medium': '-0.675px',
-                'body-large': '-0.843px',
-                // heading letter
-                'heading-small': '-1.05px',
-                'heading-medium': '-2.465px',
-                'heading-large': '-3.525px',
-            },
-            fontSize: {
-                // caption text
-                caption: '0.875rem', // 14px
-                // body text
-                'body-small': '1.14375rem', // 18.5px
-                'body-medium': '1.40625rem', // 22.5px
-                'body-large': '1.75625rem', // 28.1px
-                // heading
-                'heading-small': '2.1875rem', // 35px
-                'heading-medium': '3.08125rem', // 49.3px
-                'heading-large': '4.40625rem', // 70.5px
-            },
-            fontWeight: {
-                // body text and caption text
-                'typography-regular': '400',
-                'typography-bold': '600',
-                // headings
-                'heading-regular': '400',
-                'heading-bold': '600',
-            },
-            lineHeight: {
-                // caption text
-                caption: '19.6px',
-                // body text
-                'body-small': '25.62px',
-                'body-medium': '31.5px',
-                'body-large': '39.34px',
-                // headings
-                'heading-small': '38.5px',
-                'heading-medium': '49.3px',
-                'heading-large': '66.97px',
-            },
-            width: widths,
-            height: heights,
-            minWidth: widths,
-            minHeight: heights,
-            maxWidth: widths,
-            maxHeight: heights,
-            spacing,
-            borderRadius: spacing,
-            boxShadow,
-            backgroundImage: backgrounds,
-            backdropBlur,
-            colors: Object.assign({}, Object.entries(themeTypesKeys).reduce((acc, [key, { cssVariable }]) => {
-                acc[key] = `var(${cssVariable})`;
-                return acc;
-            }, {})),
-        },
-    },
-    plugins: [],
-};
-
 const createStoreImpl = (createState) => {
   let state;
   const listeners = /* @__PURE__ */ new Set();
@@ -18551,10 +18914,6 @@ function BorderedContainer({ children, className, }) {
     return (jsxRuntime.jsx("section", { className: cn('tw-border-t tw-border-t-material-light-thin', className), children: children }));
 }
 
-function SquidLogo({ size = '40', className, }) {
-    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 40 40", fill: "none", className: className, children: [jsxRuntime.jsx("g", { clipPath: "url(#clip0_133_44979)", children: jsxRuntime.jsx("path", { d: "M39.7776 17.0119L39.7737 16.9863L39.6631 16.9902C39.6631 16.9902 39.6608 17.0237 39.6601 17.027L39.6233 17.0286C39.5751 17.6494 39.4736 18.2391 39.3215 18.7807C38.9488 20.1143 38.3241 21.4615 37.5632 22.5742C36.7215 23.8061 35.7416 24.719 34.7288 25.2142C34.0969 25.5239 33.4703 25.7509 32.8673 25.8894C32.3993 25.9949 31.9376 26.0477 31.4969 26.0477C29.9688 26.0477 28.5688 25.4047 27.4473 24.1886C25.7136 22.3078 24.7097 19.075 24.9488 16.143C25.0319 15.1173 25.196 14.163 25.3544 13.2405C25.6913 11.2822 25.9816 9.59092 25.4384 7.82282C25.1471 6.87567 24.532 6.14133 23.7048 5.7539C23.1416 5.48987 22.5537 5.35623 21.956 5.35623C20.0352 5.35623 18.4503 6.70896 17.6775 7.86752C16.4976 9.63632 15.9094 11.8636 16.0657 13.9772C16.2112 15.9555 16.8969 17.2596 17.9257 19.0251C18.4417 19.9099 18.9793 20.6915 19.4545 21.3818C20.2577 22.5499 20.9513 23.5588 21.2936 24.6652C21.7681 26.1988 21.4384 26.9364 21.2743 27.1828C21.0719 27.4868 20.7471 27.6619 20.3078 27.7036C20.2517 27.7092 20.1965 27.7115 20.143 27.7115C18.8021 27.7115 18.7765 25.881 18.7614 24.7867V24.7621C18.7607 24.6899 18.759 24.6212 18.7581 24.5555C18.7125 22.4123 17.8892 21.1315 16.8461 19.5092C16.1916 18.4915 15.4501 17.3388 14.7988 15.7683C13.7572 13.2596 13.4957 10.8396 14.0221 8.57625C14.0405 8.49546 14.0605 8.41467 14.0813 8.33294C14.7204 5.81374 16.3004 2.58743 20.1949 1.5241C20.9325 1.32247 21.6901 1.22002 22.4461 1.22002C24.7357 1.22002 26.7302 2.16251 27.9173 3.80489C28.8782 5.13364 29.3735 6.64005 29.4326 8.40978C29.447 8.8305 29.4359 9.27148 29.3998 9.72014C29.3157 10.7322 29.1013 11.8417 28.7453 13.1113C28.0254 15.6778 27.851 17.8522 28.2277 19.573C28.5166 20.8929 29.1478 21.8987 29.959 22.3313C30.6165 22.6817 31.3173 22.8594 32.0414 22.8594C33.891 22.8594 35.5758 21.6794 36.4254 20.5106C37.7613 18.6722 38.4654 15.4305 38.3502 13.481C38.3078 12.7658 38.247 12.1602 38.163 11.6242L38.1607 11.6163L38.159 11.6123C36.5781 8.19395 34.071 5.29639 30.9085 3.23306C27.6647 1.11921 23.892 0 20 0C14.6575 0 9.63516 2.08009 5.85751 5.85751C2.08079 9.63516 0 14.6575 0 20C0 21.5527 0.179278 23.1015 0.533644 24.6049L0.53993 24.6312L0.651222 24.6151C0.651222 24.6151 0.649593 24.5823 0.648894 24.58L0.685681 24.5744C0.616997 23.3839 0.724796 22.2377 0.99837 21.2591C1.37113 19.9264 1.99604 18.5783 2.75669 17.4657C3.59837 16.2345 4.57835 15.3208 5.59115 14.8256C6.21839 14.5183 6.84144 14.292 7.44237 14.1527C7.91432 14.0456 8.37998 13.9919 8.82468 13.9919C10.3527 13.9919 11.7534 14.6342 12.8743 15.8503C14.6079 17.7304 15.6119 20.9639 15.3728 23.8966C15.2896 24.9229 15.1255 25.8766 14.9662 26.7991C14.6293 28.7574 14.339 30.4487 14.8822 32.2165C15.1725 33.1637 15.7886 33.8983 16.6158 34.2854C17.179 34.5495 17.7669 34.6829 18.3646 34.6829C20.2854 34.6829 21.8703 33.3302 22.6431 32.1709C23.8231 30.4021 24.4109 28.1749 24.2549 26.0615C24.1094 24.0838 23.4237 22.779 22.3949 21.0133C21.8806 20.1308 21.342 19.3476 20.8668 18.6566C20.0636 17.4885 19.37 16.4799 19.0277 15.3725C18.5532 13.8389 18.8829 13.1013 19.0461 12.8556C19.2484 12.5516 19.5732 12.3765 20.0126 12.3348C20.0687 12.3292 20.1246 12.3269 20.1774 12.3269C21.5183 12.3269 21.5439 14.1558 21.559 15.2477L21.5597 15.2789C21.5604 15.3502 21.562 15.4172 21.563 15.4822C21.6086 17.6254 22.4319 18.9062 23.475 20.5285C24.1295 21.5462 24.871 22.6997 25.5222 24.2694C26.5311 26.6983 26.8077 29.0461 26.3462 31.2477C26.3334 31.3085 26.3197 31.3693 26.3062 31.4303C25.695 34.0589 24.1262 37.4221 20.1255 38.515C19.3879 38.7166 18.6303 38.8182 17.8743 38.8189C15.5846 38.8189 13.5902 37.8766 12.403 36.2342C11.4421 34.9055 10.9471 33.3991 10.8878 31.6293C10.8789 31.3725 10.8799 31.1069 10.8894 30.8414C10.9357 29.6894 11.1607 28.4093 11.5758 26.9278C12.2957 24.3614 12.4703 22.187 12.0934 20.4661C11.8047 19.1453 11.1735 18.1404 10.3623 17.7078C9.70477 17.3574 9.00466 17.1797 8.27986 17.1797C6.43097 17.1797 4.74552 18.3597 3.89593 19.5285C2.55995 21.3669 1.85588 24.6086 1.97113 26.5581C2.04237 27.7693 2.16554 28.6598 2.37183 29.4494L2.37416 29.4559L2.37579 29.4589C5.87008 35.9597 12.6247 39.9998 19.9998 39.9998C25.3423 39.9998 30.3646 37.9197 34.1423 34.1423C37.9197 30.3646 39.9998 25.3423 39.9998 19.9998C39.9998 19.0014 39.9253 17.9958 39.7774 17.0116L39.7776 17.0119Z", fill: "currentColor" }) }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "clip0_133_44979", children: jsxRuntime.jsx("rect", { width: "40", height: "40", fill: "white" }) }) })] }));
-}
-
 function ProfileHeaderBackground() {
     return (jsxRuntime.jsxs("div", { className: "tw-relative tw-flex tw-min-h-[195px] tw-flex-1 tw-flex-col tw-items-center tw-justify-center tw-self-stretch tw-overflow-hidden tw-rounded-bl-squid-l  tw-rounded-br-squid-l tw-rounded-tl-[25px] tw-rounded-tr-[25px] tw-pb-squid-s group-data-[squid-theme-type='dark']:tw-bg-royal-dark group-data-[squid-theme-type='light']:tw-bg-royal-light", children: [jsxRuntime.jsx("div", { className: "tw-h-[240px]", children: [...Array(4)].map((_, i) => (jsxRuntime.jsx(HeaderBackgroundDecorationRow, { index: i }, i))) }), jsxRuntime.jsx("div", { className: "z-10 tw-absolute tw-inset-0 tw-h-[195px] tw-shadow-inset-royal" })] }));
 }
@@ -18654,7 +19013,7 @@ const SwapStepsCollapsed = React$1.forwardRef((props, ref) => {
                             : 'tw-animate-fade-out') }), jsxRuntime.jsx("div", { style: {
                             zIndex: 20,
                             display: isRouteVisible ? 'none' : 'block',
-                        }, onClick: handleToggleRouteSteps, className: "tw-absolute tw-inset-0 tw-h-[60px] tw-cursor-pointer tw-rounded-squid-l tw-border tw-border-material-light-thin" }), jsxRuntime.jsx("div", { onClick: isShowRouteAnimationRunning ? undefined : handleToggleRouteSteps, style: {
+                        }, onClick: handleToggleRouteSteps, className: "tw-absolute tw-inset-0 tw-h-[60px] tw-cursor-pointer tw-rounded-squid-l tw-border tw-border-material-light-thin hover:tw-border-material-light-average hover:tw-bg-material-light-thin" }), jsxRuntime.jsx("div", { onClick: isShowRouteAnimationRunning ? undefined : handleToggleRouteSteps, style: {
                             [CSS_VARS.COLLAPSE_ROUTE_DURATION]: `${ANIMATION_DURATIONS.HIDE_ROUTE}ms`,
                             [CSS_VARS.EXPAND_ROUTE_DURATION]: `${ANIMATION_DURATIONS.SHOW_ROUTE}ms`,
                         }, className: cn('tw-relative tw-h-[60px] tw-max-h-[470px] tw-w-full tw-overflow-hidden tw-rounded-squid-l tw-border tw-border-material-light-thin tw-bg-grey-800 tw-backdrop-blur-2xl mobile-xs-height:tw-max-h-[535px]', isRouteVisible &&
@@ -18663,7 +19022,6 @@ const SwapStepsCollapsed = React$1.forwardRef((props, ref) => {
                                 : 'tw-animate-collapse-route')), children: jsxRuntime.jsxs("div", { className: cn('tw-flex tw-flex-col tw-gap-squid-xxs', isRouteVisible || isShowRouteAnimationRunning
                                 ? 'tw-max-h-[470px] mobile-xs-height:tw-max-h-[535px]'
                                 : ''), style: {
-                                paddingTop: `${STEP_ITEM_HEIGHT / 2}px`,
                                 transition: isShowRouteAnimationRunning
                                     ? `transform ${ANIMATION_DURATIONS.SHOW_ROUTE}ms ${ANIMATION_TIMINGS.CHANGE_SWAP_STEP}`
                                     : isRouteVisible
@@ -18675,6 +19033,7 @@ const SwapStepsCollapsed = React$1.forwardRef((props, ref) => {
                             }, children: [jsxRuntime.jsx("ul", { ref: routeStepsListRef, style: {
                                         zIndex: isRouteVisible ? 0 : -10,
                                         scrollbarWidth: 'none',
+                                        paddingTop: 10,
                                     }, className: "tw-relative tw-flex tw-w-modal-compact tw-max-w-full tw-flex-1 tw-grow-0 tw-flex-col-reverse tw-items-center tw-self-stretch tw-overflow-y-auto tw-overflow-x-hidden tw-px-squid-xs tw-pb-squid-xxs mobile-lg:tw-w-modal-large", children: steps.map((step, index) => (jsxRuntime.jsx(SwapStepItem, { descriptionBlocks: step.descriptionBlocks, 
                                         // show separator for all steps except the first one
                                         showStepSeparator: index > 0, link: step.link, status: newStepIndex < index ? 'pending' : step.status }, index))) }), jsxRuntime.jsx("footer", { className: "tw-flex tw-max-h-[55px] tw-min-h-[55px] tw-w-full tw-justify-center tw-gap-squid-xs tw-self-stretch tw-px-squid-s tw-pb-squid-s", children: jsxRuntime.jsx(Button$1, { size: "md", variant: "secondary", onClick: footerButton === null || footerButton === void 0 ? void 0 : footerButton.onClick, link: footerButton === null || footerButton === void 0 ? void 0 : footerButton.link, label: footerButton === null || footerButton === void 0 ? void 0 : footerButton.label, className: "tw-w-full", containerClassName: "tw-w-full" }) })] }) })] }) }) }));
@@ -24439,14 +24798,6 @@ function DayPicker(props) {
     return (jsxRuntime.jsx(RootProvider, __assign({}, props, { children: jsxRuntime.jsx(Root, { initialProps: props }) })));
 }
 
-function Calendar() {
-    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", fill: "none", viewBox: "0 0 18 18", children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M3 2h12V0H3v2zm13 1v2h2V3h-2zm0 2v10h2V5h-2zm-1 11H3v2h12v-2zM2 15V5H0v10h2zM2 5V3H0v2h2zM1 6h16V4H1v2zm3.25 3A.75.75 0 015 8.25v2c.69 0 1.25-.56 1.25-1.25h-2zM5 8.25a.75.75 0 01.75.75h-2c0 .69.56 1.25 1.25 1.25v-2zm.75.75a.75.75 0 01-.75.75v-2c-.69 0-1.25.56-1.25 1.25h2zM5 9.75A.75.75 0 014.25 9h2c0-.69-.56-1.25-1.25-1.25v2zm-1-1v.5h2v-.5H4zM5.25 8h-.5v2h.5V8zm-.9 1.375a.75.75 0 01.275-1.024l1 1.732a1.25 1.25 0 00.458-1.708l-1.732 1zm.275-1.024a.75.75 0 011.025.274l-1.732 1a1.25 1.25 0 001.707.458l-1-1.732zm1.025.274a.75.75 0 01-.275 1.025l-1-1.732a1.25 1.25 0 00-.457 1.707l1.732-1zM5.375 9.65a.75.75 0 01-1.024-.275l1.732-1a1.25 1.25 0 00-1.708-.457l1 1.732zm-1.366-.366l.25.433 1.732-1-.25-.433-1.732 1zm.708-1.275l-.433.25 1 1.732.433-.25-1-1.732zm-.092 1.64a.75.75 0 01-.274-1.024l1.732 1a1.25 1.25 0 00-.458-1.707l-1 1.732zm-.274-1.024a.75.75 0 011.024-.274l-1 1.732a1.25 1.25 0 001.708-.458l-1.732-1zm1.024-.274a.75.75 0 01.275 1.024l-1.732-1a1.25 1.25 0 00.457 1.708l1-1.732zm.275 1.024a.75.75 0 01-1.025.275l1-1.732a1.25 1.25 0 00-1.707.457l1.732 1zm-1.366.366l.433.25 1-1.732-.433-.25-1 1.732zm-.025-1.457l-.25.433 1.732 1 .25-.433-1.732-1zM4.25 13a.75.75 0 01.75-.75v2c.69 0 1.25-.56 1.25-1.25h-2zm.75-.75a.75.75 0 01.75.75h-2c0 .69.56 1.25 1.25 1.25v-2zm.75.75a.75.75 0 01-.75.75v-2c-.69 0-1.25.56-1.25 1.25h2zm-.75.75a.75.75 0 01-.75-.75h2c0-.69-.56-1.25-1.25-1.25v2zm-1-1v.5h2v-.5H4zM5.25 12h-.5v2h.5v-2zm-.9 1.375a.75.75 0 01.275-1.024l1 1.732a1.25 1.25 0 00.458-1.708l-1.732 1zm.275-1.024a.75.75 0 011.025.274l-1.732 1a1.25 1.25 0 001.707.458l-1-1.732zm1.025.274a.75.75 0 01-.275 1.025l-1-1.732a1.25 1.25 0 00-.457 1.707l1.732-1zm-.275 1.025a.75.75 0 01-1.024-.275l1.732-1a1.25 1.25 0 00-1.708-.457l1 1.732zm-1.366-.367l.25.434 1.732-1-.25-.434-1.732 1zm.708-1.274l-.433.25 1 1.732.433-.25-1-1.732zm-.092 1.64a.75.75 0 01-.274-1.024l1.732 1a1.25 1.25 0 00-.458-1.707l-1 1.732zm-.274-1.024a.75.75 0 011.024-.274l-1 1.732a1.25 1.25 0 001.708-.458l-1.732-1zm1.024-.274a.75.75 0 01.275 1.024l-1.732-1a1.25 1.25 0 00.457 1.708l1-1.732zm.275 1.024a.75.75 0 01-1.025.275l1-1.732a1.25 1.25 0 00-1.707.457l1.732 1zm-1.366.366l.433.25 1-1.732-.433-.25-1 1.732zm-.025-1.457l-.25.433 1.732 1 .25-.433-1.732-1zM8.25 13a.75.75 0 01.75-.75v2c.69 0 1.25-.56 1.25-1.25h-2zm.75-.75a.75.75 0 01.75.75h-2c0 .69.56 1.25 1.25 1.25v-2zm.75.75a.75.75 0 01-.75.75v-2c-.69 0-1.25.56-1.25 1.25h2zm-.75.75a.75.75 0 01-.75-.75h2c0-.69-.56-1.25-1.25-1.25v2zm-1-1v.5h2v-.5H8zM9.25 12h-.5v2h.5v-2zm-.9 1.375a.75.75 0 01.275-1.024l1 1.732a1.25 1.25 0 00.458-1.708l-1.732 1zm.275-1.024a.75.75 0 011.025.274l-1.732 1a1.25 1.25 0 001.707.458l-1-1.732zm1.025.274a.75.75 0 01-.275 1.025l-1-1.732a1.25 1.25 0 00-.457 1.707l1.732-1zm-.275 1.025a.75.75 0 01-1.024-.275l1.732-1a1.25 1.25 0 00-1.708-.457l1 1.732zm-1.366-.367l.25.434 1.732-1-.25-.434-1.732 1zm.708-1.274l-.433.25 1 1.732.433-.25-1-1.732zm-.092 1.64a.75.75 0 01-.274-1.024l1.732 1a1.25 1.25 0 00-.458-1.707l-1 1.732zm-.274-1.024a.75.75 0 011.024-.274l-1 1.732a1.25 1.25 0 001.708-.458l-1.732-1zm1.024-.274a.75.75 0 01.275 1.024l-1.732-1a1.25 1.25 0 00.457 1.708l1-1.732zm.275 1.024a.75.75 0 01-1.025.275l1-1.732a1.25 1.25 0 00-1.707.457l1.732 1zm-1.366.366l.433.25 1-1.732-.433-.25-1 1.732zm-.025-1.457l-.25.433 1.732 1 .25-.433-1.732-1zM8.25 9A.75.75 0 019 8.25v2c.69 0 1.25-.56 1.25-1.25h-2zM9 8.25a.75.75 0 01.75.75h-2c0 .69.56 1.25 1.25 1.25v-2zm.75.75a.75.75 0 01-.75.75v-2c-.69 0-1.25.56-1.25 1.25h2zM9 9.75A.75.75 0 018.25 9h2c0-.69-.56-1.25-1.25-1.25v2zm-1-1v.5h2v-.5H8zM9.25 8h-.5v2h.5V8zm-.9 1.375a.75.75 0 01.275-1.024l1 1.732a1.25 1.25 0 00.458-1.708l-1.732 1zm.275-1.024a.75.75 0 011.025.274l-1.732 1a1.25 1.25 0 001.707.458l-1-1.732zm1.025.274a.75.75 0 01-.275 1.025l-1-1.732a1.25 1.25 0 00-.457 1.707l1.732-1zM9.375 9.65a.75.75 0 01-1.024-.275l1.732-1a1.25 1.25 0 00-1.708-.457l1 1.732zm-1.366-.366l.25.433 1.732-1-.25-.433-1.732 1zm.708-1.275l-.433.25 1 1.732.433-.25-1-1.732zm-.092 1.64a.75.75 0 01-.274-1.024l1.732 1a1.25 1.25 0 00-.458-1.707l-1 1.732zm-.274-1.024a.75.75 0 011.024-.274l-1 1.732a1.25 1.25 0 001.708-.458l-1.732-1zm1.024-.274a.75.75 0 01.275 1.024l-1.732-1a1.25 1.25 0 00.457 1.708l1-1.732zm.275 1.024a.75.75 0 01-1.025.275l1-1.732a1.25 1.25 0 00-1.707.457l1.732 1zm-1.366.366l.433.25 1-1.732-.433-.25-1 1.732zm-.025-1.457l-.25.433 1.732 1 .25-.433-1.732-1zM12.25 9a.75.75 0 01.75-.75v2c.69 0 1.25-.56 1.25-1.25h-2zm.75-.75a.75.75 0 01.75.75h-2c0 .69.56 1.25 1.25 1.25v-2zm.75.75a.75.75 0 01-.75.75v-2c-.69 0-1.25.56-1.25 1.25h2zm-.75.75a.75.75 0 01-.75-.75h2c0-.69-.56-1.25-1.25-1.25v2zm-1-1v.5h2v-.5h-2zM13.25 8h-.5v2h.5V8zm-.9 1.375a.75.75 0 01.275-1.024l1 1.732a1.25 1.25 0 00.458-1.708l-1.732 1zm.275-1.024a.75.75 0 011.025.274l-1.732 1a1.25 1.25 0 001.707.458l-1-1.732zm1.025.274a.75.75 0 01-.275 1.025l-1-1.732a1.25 1.25 0 00-.457 1.707l1.732-1zm-.275 1.025a.75.75 0 01-1.024-.275l1.732-1a1.25 1.25 0 00-1.708-.457l1 1.732zm-1.366-.366l.25.433 1.732-1-.25-.433-1.732 1zm.707-1.275l-.432.25 1 1.732.432-.25-1-1.732zm-.09 1.64a.75.75 0 01-.275-1.024l1.732 1a1.25 1.25 0 00-.458-1.707l-1 1.732zm-.275-1.024a.75.75 0 011.024-.274l-1 1.732a1.25 1.25 0 001.708-.458l-1.732-1zm1.024-.274a.75.75 0 01.275 1.024l-1.732-1a1.25 1.25 0 00.457 1.708l1-1.732zm.275 1.024a.75.75 0 01-1.025.275l1-1.732a1.25 1.25 0 00-1.707.457l1.732 1zm-1.366.366l.433.25 1-1.732-.433-.25-1 1.732zm-.025-1.457l-.25.433 1.732 1 .25-.433-1.732-1zM3 16a1 1 0 01-1-1H0a3 3 0 003 3v-2zm13-1a1 1 0 01-1 1v2a3 3 0 003-3h-2zM15 2a1 1 0 011 1h2a3 3 0 00-3-3v2zM3 0a3 3 0 00-3 3h2a1 1 0 011-1V0z" }) }));
-}
-
-function Tick({ className }) {
-    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "9", height: "7", fill: "none", viewBox: "0 0 9 7", className: className, children: jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M7.497 1l-4.5 4.5-2-2" }) }));
-}
-
 function useOnClickOutside(callback) {
     const ref = React$1.useRef(null);
     React$1.useEffect(() => {
@@ -24546,27 +24897,10 @@ function BuyNFTHeader({ imageUrl, title = 'Buy NFT', hash, url, status, }) {
     return (jsxRuntime.jsx(TransactionHeaderLayout, { title: title, status: status, image: jsxRuntime.jsx(ImageIcon, { src: imageUrl, size: "xlarge" }), children: jsxRuntime.jsxs("div", { className: "tw-flex tw-items-center tw-gap-squid-xs tw-text-grey-500", children: [jsxRuntime.jsx(Chip, { label: "TX" }), jsxRuntime.jsx(HashLink, { hash: hash, url: url, showCopyButton: true }), ' '] }) }));
 }
 
-function Approve() {
-    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "31", fill: "none", viewBox: "0 0 30 31", children: [jsxRuntime.jsx("path", { fill: "color(display-p3 0.7208 0.5750 0.9250)", d: "M0 5.5a5 5 0 015-5h20a5 5 0 015 5v20a5 5 0 01-5 5H5a5 5 0 01-5-5v-20z" }), jsxRuntime.jsx("path", { stroke: "color(display-p3 0.9840 0.9861 0.9904)", strokeLinejoin: "round", strokeWidth: "2", d: "M16.454 6.557L16 6.5c-.965 2.309-2.406 4.303-4.107 6.098-.558.589-.893 1.36-.893 2.172v6.455c0 .778.447 1.496 1.178 1.762 2.48.903 5.073 1.097 7.695.87 1.601-.14 2.856-1.376 3.21-2.944l.844-3.755A3 3 0 0021 13.5h-3l.949-3.084a3 3 0 00-2.495-3.86zM6 15.5a2 2 0 012-2 3 3 0 013 3v4a3 3 0 01-3 3 2 2 0 01-2-2v-6z" })] }));
-}
-
 function InteractionHeader({ title = 'Interaction', image = jsxRuntime.jsx(Approve, {}), hash, url, status, }) {
     return (jsxRuntime.jsx(TransactionHeaderLayout, { title: title, status: status, image: image, children: jsxRuntime.jsxs("div", { className: "tw-flex tw-items-center tw-gap-squid-xs tw-text-grey-500", children: [jsxRuntime.jsx(Chip, { label: "TX" }), jsxRuntime.jsx(HashLink, { hash: hash, url: url, showCopyButton: true }), ' '] }) }));
 }
 
-function CoinsIcon() {
-    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [jsxRuntime.jsx("path", { d: "M9.30619 3.37304C6.31938 3.71704 4.00016 6.25434 4.00016 9.33333C4.00016 9.90662 4.08057 10.4611 4.23071 10.9862C2.53079 10.2891 1.3335 8.6177 1.3335 6.66667C1.3335 4.08934 3.42283 2 6.00016 2C7.29198 2 8.4612 2.52489 9.30619 3.37304Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M14.6668 9.33333C14.6668 11.9107 12.5775 14 10.0002 14C7.42283 14 5.3335 11.9107 5.3335 9.33333C5.3335 6.756 7.42283 4.66667 10.0002 4.66667C12.5775 4.66667 14.6668 6.756 14.6668 9.33333Z", fill: "currentColor" })] }));
-}
-function CoinsAddIcon() {
-    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 30 30", fill: "none", children: [jsxRuntime.jsx("path", { d: "M7.5 17.5C7.5 11.7269 11.8485 6.96944 17.4488 6.32444C15.8644 4.73417 13.6722 3.75 11.25 3.75C6.41751 3.75 2.5 7.66751 2.5 12.5C2.5 16.1582 4.74492 19.2921 7.93227 20.5991C7.65076 19.6146 7.5 18.5749 7.5 17.5Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.75 26.25C23.5825 26.25 27.5 22.3325 27.5 17.5C27.5 12.6675 23.5825 8.75 18.75 8.75C13.9175 8.75 10 12.6675 10 17.5C10 22.3325 13.9175 26.25 18.75 26.25ZM20 13.75H17.5V16.25H15V18.75H17.5V21.25H20V18.75H22.5L22.5 16.25H20V13.75Z", fill: "currentColor" })] }));
-}
-function Dollar({ 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 7.5V6.5M12 16.5V17.5M14.1655 9C13.7333 8.4022 12.9254 8 12 8H11.7222C10.4949 8 9.5 8.79594 9.5 9.77778V9.8541C9.5 10.5564 9.99598 11.1984 10.7812 11.5125L13.2188 12.4875C14.004 12.8016 14.5 13.4436 14.5 14.1459C14.5 15.1699 13.4624 16 12.1824 16H12C11.0746 16 10.2667 15.5978 9.83446 15M21 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" }) }));
-}
-function StocksIcon({ size = '24', className, }) {
-    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 25 24", fill: "none", className: className, children: jsxRuntime.jsx("path", { d: "M14.75 12C15.8546 12 16.75 11.1046 16.75 10C16.75 8.89543 15.8546 8 14.75 8M14.75 12C14.1977 12 13.6977 11.7761 13.3358 11.4142M14.75 12V20M14.75 8C13.6454 8 12.75 8.89543 12.75 10C12.75 10.5523 12.9739 11.0523 13.3358 11.4142M14.75 8V4M14.75 4H7.75C6.09315 4 4.75 5.34315 4.75 7V17C4.75 18.6569 6.09315 20 7.75 20H14.75M14.75 4H17.75C19.4069 4 20.75 5.34315 20.75 7V17C20.75 18.6569 19.4069 20 17.75 20H14.75M13.3358 11.4142L9.75 15L7.75 13L5.25 15.5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
-}
-
 function ProfileHeader({ imageUrl, title, wallet, amount, }) {
     return (jsxRuntime.jsx(TransactionHeaderLayout, { title: title, image: jsxRuntime.jsx(ProfilePicture, { src: imageUrl }), children: jsxRuntime.jsxs(BodyText, { size: "small", className: "tw-flex tw-items-center tw-gap-squid-xs tw-text-grey-500", children: [jsxRuntime.jsx(WalletLink, Object.assign({}, wallet)), jsxRuntime.jsx(PipeSeparator, {}), jsxRuntime.jsxs("div", { className: "tw-flex tw-items-center tw-gap-squid-xxs", children: [jsxRuntime.jsx(Dollar, {}), amount] })] }) }));
 }
@@ -24590,37 +24924,6 @@ function TransactionHeader({ type, props }) {
     return jsxRuntime.jsx(Component, Object.assign({}, props));
 }
 
-function BoostBadge() {
-    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "103", height: "20", fill: "none", viewBox: "0 15 103 20", overflow: "visible", className: "boost-badge", children: [jsxRuntime.jsx("g", { filter: "url(#filter0_f_1196_40866)", opacity: "0.75", children: jsxRuntime.jsx("path", { fill: "url(#paint0_linear_1196_40866)", d: "M12 24.968c0-8 15-13 24.167-13H78c7.732 0 13 5.268 13 13s-5.268 13-13 13H36.167c-9.167 0-24.167-5-24.167-13z" }) }), jsxRuntime.jsx("path", { fill: "var(--boost-badge-badge-color)", d: "M32 24.968c0-6.627 5.373-12 12-12h34c6.627 0 12 5.373 12 12 0 6.628-5.373 12-12 12H44c-6.627 0-12-5.372-12-12z" }), jsxRuntime.jsx("path", { fill: "var(--boost-badge-text-color)", d: "M81.314 31.208c-1.763 0-2.485-.856-2.15-2.62l.958-4.852h-1.377l.353-1.897h1.393l.302-1.544c1.058-.252 1.965-.639 2.905-1.193a59.52 59.52 0 00-.57 2.536l-.034.201h1.695l-.369 1.898h-1.696l-.873 4.449c-.117.638.168.823.588.823.504 0 .873-.118 1.26-.303l-.706 2.25c-.504.168-1.209.252-1.68.252zM73.528 31.208c-1.68 0-3.51-.755-4.232-2.216l2.049-1.444c.353 1.192 1.276 1.864 2.367 1.864.823 0 1.293-.437 1.293-.907 0-1.511-4.416-.806-4.416-3.862 0-1.645 1.478-3.039 3.812-3.039 1.662 0 3.022.571 3.845 1.83l-2.032 1.444c-.37-1.04-1.226-1.477-1.998-1.477-.705 0-1.125.319-1.125.739 0 1.36 4.416.671 4.416 3.895 0 1.763-1.478 3.173-3.98 3.173zM63.944 31.208c-2.4 0-3.845-1.545-3.845-3.71 0-2.922 2.2-5.894 5.575-5.894 2.367 0 3.845 1.495 3.845 3.677 0 2.871-2.166 5.927-5.575 5.927zm.269-1.897c1.763 0 2.535-2.687 2.535-3.946 0-1.158-.504-1.863-1.377-1.863-1.763 0-2.518 2.703-2.518 3.945 0 1.125.487 1.864 1.36 1.864zM54.077 31.208c-2.4 0-3.844-1.545-3.844-3.71 0-2.922 2.199-5.894 5.574-5.894 2.367 0 3.845 1.495 3.845 3.677 0 2.871-2.166 5.927-5.575 5.927zm.27-1.897c1.762 0 2.534-2.687 2.534-3.946 0-1.158-.503-1.863-1.376-1.863-1.763 0-2.519 2.703-2.519 3.945 0 1.125.487 1.864 1.36 1.864zM39 30.973l2.334-12.005h5.054c1.914 0 3.744.672 3.744 2.62 0 1.746-1.46 2.77-3.526 3.14 1.645.234 2.905.906 2.905 2.417 0 2.434-2.57 3.828-5.424 3.828H39zm3.207-2.132h1.948c1.36 0 2.367-.705 2.367-1.746 0-.94-.756-1.293-1.763-1.293h-1.964l-.588 3.039zm1.007-5.188h1.864c1.192 0 2.065-.588 2.065-1.478 0-.823-.755-1.075-1.612-1.075h-1.83l-.487 2.553z" }), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsxs("filter", { id: "filter0_f_1196_40866", width: "102.333", height: "49.333", x: "0.333", y: "0.302", colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), jsxRuntime.jsx("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), jsxRuntime.jsx("feGaussianBlur", { result: "effect1_foregroundBlur_1196_40866", stdDeviation: "5.833" })] }), jsxRuntime.jsxs("linearGradient", { id: "paint0_linear_1196_40866", x1: "12", x2: "91", y1: "24.968", y2: "24.968", gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "var(--boost-badge-shadow-color)", stopOpacity: "0" }), jsxRuntime.jsx("stop", { offset: "0.251", stopColor: "var(--boost-badge-shadow-color)" }), jsxRuntime.jsx("stop", { offset: "1", stopColor: "var(--boost-badge-shadow-color)" })] })] })] }));
-}
-
-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" })] }));
-}
-
-function WalletIcon({ 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.33333 2C3.04467 2 2 3.04467 2 4.33333V11.3333C2 12.8061 3.19391 14 4.66667 14H12C13.1046 14 14 13.1046 14 12V7.33333C14 6.22876 13.1046 5.33333 12 5.33333H11.3333V3.60784C11.3333 2.71986 10.6135 2 9.72549 2H4.33333ZM10 5.33333V3.60784C10 3.45624 9.8771 3.33333 9.72549 3.33333H4.33333C3.78105 3.33333 3.33333 3.78105 3.33333 4.33333C3.33333 4.88562 3.78105 5.33333 4.33333 5.33333H10ZM10.3333 10.5C10.7936 10.5 11.1667 10.1269 11.1667 9.66667C11.1667 9.20643 10.7936 8.83333 10.3333 8.83333C9.8731 8.83333 9.5 9.20643 9.5 9.66667C9.5 10.1269 9.8731 10.5 10.3333 10.5Z", fill: "currentColor" }) }));
-}
-function WalletFilledIcon({ size = '24' }) {
-    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: [jsxRuntime.jsx("path", { d: "M4 6.5V17C4 18.6569 5.34315 20 7 20H18C19.1046 20 20 19.1046 20 18V11C20 9.89543 19.1046 9 18 9H16M4 6.5C4 7.88071 5.11929 9 6.5 9H16M4 6.5C4 5.11929 5.11929 4 6.5 4H14.5882C15.3679 4 16 4.63207 16 5.41176V9", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "square", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M15.5 15.375C15.9832 15.375 16.375 14.9832 16.375 14.5C16.375 14.0168 15.9832 13.625 15.5 13.625C15.0168 13.625 14.625 14.0168 14.625 14.5C14.625 14.9832 15.0168 15.375 15.5 15.375Z", fill: "currentColor", stroke: "currentColor", strokeWidth: "0.75" })] }));
-}
-
 function PropertiesLayout({ children, className, }) {
     return (jsxRuntime.jsx("div", { className: cn('tw-bg-grey-900 tw-px-squid-m tw-py-squid-m', className), children: children }));
 }
@@ -24629,17 +24932,6 @@ function BridgeProperties({ amount, token, fromChain, toChain, wallet, boosted,
     return (jsxRuntime.jsxs(PropertiesLayout, { children: [jsxRuntime.jsx(PropertyListItem, { variant: "large", icon: jsxRuntime.jsx(SquareArrowTopLeftIcon, { size: "20" }), label: jsxRuntime.jsxs(BodyText, { size: "small", children: ["Bridge ", token.symbol] }), detail: jsxRuntime.jsx(IconLabel, { src: token.logoURI, variant: "round", children: jsxRuntime.jsx(BodyText, { size: "small", children: amount }) }) }), jsxRuntime.jsx(PropertyListItem, { variant: "large", icon: jsxRuntime.jsx(ChainLink, { size: "24" }), label: "Chain", detail: jsxRuntime.jsx(Transfer, { from: jsxRuntime.jsx(IconLabel, { src: fromChain.logoURI, children: jsxRuntime.jsx(BodyText, { size: "small", children: fromChain.name }) }), to: jsxRuntime.jsx(IconLabel, { src: toChain.logoURI, children: jsxRuntime.jsx(BodyText, { size: "small", children: toChain.name }) }) }) }), jsxRuntime.jsx(PropertyListItem, { variant: "large", icon: jsxRuntime.jsx(WalletFilledIcon, {}), label: "Wallet", detail: jsxRuntime.jsx(BodyText, { size: "small", children: jsxRuntime.jsx(HashLink, { hash: wallet, showCopyButton: true }) }) }), jsxRuntime.jsx(PropertyListItem, { variant: "large", icon: jsxRuntime.jsx(TimeFliesIcon, {}), label: "Time to complete", detail: jsxRuntime.jsxs("div", { className: "tw-flex tw-items-center", children: [boosted && jsxRuntime.jsx(BoostBadge, {}), jsxRuntime.jsx(BodyText, { size: "small", children: timeToComplete })] }) })] }));
 }
 
-function ShoppingBagIcon() {
-    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", fill: "none", viewBox: "0 0 18 18", children: jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeWidth: "2", d: "M12 5a3 3 0 01-6 0M1.883 2.875l-.75 12A2 2 0 003.129 17h11.742a2 2 0 001.996-2.125l-.75-12A2 2 0 0014.121 1H3.88a2 2 0 00-1.996 1.875z" }) }));
-}
-function BackpackIcon({ size = '24', className, }) {
-    return (jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsxRuntime.jsx("path", { d: "M15 11H17C18.6569 11 20 9.65685 20 8V7C20 5.89543 19.1046 5 18 5H15M15 11H9M15 11V13M9 11H7C5.34315 11 4 9.65685 4 8V7C4 5.89543 4.89543 5 6 5H9M9 11V13M5 11V18C5 19.6569 6.34315 21 8 21H16C17.6569 21 19 19.6569 19 18V11M9 5H15M9 5C9 3.34315 10.3431 2 12 2C13.6569 2 15 3.34315 15 5M10 17H14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
-}
-
-function CollectionIcon() {
-    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: "square", strokeLinejoin: "round", strokeWidth: "2", d: "M7.9 12l-4.307 2.101a1 1 0 000 1.798l7.969 3.887a1 1 0 00.877 0l7.969-3.887a1 1 0 000-1.798L16.1 12m-8.2 0L3.593 9.899a1 1 0 010-1.798l7.969-3.887a1 1 0 01.877 0L20.408 8.1a1 1 0 010 1.798L16.1 12m-8.2 0l3.662 1.786a1 1 0 00.877 0L16.1 12" }) }));
-}
-
 function BuyNFTProperties({ title, imageURI, collection, price, token, marketplace, fromChain, toChain, fromAddress, toAddress, boosted, timeToComplete, tokenId, nftType, }) {
     return (jsxRuntime.jsxs(PropertiesLayout, { className: "tw-flex tw-flex-col tw-gap-squid-m", children: [jsxRuntime.jsx(NFTPreviewCard, { name: title, imageURI: imageURI, collectionName: collection.name, tokenId: tokenId, nftType: nftType }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(PropertyListItem, { variant: "large", icon: jsxRuntime.jsx(CollectionIcon, {}), label: "Collection", detail: jsxRuntime.jsx(IconLabel, { src: collection.imageURI, children: jsxRuntime.jsx(BodyText, { size: "small", children: collection.name }) }) }), jsxRuntime.jsx(PropertyListItem, { variant: "large", icon: jsxRuntime.jsx(TagIcon, {}), label: "NFT Price", detail: jsxRuntime.jsx(IconLabel, { src: token.logoURI, variant: "round", children: jsxRuntime.jsx(BodyText, { size: "small", children: price }) }) }), jsxRuntime.jsx(PropertyListItem, { variant: "large", icon: jsxRuntime.jsx(ShoppingBagIcon, {}), label: "Marketplace", detail: jsxRuntime.jsx(IconLabel, { src: marketplace.logoURI, children: jsxRuntime.jsx(BodyText, { size: "small", children: marketplace.name }) }) }), jsxRuntime.jsx(PropertyListItem, { variant: "large", icon: jsxRuntime.jsx(ChainLink, { size: "24" }), label: "Chain", detail: jsxRuntime.jsx(Transfer, { from: jsxRuntime.jsx(IconLabel, { src: fromChain.logoURI, children: jsxRuntime.jsx(BodyText, { size: "small", children: fromChain.name }) }), to: jsxRuntime.jsx(IconLabel, { src: toChain.logoURI, children: jsxRuntime.jsx(BodyText, { size: "small", children: toChain.name }) }) }) }), jsxRuntime.jsx(PropertyListItem, { variant: "large", icon: jsxRuntime.jsx(WalletFilledIcon, {}), label: "Wallet", detail: jsxRuntime.jsx(Transfer, { from: jsxRuntime.jsx(BodyText, { size: "small", children: jsxRuntime.jsx(HashLink, { hash: fromAddress, showCopyButton: true }) }), to: jsxRuntime.jsx(BodyText, { size: "small", children: jsxRuntime.jsx(HashLink, { hash: toAddress, showCopyButton: true }) }) }) }), jsxRuntime.jsx(PropertyListItem, { variant: "large", icon: jsxRuntime.jsx(TimeFliesIcon, {}), label: "Time to complete", detail: jsxRuntime.jsxs("div", { className: "tw-flex tw-items-center", children: [boosted && jsxRuntime.jsx(BoostBadge, {}), jsxRuntime.jsx(BodyText, { size: "small", children: timeToComplete })] }) })] })] }));
 }
@@ -25819,7 +26111,10 @@ const TooltipContainer = (_a) => {
     var { className } = _a, props = __rest$1(_a, ["className"]);
     return (jsxRuntime.jsx("div", Object.assign({}, props, { className: cn('tw-relative', className) })));
 };
-const TooltipTriggerWrapper = (props) => jsxRuntime.jsx("div", Object.assign({}, props, { ref: props.elementRef }));
+const TooltipTriggerWrapper = (_a) => {
+    var { elementRef } = _a, props = __rest$1(_a, ["elementRef"]);
+    return jsxRuntime.jsx("div", Object.assign({}, props, { ref: elementRef }));
+};
 function DesktopTooltip({ children, tooltipContent, tooltipWidth = 'container', threshold = 'xxs', containerClassName, childrenClassName, tooltipClassName, displayDelayMs = 0, containerRef: containerRefProp, }) {
     const containerRefState = useContainerStore((state) => state.containerRef);
     const containerRef = (containerRefProp === null || containerRefProp === void 0 ? void 0 : containerRefProp.current)
@@ -25927,6 +26222,24 @@ function DesktopTooltip({ children, tooltipContent, tooltipWidth = 'container',
         displayDelayMs,
         isTooltipVisible,
     ]);
+    React$1.useEffect(() => {
+        const onMouseMove = (event) => {
+            var _a, _b;
+            const mouseIsMovingOutsideTooltip = event.target !== tooltipRef.current &&
+                event.target !== (tooltipTriggerRef === null || tooltipTriggerRef === void 0 ? void 0 : tooltipTriggerRef.current) &&
+                !((_a = tooltipRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target)) &&
+                !((_b = tooltipTriggerRef === null || tooltipTriggerRef === void 0 ? void 0 : tooltipTriggerRef.current) === null || _b === void 0 ? void 0 : _b.contains(event.target));
+            if (mouseIsMovingOutsideTooltip) {
+                handleMouseLeave();
+            }
+        };
+        if (isTooltipVisible) {
+            document.addEventListener('mousemove', onMouseMove);
+        }
+        return () => {
+            document.removeEventListener('mousemove', onMouseMove);
+        };
+    }, [isTooltipVisible]);
     const handleMouseEnter = React$1.useCallback((e) => {
         var _a;
         if (e.target === tooltipRef.current ||
@@ -25975,7 +26288,7 @@ var UserInputType;
 })(UserInputType || (UserInputType = {}));
 function NumericInput(_a) {
     var _b;
-    var { priceImpactPercentage, balance = '0', error, criticalPriceImpactPercentage = 5, token, onAmountChange, forcedAmount, maxUsdDecimals = 4, formatIfVerySmall = {
+    var { priceImpactPercentage, balance = '0', error, criticalPriceImpactPercentage = 5, token, onAmountChange, forcedAmount, maxUsdDecimals = 2, formatIfVerySmall = {
         token: '0.001',
         usd: '0.01',
     }, showDetails = true, isLoading = false, direction, inputModeButton, isInteractive = false, balanceButton } = _a, props = __rest$1(_a, ["priceImpactPercentage", "balance", "error", "criticalPriceImpactPercentage", "token", "onAmountChange", "forcedAmount", "maxUsdDecimals", "formatIfVerySmall", "showDetails", "isLoading", "direction", "inputModeButton", "isInteractive", "balanceButton"]);
@@ -26096,9 +26409,11 @@ function NumericInput(_a) {
     }, [
         inputValue,
         userInputType,
-        token.price,
         direction,
+        token.price,
+        maxUsdDecimals,
         inputModeButton === null || inputModeButton === void 0 ? void 0 : inputModeButton.amountUsd,
+        token.decimals,
     ]);
     const AmountChip = isInteractive ? 'button' : 'div';
     const priceImpactClass = ((_b = Number(priceImpactPercentage)) !== null && _b !== void 0 ? _b : 0) > Number(criticalPriceImpactPercentage)
@@ -26228,28 +26543,6 @@ 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", { fillRule: "evenodd", clipRule: "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", { fillRule: "evenodd", clipRule: "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 CircleXFilledIcon({ 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: "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 12ZM9.70711 8.29289C9.31658 7.90237 8.68342 7.90237 8.29289 8.29289C7.90237 8.68342 7.90237 9.31658 8.29289 9.70711L10.5858 12L8.29289 14.2929C7.90237 14.6834 7.90237 15.3166 8.29289 15.7071C8.68342 16.0976 9.31658 16.0976 9.70711 15.7071L12 13.4142L14.2929 15.7071C14.6834 16.0976 15.3166 16.0976 15.7071 15.7071C16.0976 15.3166 16.0976 14.6834 15.7071 14.2929L13.4142 12L15.7071 9.70711C16.0976 9.31658 16.0976 8.68342 15.7071 8.29289C15.3166 7.90237 14.6834 7.90237 14.2929 8.29289L12 10.5858L9.70711 8.29289Z", fill: "currentColor" }) }));
-}
-function TranslateIcon({ 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: "M4 6L12 6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M8 6V4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M12.0008 14.0001C8.11407 13.0284 6.11567 10.6405 5.54688 6.37769", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M4.0001 14C7.88484 13.0288 9.88317 10.6428 10.4531 6.38403", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M14.5 17H19.5M13 19L16.0784 11.6888C16.4219 10.8729 17.5781 10.8729 17.9216 11.6888L21 19", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
-}
-function PowerIcon({ 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: "M7.02331 4.5C4.59826 6.11238 3 8.86954 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 8.86954 19.4017 6.11238 16.9767 4.5M12 2V7", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
-}
-
 function RangeInput({ label, initialValue, onChange, min = 0, max = 99, isWarning = false, }) {
     const [pressedButton, setPressedButton] = React$1.useState(null);
     const inputRef = React$1.useRef(null);
@@ -26361,10 +26654,6 @@ function RangeInput({ label, initialValue, onChange, min = 0, max = 99, isWarnin
                             }, 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" }) }));
-}
-
 const imageClass = 'tw-w-[40px] tw-aspect-square tw-flex tw-items-center tw-justify-center';
 const themeKeyVariantMap = {
     primary: 'grey-800',
@@ -26378,9 +26667,24 @@ const emptyChainIconTextClassNameMap = {
     primary: 'tw-text-grey-100',
     accent: 'group-data-[squid-theme-type=dark]:tw-text-grey-100 group-data-[squid-theme-type=light]:tw-text-grey-900',
 };
+const outlineWidthMap = {
+    loading: {
+        inner: 75,
+        outer: 74,
+    },
+    empty: {
+        inner: 76,
+        outer: 77,
+    },
+    full: {
+        inner: 101,
+        outer: 97,
+    },
+};
 function AssetsButton({ chain, token, onClick, variant = 'primary', isLoading = false, tooltip, }) {
     var _a;
     const defaultBgColor = `var(${themeTypesKeys[themeKeyVariantMap[variant]].cssVariable})`;
+    const outlineWidth = outlineWidthMap[isLoading ? 'loading' : !!token && !!chain ? 'full' : 'empty'];
     const chainBgColor = (_a = (chain && chain.bgColor)) !== null && _a !== void 0 ? _a : defaultBgColor;
     const tokenBgColor = (chain && token && !isLoading && token.bgColor) || defaultBgColor;
     const bgGradient = React$1.useMemo(() => {
@@ -26393,13 +26697,13 @@ function AssetsButton({ chain, token, onClick, variant = 'primary', isLoading =
         return `linear-gradient(to right, ${chainBgColor} 43.5%, ${tokenBgColor} 56.55%)`;
     }, [chainBgColor, tokenBgColor, chain, token, isLoading]);
     const ButtonTag = isLoading ? 'div' : 'button';
-    return (jsxRuntime.jsx(Tooltip, Object.assign({}, tooltip, { tooltipWidth: "max", containerClassName: "tw-w-fit", children: jsxRuntime.jsxs(ButtonTag, { onClick: isLoading ? undefined : onClick, disabled: isLoading, "aria-disabled": isLoading, className: cn('tw-relative tw-flex tw-h-squid-xl tw-w-fit tw-items-center focus:tw-outline-none', buttonTextClassNameMap[variant], isLoading && 'tw-cursor-not-allowed'), children: [jsxRuntime.jsx("svg", { className: "tw-absolute tw-left-0 tw-z-10 tw-h-[40px] tw-w-[72px] tw-text-material-light-thin", viewBox: "0 0 72 40", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", children: jsxRuntime.jsx("path", { d: "m57.86 5.86c-.53.53-1.05 1.06-1.56 1.59-3.29 3.38-6.37 6.55-10.3 6.55s-7.01-3.17-10.3-6.55c-.51-.53-1.03-1.06-1.56-1.59-3.9-3.91-9.02-5.86-14.14-5.86s-10.24 1.95-14.14 5.86c-3.91 3.9-5.86 9.02-5.86 14.14s1.95 10.24 5.86 14.14c3.91 3.91 9.02 5.86 14.14 5.86s10.24-1.95 14.14-5.86c.52-.53 1.04-1.06 1.55-1.58 3.29-3.39 6.37-6.56 10.31-6.56s7.02 3.17 10.31 6.56c.51.53 1.03 1.06 1.55 1.58 3.91 3.91 9.02 5.86 14.14 5.86v-40c-5.12 0-10.24 1.95-14.14 5.86zm14.14 33.14c-5.07 0-9.85-1.98-13.43-5.56-.52-.52-1.02-1.04-1.54-1.57-3.43-3.53-6.67-6.86-11.02-6.86s-7.6 3.33-11.04 6.88c-.5.52-1.01 1.04-1.53 1.56-3.59 3.59-8.36 5.57-13.44 5.57s-9.85-1.98-13.43-5.57c-3.59-3.59-5.56-8.36-5.56-13.43s1.98-9.85 5.56-13.44c3.58-3.6 8.35-5.58 13.43-5.58s9.85 1.98 13.44 5.57c.52.52 1.04 1.05 1.55 1.58 3.43 3.53 6.66 6.86 11.02 6.86s7.59-3.33 11.02-6.86c.51-.52 1.02-1.05 1.55-1.58 3.59-3.59 8.36-5.56 13.43-5.56v38z" }) }), jsxRuntime.jsx("div", { className: cn('tw-assets-button-mask tw-flex tw-h-squid-xl tw-w-[92px] tw-items-center tw-justify-between', chain && token && !isLoading
+    return (jsxRuntime.jsx(Tooltip, Object.assign({}, tooltip, { tooltipWidth: "max", containerClassName: "tw-w-fit", tooltipContent: isLoading ? undefined : tooltip === null || tooltip === void 0 ? void 0 : tooltip.tooltipContent, children: jsxRuntime.jsxs(ButtonTag, { onClick: isLoading ? undefined : onClick, disabled: isLoading, "aria-disabled": isLoading, className: cn('tw-relative tw-flex tw-h-squid-xl tw-w-fit tw-items-center focus:tw-outline-none', buttonTextClassNameMap[variant], isLoading ? 'tw-cursor-not-allowed' : 'tw-group/assets-button'), children: [jsxRuntime.jsx("svg", { className: "tw-absolute tw-left-0 tw-z-10 tw-h-[40px] tw-w-[72px] tw-text-material-light-thin", viewBox: "0 0 72 40", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", children: jsxRuntime.jsx("path", { d: "m57.86 5.86c-.53.53-1.05 1.06-1.56 1.59-3.29 3.38-6.37 6.55-10.3 6.55s-7.01-3.17-10.3-6.55c-.51-.53-1.03-1.06-1.56-1.59-3.9-3.91-9.02-5.86-14.14-5.86s-10.24 1.95-14.14 5.86c-3.91 3.9-5.86 9.02-5.86 14.14s1.95 10.24 5.86 14.14c3.91 3.91 9.02 5.86 14.14 5.86s10.24-1.95 14.14-5.86c.52-.53 1.04-1.06 1.55-1.58 3.29-3.39 6.37-6.56 10.31-6.56s7.02 3.17 10.31 6.56c.51.53 1.03 1.06 1.55 1.58 3.91 3.91 9.02 5.86 14.14 5.86v-40c-5.12 0-10.24 1.95-14.14 5.86zm14.14 33.14c-5.07 0-9.85-1.98-13.43-5.56-.52-.52-1.02-1.04-1.54-1.57-3.43-3.53-6.67-6.86-11.02-6.86s-7.6 3.33-11.04 6.88c-.5.52-1.01 1.04-1.53 1.56-3.59 3.59-8.36 5.57-13.44 5.57s-9.85-1.98-13.43-5.57c-3.59-3.59-5.56-8.36-5.56-13.43s1.98-9.85 5.56-13.44c3.58-3.6 8.35-5.58 13.43-5.58s9.85 1.98 13.44 5.57c.52.52 1.04 1.05 1.55 1.58 3.43 3.53 6.66 6.86 11.02 6.86s7.59-3.33 11.02-6.86c.51-.52 1.02-1.05 1.55-1.58 3.59-3.59 8.36-5.56 13.43-5.56v38z" }) }), jsxRuntime.jsxs("svg", { className: "tw-absolute -tw-left-[2px] -tw-top-[2px] tw-z-20 tw-hidden group-hover/assets-button:tw-block", xmlns: "http://www.w3.org/2000/svg", width: outlineWidth.inner, height: "44", viewBox: `0 0 ${outlineWidth.inner} 44`, fill: "none", children: [jsxRuntime.jsx("clipPath", { id: "halfClip1", children: jsxRuntime.jsx("rect", { x: "0", y: "0", width: outlineWidth.inner, height: "44" }) }), jsxRuntime.jsx("path", { d: "M59.1506 36.849L59.1508 36.8492C63.2511 40.9496 68.6272 43 74.0001 43H145C156.598 43 166 33.598 166 22C166 10.402 156.598 1 145 1H74.0001C68.6272 0.999977 63.2511 3.05042 59.1508 7.15076C58.6183 7.68325 58.0958 8.22097 57.5842 8.74755L57.5817 8.75009C55.9228 10.4574 54.3925 12.0283 52.8031 13.1834C51.2282 14.3279 49.6791 15 48 15C46.3209 15 44.7718 14.3279 43.1969 13.1834C41.6075 12.0283 40.0772 10.4574 38.4183 8.75009L38.4159 8.74759C37.9042 8.22101 37.3817 7.68327 36.8492 7.15076C32.7489 3.05042 27.3728 0.999977 21.9999 1C16.6271 1.00002 11.251 3.05047 7.15076 7.15076C3.05045 11.2511 1 16.6272 1 22C1 27.3728 3.05045 32.7489 7.15076 36.8492C11.251 40.9495 16.6271 43 21.9999 43C27.3728 43 32.7489 40.9496 36.8492 36.8492L36.8494 36.849C37.3794 36.3188 37.8994 35.7834 38.4088 35.2589L38.4108 35.2569C40.0704 33.5483 41.6019 31.9756 43.1928 30.8191C44.7691 29.6731 46.3197 29 48 29C49.6803 29 51.2309 29.6731 52.8072 30.8191C54.3981 31.9756 55.9296 33.5483 57.5892 35.2569L57.5912 35.2589C58.1006 35.7834 58.6206 36.3188 59.1506 36.849Z", stroke: "currentColor", className: "tw-text-grey-900", strokeWidth: "2", clipPath: "url(#halfClip1)" })] }), jsxRuntime.jsxs("svg", { className: "tw-absolute -tw-left-[4px] -tw-top-[4px] tw-z-10 tw-hidden group-hover/assets-button:tw-block", xmlns: "http://www.w3.org/2000/svg", width: outlineWidth.outer, height: "48", viewBox: `0 0 ${outlineWidth.outer} 48`, fill: "none", children: [jsxRuntime.jsx("clipPath", { id: "halfClip2", children: jsxRuntime.jsx("rect", { x: "0", y: "0", width: outlineWidth.outer, height: "48" }) }), jsxRuntime.jsx("path", { d: "M60.4432 39.5559L60.4437 39.5564C64.7391 43.8517 70.3729 46 76.0001 46H147C159.15 46 169 36.1503 169 24C169 11.8497 159.15 2 147 2H76.0001C70.3729 1.99998 64.7391 4.14825 60.4437 8.44365C59.9062 8.98109 59.3797 9.52298 58.8697 10.0479L58.8645 10.0532C57.1905 11.7761 55.7217 13.2796 54.2152 14.3745C52.7378 15.4481 51.3923 16 50 16C48.6077 16 47.2622 15.4481 45.7848 14.3745C44.2783 13.2796 42.8095 11.7761 41.1355 10.0532L41.1305 10.0481C40.6205 9.52314 40.0939 8.98117 39.5563 8.44365C35.2609 4.14825 29.6271 1.99998 23.9999 2C18.3727 2.00002 12.739 4.1483 8.44365 8.44365C4.14827 12.739 2 18.3728 2 24C2 29.6272 4.14827 35.261 8.44365 39.5564C12.739 43.8517 18.3727 46 23.9999 46C29.6271 46 35.2609 43.8517 39.5563 39.5564L39.5568 39.5559C40.0917 39.0207 40.6159 38.481 41.1237 37.9582L41.1281 37.9537C42.8028 36.2295 44.2728 34.7243 45.7808 33.6279C47.2597 32.5528 48.6066 32 50 32C51.3934 32 52.7403 32.5528 54.2192 33.6279C55.7272 34.7243 57.1972 36.2295 58.8719 37.9537L58.8763 37.9582C59.3841 38.481 59.9083 39.0207 60.4432 39.5559Z", stroke: "currentColor", className: "tw-text-material-light-average", strokeWidth: "4", clipPath: "url(#halfClip2)" })] }), jsxRuntime.jsx("div", { className: cn('tw-assets-button-mask tw-flex tw-h-squid-xl tw-w-[92px] tw-items-center tw-justify-between', chain && token && !isLoading
                         ? 'tw-w-[90px]'
                         : 'tw-w-full tw-max-w-[72px]'), style: {
                         backgroundImage: bgGradient,
-                    }, children: jsxRuntime.jsx("div", { className: clsx(imageClass), children: chain && !isLoading ? (jsxRuntime.jsx("img", { src: chain.iconUrl, alt: "", className: "tw-rounded-full" })) : (!isLoading && (jsxRuntime.jsx("span", { className: emptyChainIconTextClassNameMap[variant], children: jsxRuntime.jsx(PlusIcon, {}) }))) }) }), chain && token && !isLoading ? (jsxRuntime.jsxs("div", { className: clsx(imageClass, 'tw-absolute tw-left-[54px] tw-h-squid-xl tw-overflow-hidden'), children: [jsxRuntime.jsx("div", { className: "tw-absolute tw-right-0 tw-h-full tw-w-[22px]", style: {
+                    }, children: jsxRuntime.jsx("div", { className: clsx(imageClass), children: chain && !isLoading ? (jsxRuntime.jsx("img", { src: chain.iconUrl, alt: "", className: "tw-rounded-full" })) : (!isLoading && (jsxRuntime.jsx("span", { className: emptyChainIconTextClassNameMap[variant], children: jsxRuntime.jsx(PlusIcon, {}) }))) }) }), chain && token && !isLoading ? (jsxRuntime.jsxs("div", { className: clsx(imageClass, 'tw-absolute tw-left-[54px] tw-z-[5] tw-h-squid-xl tw-overflow-hidden'), children: [jsxRuntime.jsx("div", { className: "tw-absolute tw-right-0 tw-h-full tw-w-[22px]", style: {
                                 backgroundColor: tokenBgColor,
-                            } }), jsxRuntime.jsx("img", { src: token.iconUrl, alt: token.symbol, className: "tw-absolute tw-h-squid-xl tw-w-squid-xl tw-rounded-full" }), jsxRuntime.jsx("div", { className: "tw-absolute tw-right-0 tw-h-full tw-w-[22px] tw-border-b\n            tw-border-t tw-border-material-light-thin" })] })) : null, jsxRuntime.jsxs("div", { className: cn('tw-flex tw-h-squid-xl tw-w-fit tw-min-w-squid-xl tw-items-center tw-gap-squid-xxs tw-rounded-br-full tw-rounded-tr-full tw-border-b tw-border-r tw-border-t tw-border-material-light-thin tw-py-squid-xs tw-pr-squid-xs', chain && token && !isLoading && 'tw-pl-[7px]'), style: {
+                            } }), jsxRuntime.jsx("img", { src: token.iconUrl, alt: token.symbol, className: "tw-absolute tw-h-squid-xl tw-w-squid-xl tw-rounded-full" }), jsxRuntime.jsx("div", { className: "tw-absolute tw-right-0 tw-h-full tw-w-[22px] tw-border-b\n            tw-border-t tw-border-material-light-thin" })] })) : null, jsxRuntime.jsxs("div", { className: cn('tw-relative tw-flex tw-h-squid-xl tw-w-fit tw-min-w-squid-xl tw-items-center tw-gap-squid-xxs tw-rounded-br-full tw-rounded-tr-full tw-border tw-border-l-0 tw-border-material-light-thin tw-py-squid-xs tw-pr-squid-xs  before:tw-absolute before:-tw-inset-[3px] before:tw-z-[1] before:tw-w-[calc(100%+3px)] before:tw-translate-x-[3px] before:tw-rounded-br-full before:tw-rounded-tr-full before:tw-border-2 before:tw-border-l-0 before:tw-border-transparent after:tw-absolute after:-tw-inset-[5px] after:tw-z-0 after:tw-w-[calc(100%+4px)] after:tw-translate-x-[6px] after:tw-rounded-br-full after:tw-rounded-tr-full after:tw-border-4 after:tw-border-l-0 after:tw-border-transparent group-hover/assets-button:before:tw-border-grey-900 group-hover/assets-button:after:tw-border-material-light-average', chain && token && !isLoading && 'tw-pl-[7px]'), style: {
                         backgroundColor: tokenBgColor,
                         color: token === null || token === void 0 ? void 0 : token.textColor,
                     }, children: [jsxRuntime.jsx(BodyText, { size: "small", className: cn('tw-leading-[13px]', (!token || !chain || isLoading) && 'tw-w-[135px]'), children: chain && token && !isLoading
@@ -26407,10 +26711,6 @@ function AssetsButton({ chain, token, onClick, variant = 'primary', isLoading =
                                 : !isLoading && 'Select token' }), !isLoading && jsxRuntime.jsx(ChevronLargeRightIcon, { className: "tw-opacity-66" })] })] }) })));
 }
 
-function FilterIcon() {
-    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "16", fill: "none", viewBox: "0 0 20 16", children: jsxRuntime.jsx("path", { fill: "currentColor", fillOpacity: "0.66", fillRule: "evenodd", d: "M0 1a1 1 0 011-1h18a1 1 0 110 2H1a1 1 0 01-1-1zm3 7a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm3 7a1 1 0 011-1h6a1 1 0 110 2H7a1 1 0 01-1-1z", clipRule: "evenodd" }) }));
-}
-
 function FilterButton({ selected, numApplied = 0, onClick, }) {
     return (jsxRuntime.jsxs("div", { className: "tw-relative", children: [jsxRuntime.jsx(Button$1, { variant: "tertiary", size: "md", className: cn(selected
                     ? '!tw-bg-grey-500 !tw-text-grey-800'
@@ -26426,184 +26726,6 @@ const IconButton = (_a) => {
     return (jsxRuntime.jsx("button", Object.assign({}, props, { className: cn('tw-flex tw-h-8 tw-w-8 tw-min-w-8 tw-items-center tw-justify-center tw-rounded-squid-xs hover:tw-bg-material-light-thin', props.disabled ? 'tw-text-grey-600' : 'tw-text-grey-300', props.className), children: icon })));
 };
 
-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" }) }));
-}
-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 MenuSwapIcon({ 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.jsxs("g", { clipPath: "url(#clip0_2573_73593)", children: [jsxRuntime.jsx("path", { d: "M16 9H20C21.6569 9 23 10.3431 23 12V20C23 21.6569 21.6569 23 20 23H12C10.3431 23 9 21.6569 9 20V16", stroke: "currentColor", strokeWidth: "2" }), jsxRuntime.jsx("circle", { cx: "8.5", cy: "8.5", r: "7.5", stroke: "currentColor", strokeWidth: "2" }), jsxRuntime.jsx("path", { d: "M6 11V6H11", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M19 14L19 19L14 19", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("line", { x1: "6.70711", y1: "6.29289", x2: "18.7071", y2: "18.2929", stroke: "currentColor", strokeWidth: "2" })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "clip0_2573_73593", children: jsxRuntime.jsx("rect", { width: "24", height: "24", fill: "white" }) }) })] }));
-}
-function ColorPaletteIcon({ size = '24', className, }) {
-    return (jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsxRuntime.jsx("path", { d: "M7.4 11.25H6.4V13.25H7.4V11.25ZM7.6 13.25H8.6V11.25H7.6V13.25ZM15.4 8.5H14.4V10.5H15.4V8.5ZM15.6 10.5H16.6V8.5H15.6V10.5ZM10.4 7H9.4V9H10.4V7ZM10.6 9H11.6V7H10.6V9ZM7 12.25C7 11.9739 7.22386 11.75 7.5 11.75V13.75C8.32843 13.75 9 13.0784 9 12.25H7ZM7.5 11.75C7.77614 11.75 8 11.9739 8 12.25H6C6 13.0784 6.67157 13.75 7.5 13.75V11.75ZM8 12.25C8 12.5261 7.77614 12.75 7.5 12.75V10.75C6.67157 10.75 6 11.4216 6 12.25H8ZM7.5 12.75C7.22386 12.75 7 12.5261 7 12.25H9C9 11.4216 8.32843 10.75 7.5 10.75V12.75ZM15 9.5C15 9.22386 15.2239 9 15.5 9V11C16.3284 11 17 10.3284 17 9.5H15ZM15.5 9C15.7761 9 16 9.22386 16 9.5H14C14 10.3284 14.6716 11 15.5 11V9ZM16 9.5C16 9.77614 15.7761 10 15.5 10V8C14.6716 8 14 8.67157 14 9.5H16ZM15.5 10C15.2239 10 15 9.77614 15 9.5H17C17 8.67157 16.3284 8 15.5 8V10ZM12 19.5C7.5271 19.5 4 16.0891 4 12H2C2 17.2998 6.53177 21.5 12 21.5V19.5ZM4 12C4 7.91095 7.5271 4.5 12 4.5V2.5C6.53177 2.5 2 6.70021 2 12H4ZM12 4.5C16.4729 4.5 20 7.91095 20 12H22C22 6.70021 17.4682 2.5 12 2.5V4.5ZM20 12C20 13.5786 19.581 14.0563 19.2921 14.2361C18.9042 14.4775 18.2607 14.5224 17.2336 14.3889C16.7375 14.3243 16.2569 14.236 15.7115 14.1503C15.1923 14.0687 14.6354 13.9936 14.1011 13.9858C13.0367 13.9703 11.7662 14.2315 11.1056 15.5528L12.8944 16.4472C13.04 16.156 13.2977 15.9743 14.0719 15.9856C14.457 15.9912 14.8971 16.0469 15.401 16.126C15.8788 16.2011 16.4476 16.3035 16.9757 16.3722C17.9971 16.505 19.3012 16.5862 20.3489 15.934C21.4956 15.2203 22 13.8745 22 12H20ZM11.1056 15.5528C10.6885 16.3868 10.8107 17.2221 11.0282 17.8666C11.2381 18.4885 11.5952 19.0909 11.8078 19.4797C11.9271 19.6979 12.0018 19.847 12.0433 19.9569C12.0928 20.0878 12.0416 20.0281 12.0725 19.8775C12.1227 19.6322 12.3012 19.5021 12.3753 19.4702C12.3936 19.4623 12.3055 19.5 12 19.5V21.5C12.4013 21.5 12.8121 21.4596 13.1661 21.3072C13.576 21.1307 13.9272 20.7897 14.0318 20.2788C14.117 19.8626 14.0021 19.4825 13.9142 19.2501C13.8185 18.9968 13.6825 18.7396 13.5626 18.5203C13.2968 18.0341 13.0613 17.6365 12.9232 17.2271C12.7927 16.8404 12.8115 16.6132 12.8944 16.4472L11.1056 15.5528ZM7.4 13.25H7.6V11.25H7.4V13.25ZM15.4 10.5H15.6V8.5H15.4V10.5ZM10 8C10 7.72386 10.2239 7.5 10.5 7.5V9.5C11.3284 9.5 12 8.82843 12 8H10ZM10.5 7.5C10.7761 7.5 11 7.72386 11 8H9C9 8.82843 9.67157 9.5 10.5 9.5V7.5ZM11 8C11 8.27614 10.7761 8.5 10.5 8.5V6.5C9.67157 6.5 9 7.17157 9 8H11ZM10.5 8.5C10.2239 8.5 10 8.27614 10 8H12C12 7.17157 11.3284 6.5 10.5 6.5V8.5ZM10.4 9H10.6V7H10.4V9Z", fill: "currentColor" }) }));
-}
-function ConsoleIcon({ size = '24', className, }) {
-    return (jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsxRuntime.jsx("path", { d: "M7.5 8L9.25 9.75L7.5 11.5M12 11.5H14M7 20H17C18.6569 20 20 18.6569 20 17V7C20 5.34315 18.6569 4 17 4H7C5.34315 4 4 5.34315 4 7V17C4 18.6569 5.34315 20 7 20Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
-}
-function BubblesIcon({ size = '30', className, }) {
-    return (jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: [jsxRuntime.jsx("path", { d: "M16 11C16 13.7614 13.7614 16 11 16C8.23858 16 6 13.7614 6 11C6 8.23858 8.23858 6 11 6C13.7614 6 16 8.23858 16 11Z", stroke: "currentColor", strokeWidth: "2" }), jsxRuntime.jsx("path", { d: "M21 20.5C21 22.433 19.433 24 17.5 24C15.567 24 14 22.433 14 20.5C14 18.567 15.567 17 17.5 17C19.433 17 21 18.567 21 20.5Z", stroke: "currentColor", strokeWidth: "2" }), jsxRuntime.jsx("path", { d: "M24 12.5C24 13.8807 22.8807 15 21.5 15C20.1193 15 19 13.8807 19 12.5C19 11.1193 20.1193 10 21.5 10C22.8807 10 24 11.1193 24 12.5Z", stroke: "currentColor", strokeWidth: "2" })] }));
-}
-
-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 GithubIcon({ size = '24', className, }) {
-    return (jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsxRuntime.jsx("path", { d: "M12 1.95068C17.525 1.95068 22 6.42568 22 11.9507C21.9995 14.0459 21.3419 16.0883 20.1198 17.7902C18.8977 19.4922 17.1727 20.768 15.1875 21.4382C14.6875 21.5382 14.5 21.2257 14.5 20.9632C14.5 20.6257 14.5125 19.5507 14.5125 18.2132C14.5125 17.2757 14.2 16.6757 13.8375 16.3632C16.0625 16.1132 18.4 15.2632 18.4 11.4257C18.4 10.3257 18.0125 9.43818 17.375 8.73818C17.475 8.48818 17.825 7.46318 17.275 6.08818C17.275 6.08818 16.4375 5.81318 14.525 7.11318C13.725 6.88818 12.875 6.77568 12.025 6.77568C11.175 6.77568 10.325 6.88818 9.525 7.11318C7.6125 5.82568 6.775 6.08818 6.775 6.08818C6.225 7.46318 6.575 8.48818 6.675 8.73818C6.0375 9.43818 5.65 10.3382 5.65 11.4257C5.65 15.2507 7.975 16.1132 10.2 16.3632C9.9125 16.6132 9.65 17.0507 9.5625 17.7007C8.9875 17.9632 7.55 18.3882 6.65 16.8757C6.4625 16.5757 5.9 15.8382 5.1125 15.8507C4.275 15.8632 4.775 16.3257 5.125 16.5132C5.55 16.7507 6.0375 17.6382 6.15 17.9257C6.35 18.4882 7 19.5632 9.5125 19.1007C9.5125 19.9382 9.525 20.7257 9.525 20.9632C9.525 21.2257 9.3375 21.5257 8.8375 21.4382C6.8458 20.7752 5.11342 19.502 3.88611 17.799C2.65881 16.096 1.9989 14.0498 2 11.9507C2 6.42568 6.475 1.95068 12 1.95068Z", fill: "currentColor" }) }));
-}
-function DiscordIcon({ size = '24', className, }) {
-    return (jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsxRuntime.jsx("path", { d: "M19.6361 5.0228C18.1907 4.35756 16.6648 3.88561 15.0973 3.61902C14.8828 4.00447 14.6888 4.40105 14.5159 4.8071C12.8463 4.55418 11.1484 4.55418 9.47881 4.8071C9.30587 4.4011 9.1118 4.00452 8.8974 3.61902C7.32897 3.88786 5.80205 4.36093 4.35518 5.02628C1.48276 9.29851 0.70409 13.4646 1.09342 17.5716C2.77558 18.821 4.6584 19.7712 6.66003 20.3809C7.11074 19.7715 7.50956 19.1251 7.85226 18.4483C7.20135 18.2039 6.57311 17.9024 5.9748 17.5473C6.13227 17.4325 6.28627 17.3142 6.43508 17.1994C8.17601 18.0224 10.0761 18.4491 12 18.4491C13.9238 18.4491 15.8239 18.0224 17.5648 17.1994C17.7154 17.3229 17.8694 17.4412 18.0251 17.5473C17.4257 17.903 16.7963 18.2051 16.1442 18.4501C16.4865 19.1265 16.8853 19.7724 17.3364 20.3809C19.3398 19.7737 21.224 18.8239 22.9065 17.5734C23.3633 12.8106 22.1261 8.68273 19.6361 5.0228ZM8.34541 15.0459C7.26047 15.0459 6.36414 14.0561 6.36414 12.8384C6.36414 11.6208 7.22932 10.6223 8.34195 10.6223C9.45458 10.6223 10.344 11.6208 10.325 12.8384C10.3059 14.0561 9.45112 15.0459 8.34541 15.0459ZM15.6545 15.0459C14.5678 15.0459 13.675 14.0561 13.675 12.8384C13.675 11.6208 14.5401 10.6223 15.6545 10.6223C16.7689 10.6223 17.6514 11.6208 17.6323 12.8384C17.6133 14.0561 16.7602 15.0459 15.6545 15.0459Z", stroke: "currentColor", strokeWidth: "2", strokeLinejoin: "round" }) }));
-}
-function MirrorIcon({ size = '24', className, }) {
-    return (jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsxRuntime.jsx("path", { d: "M6 9C6 5.68629 8.68629 3 12 3C15.3137 3 18 5.68629 18 9V20C18 20.5523 17.5523 21 17 21H7C6.44771 21 6 20.5523 6 20V9Z", stroke: "currentColor", strokeWidth: "2" }) }));
-}
-
-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", { clipPath: "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 CrossAnimatedIcon({ size = 24, isOpen, transitionDuration, className, }) {
-    const rotateDegrees = isOpen ? 45 : 0;
-    return (jsxRuntime.jsxs("div", { style: {
-            width: size,
-            height: size * 0.585,
-        }, className: cn('tw-relative tw-rotate-0 tw-transition-transform', className), children: [jsxRuntime.jsx("span", { style: {
-                    height: size * 0.1,
-                    top: isOpen ? size * -0.05 : 0,
-                    transformOrigin: 'left center',
-                    left: isOpen ? size * 0.13 : 0,
-                    transitionDuration,
-                    transform: isOpen ? `rotate(${rotateDegrees}deg)` : 'rotate(0)',
-                }, className: "tw-absolute tw-block tw-w-full tw-rounded-sm tw-bg-current tw-opacity-100 tw-transition-transform" }), jsxRuntime.jsx("span", { style: {
-                    height: size * 0.1,
-                    top: isOpen ? size * 0.65 : size * 0.6,
-                    transformOrigin: 'left center',
-                    left: isOpen ? size * 0.13 : 0,
-                    transitionDuration,
-                    transform: isOpen ? `rotate(-${rotateDegrees}deg)` : 'rotate(0)',
-                }, className: "tw-absolute tw-block tw-w-full tw-rounded-sm tw-bg-current tw-opacity-100 tw-transition-transform" })] }));
-}
-
-function SunriseIcon({ size = '32', className, }) {
-    return (jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: [jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16 6C16.5523 6 17 6.44772 17 7V8C17 8.55228 16.5523 9 16 9C15.4477 9 15 8.55228 15 8V7C15 6.44772 15.4477 6 16 6ZM6 16C6 15.4477 6.44772 15 7 15H8C8.55228 15 9 15.4477 9 16C9 16.5523 8.55228 17 8 17H7C6.44772 17 6 16.5523 6 16ZM23 16C23 15.4477 23.4477 15 24 15H25C25.5523 15 26 15.4477 26 16C26 16.5523 25.5523 17 25 17H24C23.4477 17 23 16.5523 23 16Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20.9491 11.0503C20.5586 10.6597 20.5586 10.0266 20.9491 9.63604L21.6562 8.92893C22.0468 8.53841 22.6799 8.53841 23.0705 8.92893C23.461 9.31946 23.461 9.95262 23.0705 10.3431L22.3634 11.0503C21.9728 11.4408 21.3397 11.4408 20.9491 11.0503Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 20C6 19.4477 6.44772 19 7 19H25C25.5523 19 26 19.4477 26 20C26 20.5523 25.5523 21 25 21H7C6.44772 21 6 20.5523 6 20ZM10 24C10 23.4477 10.4477 23 11 23H21C21.5523 23 22 23.4477 22 24C22 24.5523 21.5523 25 21 25H11C10.4477 25 10 24.5523 10 24Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.92961 8.92893C9.32014 8.53841 9.9533 8.53841 10.3438 8.92893L11.0509 9.63604C11.4415 10.0266 11.4415 10.6597 11.0509 11.0503C10.6604 11.4408 10.0272 11.4408 9.63672 11.0503L8.92961 10.3431C8.53909 9.95262 8.53909 9.31946 8.92961 8.92893Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 17C11.4477 17 11 16.5523 11 16C11 13.2386 13.2386 11 16 11C18.7614 11 21 13.2386 21 16C21 16.5523 20.5523 17 20 17C18.3023 17 13.6977 17 12 17Z", fill: "currentColor" })] }));
-}
-function SunIcon({ size = '24', className, }) {
-    return (jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 20 20", fill: "none", className: className, xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M10.8335 1.66671C10.8335 1.20647 10.4604 0.833374 10.0002 0.833374C9.53992 0.833374 9.16683 1.20647 9.16683 1.66671V2.50004C9.16683 2.96028 9.53992 3.33337 10.0002 3.33337C10.4604 3.33337 10.8335 2.96028 10.8335 2.50004V1.66671Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M10.8335 17.5001C10.8335 17.0398 10.4604 16.6667 10.0002 16.6667C9.53992 16.6667 9.16683 17.0398 9.16683 17.5001V18.3334C9.16683 18.7936 9.53992 19.1667 10.0002 19.1667C10.4604 19.1667 10.8335 18.7936 10.8335 18.3334V17.5001Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M16.481 3.51916C16.8064 3.8446 16.8064 4.37224 16.481 4.69767L15.8893 5.28934C15.5638 5.61478 15.0362 5.61478 14.7108 5.28934C14.3853 4.9639 14.3853 4.43627 14.7108 4.11083L15.3024 3.51916C15.6279 3.19373 16.1555 3.19373 16.481 3.51916Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M5.28955 15.8893C5.61499 15.5638 5.61499 15.0362 5.28955 14.7108C4.96411 14.3853 4.43647 14.3853 4.11104 14.7108L3.51937 15.3024C3.19393 15.6279 3.19393 16.1555 3.51937 16.4809C3.84481 16.8064 4.37244 16.8064 4.69788 16.4809L5.28955 15.8893Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M16.6668 10.0001C16.6668 9.53982 17.0399 9.16672 17.5002 9.16672H18.3335C18.7937 9.16672 19.1668 9.53982 19.1668 10.0001C19.1668 10.4603 18.7937 10.8334 18.3335 10.8334H17.5002C17.0399 10.8334 16.6668 10.4603 16.6668 10.0001Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M1.66683 9.16672C1.20659 9.16672 0.833496 9.53982 0.833496 10.0001C0.833496 10.4603 1.20659 10.8334 1.66683 10.8334H2.50016C2.9604 10.8334 3.3335 10.4603 3.3335 10.0001C3.3335 9.53982 2.9604 9.16672 2.50016 9.16672H1.66683Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M14.7108 14.7108C15.0362 14.3853 15.5638 14.3853 15.8893 14.7108L16.481 15.3024C16.8064 15.6279 16.8064 16.1555 16.481 16.4809C16.1555 16.8064 15.6279 16.8064 15.3024 16.4809L14.7108 15.8893C14.3853 15.5638 14.3853 15.0362 14.7108 14.7108Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M4.69788 3.51916C4.37244 3.19373 3.84481 3.19373 3.51937 3.51916C3.19393 3.8446 3.19393 4.37224 3.51937 4.69767L4.11104 5.28934C4.43647 5.61478 4.96411 5.61478 5.28955 5.28934C5.61499 4.9639 5.61499 4.43627 5.28955 4.11083L4.69788 3.51916Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M6.46463 6.46451C8.41725 4.51189 11.5831 4.51189 13.5357 6.46451C15.4883 8.41713 15.4883 11.583 13.5357 13.5356C11.5831 15.4882 8.41725 15.4882 6.46463 13.5356C4.51201 11.583 4.51201 8.41713 6.46463 6.46451Z", fill: "currentColor" })] }));
-}
-function MoonIcon({ size = '20', className, }) {
-    return (jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsxRuntime.jsx("path", { d: "M10.0463 2.99972C10.2292 2.73432 10.2427 2.38723 10.0809 2.10846C9.91903 1.8297 9.61096 1.66925 9.28979 1.69647C5.02109 2.05816 1.66992 5.63639 1.66992 9.9982C1.66992 14.5997 5.40018 18.33 10.0017 18.33C14.3636 18.33 17.9419 14.9787 18.3035 10.7098C18.3307 10.3887 18.1702 10.0806 17.8914 9.91879C17.6127 9.75698 17.2656 9.77044 17.0002 9.95336C16.1951 10.5083 15.2201 10.8331 14.1667 10.8331C11.4052 10.8331 9.16667 8.59452 9.16667 5.8331C9.16667 4.77977 9.49145 3.80481 10.0463 2.99972Z", fill: "currentColor" }) }));
-}
-
-const dockIconClassname = 'tw-text-grey-900';
-const dockIconSelectedClassname = 'group-data-[squid-theme-type=dark]:tw-text-royal-700 group-data-[squid-theme-type=light]:tw-text-volt-700';
-function getDockIconClassname({ isSelected }) {
-    return cn('tw-max-h-full tw-max-w-full', isSelected ? dockIconSelectedClassname : dockIconClassname);
-}
-function DockIconSwap({ isSelected = false }) {
-    return (jsxRuntime.jsxs("svg", { className: getDockIconClassname({ isSelected }), xmlns: "http://www.w3.org/2000/svg", width: "80", height: "80", viewBox: "0 0 109 97", fill: "none", children: [jsxRuntime.jsxs("g", { filter: "url(#filter0_dd_1247_37415)", children: [jsxRuntime.jsx("path", { d: "M63.6703 17.0953L37.5166 21.707C34.6819 22.2068 32.7896 24.9126 33.29 27.7506L33.793 30.6033C33.3175 30.6287 32.8384 30.6832 32.3576 30.7679C25.9215 31.9028 21.6251 38.0463 22.7612 44.4898C23.8974 50.9334 30.036 55.2369 36.4721 54.1021C36.9528 54.0173 37.4217 53.9046 37.8772 53.7659L39.9405 65.4678C40.4409 68.3057 43.1446 70.2012 45.9793 69.7013L72.133 65.0897C74.9677 64.5899 76.8601 61.8841 76.3596 59.0461L74.1505 46.5176L86.5832 38.2026L75.5578 21.6867L70.3825 25.1479L69.7091 21.3289C69.2087 18.4909 66.505 16.5955 63.6703 17.0953Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M71.4603 22.6225L71.1863 21.0685C70.5423 17.4162 67.062 14.9742 63.4099 15.6181L37.2561 20.2297C33.604 20.8737 31.1688 24.3589 31.8128 28.0111L32.0402 29.3009C24.8183 30.606 20.0076 37.5116 21.284 44.7503C22.5604 51.9891 29.4428 56.8329 36.6755 55.5892L38.4633 65.7282C39.1073 69.3805 42.5876 71.8225 46.2398 71.1786L72.3935 66.567C76.0456 65.923 78.4808 62.4378 77.8369 58.7856L75.7976 47.2205L87.4171 39.4495C88.1053 38.9892 88.2905 38.0584 87.8308 37.3698L76.8053 20.8539C76.5843 20.5228 76.2408 20.2932 75.8504 20.2155C75.46 20.1379 75.0548 20.2186 74.7239 20.4398L71.4603 22.6225Z", className: "tw-stroke-grey-900", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" })] }), jsxRuntime.jsx("path", { d: "M63.6702 17.0953L37.5165 21.707C34.6818 22.2068 32.7895 24.9126 33.2899 27.7506L39.9404 65.4678C40.4408 68.3057 43.1445 70.2012 45.9792 69.7014L72.1329 65.0897C74.9676 64.5899 76.8599 61.8841 76.3595 59.0461L69.709 21.3289C69.2086 18.4909 66.5049 16.5955 63.6702 17.0953Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M49.0884 48.2686L62.4932 45.905", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M59.0986 43.5195L62.4998 45.908L60.1039 49.3081", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M59.3135 27.8751L45.9087 30.2388", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M49.3038 32.6307L45.9015 30.2358L48.2985 26.8421", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M65.9355 53.5151L47.8565 56.7029C45.8237 57.0613 44.4667 59.0018 44.8255 61.0369C45.1844 63.0721 47.1232 64.4314 49.1561 64.0729L67.2351 60.8851C69.2679 60.5267 70.6249 58.5863 70.2661 56.5511C69.9072 54.5159 67.9684 53.1566 65.9355 53.5151Z", className: "tw-fill-current tw-stroke-grey-300", 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", className: "tw-fill-current tw-stroke-grey-300", 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.1501 41.881 44.8381 41.2175 42.7504", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M32.9659 47.642C34.5412 49.3003 37.1165 49.6718 39.1334 48.4109C41.1503 47.1501 41.881 44.8381 41.2175 42.7504", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M31.9918 43.5313C32.4376 44.0191 33.1761 44.1464 33.7658 43.7931C34.3555 43.4399 34.5834 42.7816 34.4061 42.1745", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M31.9918 43.5313C32.4376 44.0191 33.1761 44.1464 33.7658 43.7931C34.3555 43.4399 34.5834 42.7816 34.4061 42.1745", className: "tw-stroke-grey-300", 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.5265 38.4345 39.9194", className: "tw-fill-current" }), 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.5265 38.4345 39.9194", className: "tw-stroke-grey-300", 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", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M41.8629 42.4827C41.3973 42.685 40.8832 42.7882 40.3758 42.7691", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M75.5576 21.6867L59.064 32.7176L70.0894 49.2335L86.5831 38.2026L75.5576 21.6867Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M70.0814 39.65C71.7524 41.2152 74.3416 41.4418 76.2791 40.0702C78.1457 38.7438 78.815 36.349 78.0326 34.2995", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M70.0814 39.65C71.7524 41.2152 74.3416 41.4418 76.2791 40.0702C78.1457 38.7438 78.815 36.349 78.0326 34.2995", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M68.8751 35.6008C69.3498 36.0645 70.0944 36.1519 70.6644 35.7628C71.2344 35.3736 71.4204 34.7025 71.212 34.1067", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M68.8751 35.6008C69.3498 36.0645 70.0944 36.1519 70.6644 35.7628C71.2344 35.3736 71.4204 34.7025 71.212 34.1067", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M72.7648 33.1203C73.2394 33.584 73.984 33.6714 74.554 33.2823C75.124 32.8931 75.31 32.222 75.1017 31.6262", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M72.7648 33.1203C73.2394 33.584 73.984 33.6714 74.554 33.2823C75.124 32.8931 75.31 32.222 75.1017 31.6262", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M78.6657 33.9882C78.2129 34.2204 77.7097 34.3483 77.1997 34.3577L78.6657 33.9882Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M78.6657 33.9882C78.2129 34.2204 77.7097 34.3483 77.1997 34.3577", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("filter", { id: "filter0_dd_1247_37415", x: "0.578613", 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_1247_37415" }), 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_1247_37415" }), 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_1247_37415", result: "effect2_dropShadow_1247_37415" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_1247_37415", result: "shape" })] }) })] }));
-}
-function DockIconCheckout({ isSelected = false }) {
-    return (jsxRuntime.jsxs("svg", { className: getDockIconClassname({ isSelected }), xmlns: "http://www.w3.org/2000/svg", width: "80", height: "80", viewBox: "0 0 93 106", fill: "none", children: [jsxRuntime.jsxs("g", { filter: "url(#filter0_dd_2890_2833)", children: [jsxRuntime.jsx("path", { d: "M20.8379 24.4996C18.57 24.8995 17.6524 27.7819 19.3763 29.343C19.7833 29.7104 20.2433 30.0228 20.6064 30.4322C21.2476 31.1575 21.5393 32.1327 21.5955 33.0981C21.6851 34.5766 21.3149 36.0677 21.1865 37.5391C21.0581 39.0104 21.025 40.5048 21.1368 41.9794C21.3281 44.5522 21.9589 47.4182 23.9392 49.2363C23.0632 49.8642 22.5766 50.9538 22.7756 52.0822C22.9745 53.2106 23.81 54.0671 24.8424 54.3585C23.6033 56.7443 23.9908 59.6532 24.6909 62.1362C25.0903 63.5601 25.6371 64.9466 26.2564 66.2918C26.8757 67.637 27.7381 68.9051 28.1596 70.3251C28.437 71.2515 28.4974 72.2731 28.142 73.1685C27.9408 73.6774 27.6154 74.1283 27.3586 74.6127C26.2781 76.6683 28.1206 79.064 30.3886 78.6641C31.0966 78.5392 31.7513 78.1443 32.1874 77.5769C32.6235 77.0095 32.6564 76.1938 33.1813 75.645C33.6285 75.1726 34.3092 74.9898 34.9599 74.9606C35.6107 74.9314 36.2683 74.941 36.9073 75.0393C45.4954 76.3254 46.9874 72.1726 46.9874 72.1726C47.1718 73.218 48.1673 73.9151 49.2128 73.7308C50.2582 73.5464 50.9553 72.5509 50.771 71.5054C50.771 71.5054 53.5935 74.8975 61.2237 70.7517C61.7961 70.4397 62.4053 70.2068 63.0267 70.0117C63.6482 69.8166 64.3458 69.762 64.9321 70.0465C65.6131 70.3827 65.898 71.1252 66.5269 71.5219C67.1558 71.9186 67.881 72.0531 68.5891 71.9283C70.857 71.5284 71.7746 68.646 70.0507 67.085C69.6437 66.7176 69.1837 66.4051 68.8206 65.9958C68.1794 65.2704 67.8877 64.2952 67.8315 63.3298C67.7419 61.8513 68.1121 60.3602 68.2405 58.8889C68.3679 57.412 68.4019 55.9231 68.2902 54.4485C68.0989 51.8757 67.4681 49.0097 65.4878 47.1916C66.3638 46.5638 66.8504 45.4741 66.6514 44.3457C66.4524 43.2173 65.617 42.3608 64.5846 42.0694C65.8237 39.6836 65.4362 36.7747 64.736 34.2917C64.3367 32.8678 63.7899 31.4813 63.1706 30.1361C62.5513 28.791 61.6889 27.5229 61.2674 26.1029C60.99 25.1765 60.9296 24.1548 61.285 23.2594C61.4862 22.7506 61.8116 22.2996 62.0684 21.8152C63.1489 19.7596 61.3063 17.364 59.0384 17.7639C58.3304 17.8887 57.6757 18.2836 57.2396 18.851C56.8035 19.4184 56.7705 20.2341 56.2456 20.7829C55.7985 21.2553 55.1178 21.4381 54.4671 21.4673C53.8163 21.4965 53.1587 21.487 52.5197 21.3886C43.9316 20.1025 42.4395 24.2554 42.4395 24.2554C42.2552 23.2099 41.2596 22.5128 40.2142 22.6972C39.1687 22.8815 38.4716 23.8771 38.656 24.9225C38.656 24.9225 35.8335 21.5304 28.2032 25.6762C27.6309 25.9882 27.0217 26.2211 26.4002 26.4162C25.7787 26.6114 25.0811 26.6659 24.4948 26.3815C23.8139 26.0453 23.529 25.3027 22.9001 24.906C22.2712 24.5093 21.5459 24.3748 20.8379 24.4996Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M18.3712 30.4564L18.3695 30.4548C15.6599 28.0013 17.1621 23.6247 20.5774 23.0224C21.6474 22.8338 22.7516 23.0388 23.7004 23.6373C24.2013 23.9533 24.5661 24.3901 24.7664 24.63C24.7867 24.6544 24.8054 24.6767 24.8223 24.6966C25.0513 24.9668 25.1213 25.0168 25.1545 25.0342C25.2588 25.0822 25.5174 25.1212 25.9509 24.9851C26.5177 24.8071 27.0278 24.6086 27.4854 24.3592L27.4871 24.3582C31.5213 22.1663 34.4925 21.8579 36.5834 22.2735C37.0211 22.3605 37.4115 22.4777 37.7565 22.6105C38.2589 21.9016 39.03 21.3828 39.9537 21.22C40.8774 21.0571 41.7795 21.2809 42.494 21.7751C42.7728 21.5323 43.0995 21.2887 43.4811 21.0572C45.3037 19.9516 48.2013 19.2252 52.7419 19.9051L52.7479 19.906C53.2533 19.9839 53.8034 19.9955 54.3998 19.9688C54.8771 19.9474 55.0947 19.8169 55.1563 19.7518L55.1616 19.7462C55.1887 19.7179 55.2408 19.6469 55.3709 19.2988C55.3805 19.2731 55.391 19.2441 55.4027 19.212C55.508 18.9228 55.7018 18.3904 56.0503 17.9369C56.7169 17.0696 57.7043 16.476 58.778 16.2866C62.1993 15.6834 65.0914 19.2882 63.3961 22.5131L63.3937 22.5177C63.2826 22.7273 63.1507 22.9488 63.045 23.1262C63.0101 23.1849 62.978 23.2387 62.9505 23.2856C62.8217 23.5058 62.7372 23.666 62.68 23.8108L62.6792 23.8129C62.4875 24.2957 62.4881 24.9504 62.7043 25.6726L62.7054 25.676C62.874 26.244 63.1404 26.8129 63.4747 27.4538C63.5615 27.6201 63.6562 27.7973 63.7549 27.9818C64.0116 28.4617 64.2949 28.9914 64.5331 29.5088C65.1749 30.9027 65.7535 32.3652 66.1801 33.8858M18.3712 30.4564L24.3047 55.7631C23.7612 57.8303 24.1233 60.1232 24.6909 62.1362L23.2467 62.5413C23.2468 62.5416 23.2469 62.542 23.247 62.5423C23.6735 64.0628 24.2521 65.5253 24.8939 66.9191C25.1321 67.4366 25.4154 67.9662 25.6721 68.4462C25.7708 68.6307 25.8655 68.8079 25.9523 68.9742C26.2866 69.615 26.553 70.1839 26.7216 70.7519L26.7226 70.7554C26.9389 71.4776 26.9394 72.1323 26.7478 72.6151L26.747 72.6171C26.6897 72.7619 26.6052 72.9222 26.4764 73.1423C26.449 73.1892 26.4169 73.2431 26.382 73.3017C26.2763 73.4791 26.1443 73.7007 26.0332 73.9102L26.0308 73.9148C24.3356 77.1398 27.2277 80.7445 30.649 80.1413C31.7227 79.952 32.7101 79.3583 33.3767 78.491C33.7252 78.0376 33.919 77.5052 34.0243 77.2159C34.0359 77.1839 34.0465 77.1548 34.0561 77.1291C34.1862 76.781 34.2383 76.7101 34.2654 76.6818L34.2707 76.6761C34.3323 76.6111 34.5499 76.4805 35.0272 76.4591C35.6236 76.4324 36.1736 76.4441 36.6791 76.5219L36.6851 76.5228C41.2257 77.2028 44.1232 76.4763 45.9458 75.3707C46.3275 75.1392 46.6542 74.8956 46.933 74.6528C47.6475 75.1471 48.5496 75.3708 49.4733 75.208C50.3969 75.0451 51.1681 74.5263 51.6705 73.8174C52.0155 73.9503 52.4058 74.0675 52.8436 74.1545C54.9344 74.57 57.9057 74.2616 61.9399 72.0697L61.9416 72.0688C62.3992 71.8194 62.9093 71.6208 63.4761 71.4428C63.9095 71.3067 64.1681 71.3457 64.2724 71.3937C64.3056 71.4111 64.3756 71.4609 64.6047 71.7313C64.6216 71.7512 64.6403 71.7736 64.6606 71.7979C64.8609 72.0378 65.2257 72.4746 65.7266 72.7906C66.6754 73.3891 67.7795 73.5942 68.8495 73.4055C72.2649 72.8033 73.7671 68.4267 71.0575 65.9731L71.0558 65.9715C70.8797 65.8126 70.6799 65.6495 70.5199 65.519C70.4671 65.4758 70.4186 65.4362 70.3767 65.4015C70.1807 65.239 70.0466 65.1174 69.9434 65.0011C69.5936 64.6047 69.3725 63.9918 69.329 63.2427L69.3288 63.2391C69.2928 62.6459 69.3475 62.0176 69.4415 61.302C69.4674 61.1047 69.4977 60.8922 69.5294 60.6706C69.6046 60.1438 69.6871 59.5659 69.7348 59.0193L69.7349 59.0178C69.8676 57.4795 69.905 55.908 69.786 54.3362C69.6197 52.1009 69.1224 49.3441 67.5087 47.1992C68.0769 46.3083 68.327 45.2104 68.1286 44.0852C67.93 42.9587 67.3168 42.0147 66.4805 41.3731C67.264 38.8051 66.7885 36.0437 66.1801 33.8858M18.3712 30.4564C18.5472 30.6153 18.747 30.7784 18.907 30.9089C18.9599 30.9521 19.0084 30.9917 19.0503 31.0264C19.2461 31.1888 19.3801 31.3103 19.4834 31.4266C19.8333 31.823 20.0544 32.4359 20.098 33.1852L20.0982 33.1888C20.1342 33.782 20.0795 34.4104 19.9855 35.1259C19.9596 35.3232 19.9293 35.5357 19.8976 35.7573C19.8224 36.2841 19.7399 36.862 19.6922 37.4087C19.5583 38.9434 19.522 40.5206 19.641 42.0917C19.8073 44.327 20.3046 47.0838 21.9183 49.2288M18.3712 30.4564L21.9183 49.2288M66.1801 33.8858C66.1801 33.8861 66.1802 33.8864 66.1803 33.8866L64.736 34.2917L66.1797 33.8846C66.1798 33.885 66.18 33.8854 66.1801 33.8858ZM21.9183 49.2288C21.3501 50.1196 21.1 51.2175 21.2984 52.3427C21.497 53.4692 22.1102 54.4132 22.9465 55.0548L21.9183 49.2288ZM28.2032 25.6762C32.7848 23.1869 35.633 23.4152 37.1776 23.9951L28.2032 25.6762ZM28.2032 25.6762C27.6309 25.9882 27.0217 26.2211 26.4002 26.4162C25.7787 26.6114 25.0811 26.6659 24.4948 26.3815L28.2032 25.6762ZM40.2142 22.6972C39.7634 22.7767 39.3773 23.007 39.0988 23.3271L41.4778 22.9077C41.1066 22.7021 40.665 22.6177 40.2142 22.6972Z", className: "tw-stroke-grey-900", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" })] }), jsxRuntime.jsx("path", { d: "M20.8379 24.4996C18.57 24.8995 17.6524 27.7819 19.3763 29.343C19.7833 29.7104 20.2433 30.0228 20.6064 30.4322C21.2476 31.1575 21.5393 32.1327 21.5955 33.0981C21.6851 34.5766 21.3149 36.0677 21.1865 37.5391C21.0581 39.0104 21.025 40.5048 21.1368 41.9794C21.3281 44.5522 21.9589 47.4182 23.9392 49.2363C23.0632 49.8642 22.5766 50.9538 22.7756 52.0822C22.9745 53.2106 23.81 54.0671 24.8424 54.3585C23.6033 56.7443 23.9908 59.6532 24.6909 62.1362C25.0903 63.5601 25.6371 64.9466 26.2564 66.2918C26.8757 67.637 27.7381 68.9051 28.1596 70.3251C28.437 71.2514 28.4974 72.2731 28.142 73.1685C27.9408 73.6774 27.6154 74.1283 27.3586 74.6127C26.2781 76.6683 28.1206 79.064 30.3886 78.6641C31.0966 78.5392 31.7513 78.1443 32.1874 77.5769C32.6235 77.0095 32.6564 76.1938 33.1813 75.645C33.6285 75.1726 34.3092 74.9898 34.9599 74.9606C35.6107 74.9314 36.2683 74.941 36.9073 75.0393C45.4954 76.3254 46.9874 72.1726 46.9874 72.1726C47.1718 73.218 48.1673 73.9151 49.2128 73.7308C50.2582 73.5464 50.9553 72.5509 50.771 71.5054C50.771 71.5054 53.5935 74.8975 61.2237 70.7517C61.7961 70.4397 62.4053 70.2068 63.0267 70.0117C63.6482 69.8166 64.3458 69.762 64.9321 70.0465C65.6131 70.3827 65.898 71.1252 66.5269 71.5219C67.1558 71.9187 67.881 72.0531 68.5891 71.9283C70.857 71.5284 71.7746 68.646 70.0507 67.085C69.6437 66.7176 69.1837 66.4051 68.8206 65.9958C68.1794 65.2704 67.8877 64.2952 67.8315 63.3298C67.7419 61.8513 68.1121 60.3602 68.2405 58.8889C68.3679 57.412 68.4019 55.9231 68.2902 54.4485C68.0989 51.8757 67.4681 49.0097 65.4878 47.1916C66.3638 46.5638 66.8504 45.4741 66.6514 44.3457C66.4524 43.2173 65.617 42.3608 64.5846 42.0694C65.8237 39.6836 65.4362 36.7747 64.736 34.2917C64.3367 32.8678 63.7899 31.4813 63.1706 30.1361C62.5513 28.791 61.6889 27.5229 61.2674 26.1029C60.99 25.1765 60.9296 24.1548 61.285 23.2594C61.4862 22.7506 61.8116 22.2996 62.0684 21.8152C63.1489 19.7596 61.3063 17.364 59.0384 17.7639C58.3304 17.8887 57.6757 18.2836 57.2396 18.851C56.8035 19.4184 56.7705 20.2341 56.2456 20.7829C55.7985 21.2553 55.1178 21.4381 54.4671 21.4673C53.8163 21.4965 53.1587 21.487 52.5197 21.3886C43.9316 20.1025 42.4395 24.2554 42.4395 24.2554C42.2552 23.2099 41.2596 22.5128 40.2142 22.6972C39.1687 22.8815 38.4716 23.8771 38.656 24.9225C38.656 24.9225 35.8335 21.5304 28.2032 25.6762C27.6309 25.9882 27.0217 26.2211 26.4002 26.4162C25.7787 26.6114 25.0811 26.6659 24.4948 26.3815C23.8139 26.0453 23.529 25.3027 22.9001 24.906C22.2712 24.5093 21.5459 24.3748 20.8379 24.4996Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M64.7972 66.306L57.3992 24.3496L24.6195 30.1295L32.0176 72.086L64.7972 66.306Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M54.5418 38.4847L43.4253 34.4391C42.6636 34.1627 41.8173 34.312 41.1961 34.8322L32.1337 42.4359C31.5125 42.9561 31.2218 43.7659 31.3623 44.5624L33.4163 56.2117C33.5568 57.0083 34.1124 57.6689 34.8686 57.9462L45.9851 61.9918C46.7467 62.2682 47.5931 62.1189 48.2143 61.5987L57.2767 53.995C57.8979 53.4748 58.1886 52.665 58.0481 51.8685L55.994 40.2192C55.8536 39.4226 55.2979 38.762 54.5418 38.4847Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M50.7979 48.5955C50.655 51.3755 48.5784 53.7664 45.718 54.2023C42.9627 54.6197 40.3544 53.0891 39.3109 50.6324", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M50.7979 48.5955C50.655 51.3755 48.5784 53.7664 45.718 54.2023C42.9627 54.6197 40.3544 53.0891 39.3109 50.6324", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M48.505 42.3838C48.4811 43.1865 47.8986 43.8938 47.0744 44.0391C46.2502 44.1844 45.5185 43.7545 45.1952 43.0529", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M48.505 42.3838C48.4811 43.1865 47.8986 43.8938 47.0744 44.0391C46.2502 44.1844 45.5185 43.7545 45.1952 43.0529", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M42.7688 43.3953C42.7449 44.198 42.1624 44.9052 41.3382 45.0506C40.5417 45.191 39.7823 44.766 39.459 44.0644", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M42.7688 43.3953C42.7449 44.198 42.1624 44.9052 41.3382 45.0506C40.5417 45.191 39.7823 44.766 39.459 44.0644", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M38.4824 50.9153C39.0717 50.7315 39.6255 50.4114 40.0834 49.9999L38.4824 50.9153Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M38.4824 50.9153C39.0717 50.7315 39.6255 50.4114 40.0834 49.9999", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("filter", { id: "filter0_dd_2890_2833", x: "-3.53467", y: "0.720215", width: "96.4963", height: "104.988", 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_2890_2833" }), 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_2890_2833" }), 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_2890_2833", result: "effect2_dropShadow_2890_2833" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_2890_2833", result: "shape" })] }) })] }));
-}
-function DockIconScan({ isSelected = false }) {
-    return (jsxRuntime.jsxs("svg", { className: getDockIconClassname({ isSelected }), xmlns: "http://www.w3.org/2000/svg", width: "80", height: "80", viewBox: "0 0 104 93", fill: "none", children: [jsxRuntime.jsxs("g", { filter: "url(#filter0_dd_1987_41216)", children: [jsxRuntime.jsxs("mask", { id: "path-1-outside-1_1987_41216", maskUnits: "userSpaceOnUse", x: "17.2639", y: "7.89738", width: "69.2766", height: "62.7873", fill: "black", children: [jsxRuntime.jsx("rect", { fill: "white", x: "17.2639", y: "7.89738", width: "69.2766", height: "62.7873" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M29.121 24.4211L26.4157 24.8981C23.7506 25.368 21.9711 27.9095 22.441 30.5745L27.9109 61.596C28.3809 64.2611 30.9223 66.0406 33.5874 65.5707L77.7067 57.7912C80.3718 57.3213 82.1514 54.7799 81.6814 52.1148L76.2115 21.0934C75.7416 18.4283 73.2002 16.6487 70.5351 17.1187L52.3411 20.3268C48.8487 17.8692 44.4172 16.7483 39.8802 17.5483C35.3432 18.3483 31.5623 20.9172 29.121 24.4211Z" })] }), jsxRuntime.jsx("path", { d: "M29.121 24.4211L29.642 27.3755C30.4279 27.2369 31.1263 26.7909 31.5825 26.1361L29.121 24.4211ZM22.441 30.5745L19.4866 31.0955L22.441 30.5745ZM27.9109 61.596L30.8654 61.075L27.9109 61.596ZM70.5351 17.1187L71.056 20.0731L70.5351 17.1187ZM52.3411 20.3268L50.6146 22.7802C51.2673 23.2395 52.0761 23.4198 52.8621 23.2812L52.3411 20.3268ZM26.9366 27.8525L29.642 27.3755L28.6001 21.4667L25.8948 21.9437L26.9366 27.8525ZM25.3954 30.0536C25.2132 29.0202 25.9032 28.0347 26.9366 27.8525L25.8948 21.9437C21.598 22.7013 18.729 26.7987 19.4866 31.0955L25.3954 30.0536ZM30.8654 61.075L25.3954 30.0536L19.4866 31.0955L24.9565 62.1169L30.8654 61.075ZM33.0664 62.6162C32.033 62.7985 31.0476 62.1084 30.8654 61.075L24.9565 62.1169C25.7141 66.4137 29.8116 69.2827 34.1083 68.5251L33.0664 62.6162ZM77.1858 54.8368L33.0664 62.6162L34.1083 68.5251L78.2277 60.7457L77.1858 54.8368ZM78.727 52.6357C78.9092 53.6691 78.2192 54.6546 77.1858 54.8368L78.2277 60.7457C82.5245 59.988 85.3935 55.8906 84.6359 51.5939L78.727 52.6357ZM73.2571 21.6143L78.727 52.6357L84.6359 51.5939L79.1659 20.5724L73.2571 21.6143ZM71.056 20.0731C72.0894 19.8909 73.0749 20.5809 73.2571 21.6143L79.1659 20.5724C78.4083 16.2756 74.3109 13.4066 70.0141 14.1642L71.056 20.0731ZM52.8621 23.2812L71.056 20.0731L70.0141 14.1642L51.8202 17.3723L52.8621 23.2812ZM54.0676 17.8733C49.9494 14.9754 44.714 13.6497 39.3592 14.5939L40.4011 20.5028C44.1204 19.847 47.748 20.763 50.6146 22.7802L54.0676 17.8733ZM39.3592 14.5939C34.0045 15.5381 29.5382 18.5744 26.6596 22.7061L31.5825 26.1361C33.5863 23.2601 36.6819 21.1586 40.4011 20.5028L39.3592 14.5939Z", className: "tw-fill-current", mask: "url(#path-1-outside-1_1987_41216)" })] }), jsxRuntime.jsx("rect", { x: "22.1691", y: "26.1546", width: "53.6", height: "40.3", rx: "4.4", transform: "rotate(-10 22.1691 26.1546)", className: "tw-fill-current tw-stroke-grey-100" }), jsxRuntime.jsx("path", { d: "M23.4946 32.5211L75.8864 23.283", className: "tw-stroke-grey-100", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M55.7461 39.7263L52.6416 44.1618L69.4942 55.9669L72.5987 51.5313L55.7461 39.7263Z", className: "tw-fill-current tw-stroke-grey-100", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M61.7136 42.7723L57.5659 48.6982L74.4185 60.5033L78.5662 54.5774L61.7136 42.7723Z", className: "tw-fill-current tw-stroke-grey-100", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M45.6602 50.3281C54.7086 48.7326 60.75 40.1012 59.1539 31.0493C57.5578 21.9975 48.9287 15.9529 39.8802 17.5483C30.8318 19.1438 24.7905 27.7752 26.3866 36.8271C27.9826 45.879 36.6117 51.9236 45.6602 50.3281Z", className: "tw-fill-current tw-stroke-grey-100", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("mask", { id: "mask0_1987_41216", style: { maskType: 'luminance' }, maskUnits: "userSpaceOnUse", x: "26", y: "17", width: "34", height: "34", children: jsxRuntime.jsx("path", { d: "M46.1553 50.2408C55.2038 48.6453 61.2451 40.0139 59.649 30.962C58.0529 21.9101 49.4238 15.8655 40.3754 17.461C31.3269 19.0565 25.2856 27.6879 26.8817 36.7398C28.4778 45.7916 37.1069 51.8362 46.1553 50.2408Z", fill: "white" }) }), jsxRuntime.jsxs("g", { mask: "url(#mask0_1987_41216)", children: [jsxRuntime.jsx("path", { d: "M31.7583 39.0834C33.391 42.9447 37.5553 45.2561 41.8224 44.3965C45.9378 43.57 48.8235 40.0596 49.0377 36.0555", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M31.7583 39.0834C33.391 42.9447 37.5553 45.2561 41.8224 44.3965C45.9378 43.57 48.8235 40.0596 49.0377 36.0555", className: "tw-stroke-grey-100", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M31.8042 29.1248C32.2486 30.2508 33.437 30.9493 34.678 30.7305C35.919 30.5117 36.7343 29.5229 36.8203 28.3664", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M31.8042 29.1248C32.2486 30.2508 33.437 30.9493 34.678 30.7305C35.919 30.5117 36.7343 29.5229 36.8203 28.3664", className: "tw-stroke-grey-100", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M40.4302 27.6038C40.8746 28.7298 42.063 29.4283 43.304 29.2095C44.545 28.9906 45.3603 28.0019 45.4463 26.8454", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M40.4302 27.6038C40.8746 28.7298 42.063 29.4283 43.304 29.2095C44.545 28.9906 45.3603 28.0019 45.4463 26.8454", className: "tw-stroke-grey-100", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M50.3628 36.03C49.4315 36.0744 48.494 35.9055 47.6313 35.5532L50.3628 36.03Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M50.3628 36.03C49.4315 36.0744 48.494 35.9055 47.6313 35.5532", className: "tw-stroke-grey-100", strokeLinecap: "round", strokeLinejoin: "round" })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("filter", { id: "filter0_dd_1987_41216", x: "0.365234", y: "0.0429077", width: "103.392", height: "92.6035", 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_1987_41216" }), 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_1987_41216" }), 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_1987_41216", result: "effect2_dropShadow_1987_41216" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_1987_41216", result: "shape" })] }) })] }));
-}
-function DockIconAnalytics({ isSelected = false }) {
-    return (jsxRuntime.jsxs("svg", { className: getDockIconClassname({ isSelected }), xmlns: "http://www.w3.org/2000/svg", width: "80", height: "80", viewBox: "0 0 96 99", fill: "none", children: [jsxRuntime.jsxs("g", { filter: "url(#filter0_dd_2890_2870)", children: [jsxRuntime.jsxs("mask", { id: "path-1-outside-1_2890_2870", maskUnits: "userSpaceOnUse", x: "12.6476", y: "11.527", width: "64.6999", height: "63.8887", fill: "black", children: [jsxRuntime.jsx("rect", { fill: "white", x: "12.6476", y: "11.527", width: "64.6999", height: "63.8887" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M48.7338 17.9346L32.4285 20.8097L40.9373 69.0653L57.2426 66.1902L57.2426 66.1902L73.5477 63.3151L67.7141 30.2315L51.409 33.1065L48.7338 17.9346ZM37.2625 48.2266L20.9573 51.1016L24.6308 71.9354L40.9361 69.0603L37.2625 48.2266Z" })] }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M48.7338 17.9346L32.4285 20.8097L40.9373 69.0653L57.2426 66.1902L57.2426 66.1902L73.5477 63.3151L67.7141 30.2315L51.409 33.1065L48.7338 17.9346ZM37.2625 48.2266L20.9573 51.1016L24.6308 71.9354L40.9361 69.0603L37.2625 48.2266Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M32.4285 20.8097L31.9076 17.8553C31.124 17.9934 30.4274 18.4372 29.9711 19.089C29.5147 19.7407 29.3359 20.5471 29.4741 21.3306L32.4285 20.8097ZM48.7338 17.9346L51.6882 17.4137C51.4005 15.782 49.8445 14.6925 48.2129 14.9802L48.7338 17.9346ZM40.9373 69.0653L37.9829 69.5862C38.2706 71.2179 39.8265 72.3074 41.4582 72.0197L40.9373 69.0653ZM57.2426 66.1902L57.7635 69.1446C58.5471 69.0065 59.2437 68.5627 59.7 67.9109C60.1564 67.2592 60.3352 66.4528 60.197 65.6693L57.2426 66.1902ZM57.2426 66.1902L56.7216 63.2357C55.0899 63.5234 54.0004 65.0794 54.2881 66.7111L57.2426 66.1902ZM73.5477 63.3151L74.0686 66.2695C75.7003 65.9818 76.7898 64.4259 76.5021 62.7942L73.5477 63.3151ZM67.7141 30.2315L70.6685 29.7106C70.5304 28.927 70.0866 28.2304 69.4349 27.774C68.7831 27.3177 67.9767 27.1389 67.1932 27.2771L67.7141 30.2315ZM51.409 33.1065L48.4546 33.6275C48.5928 34.411 49.0365 35.1076 49.6883 35.564C50.34 36.0204 51.1464 36.1991 51.93 36.061L51.409 33.1065ZM20.9573 51.1016L20.4363 48.1472C19.6527 48.2854 18.9562 48.7292 18.4998 49.3809C18.0434 50.0327 17.8647 50.839 18.0028 51.6226L20.9573 51.1016ZM37.2625 48.2266L40.217 47.7056C39.9293 46.074 38.3733 44.9845 36.7416 45.2722L37.2625 48.2266ZM24.6308 71.9354L21.6764 72.4563C21.9641 74.088 23.5201 75.1775 25.1517 74.8898L24.6308 71.9354ZM40.9361 69.0603L41.457 72.0147C43.0887 71.727 44.1782 70.171 43.8905 68.5394L40.9361 69.0603ZM32.9495 23.7641L49.2547 20.8891L48.2129 14.9802L31.9076 17.8553L32.9495 23.7641ZM43.8917 68.5443L35.3829 20.2888L29.4741 21.3306L37.9829 69.5862L43.8917 68.5443ZM56.7216 63.2358L40.4163 66.1109L41.4582 72.0197L57.7635 69.1446L56.7216 63.2358ZM54.2881 66.7111L54.2881 66.7112L60.197 65.6693L60.197 65.6692L54.2881 66.7111ZM57.7635 69.1446L74.0686 66.2695L73.0267 60.3607L56.7216 63.2357L57.7635 69.1446ZM76.5021 62.7942L70.6685 29.7106L64.7597 30.7524L70.5932 63.8361L76.5021 62.7942ZM67.1932 27.2771L50.8881 30.1521L51.93 36.061L68.2351 33.1859L67.1932 27.2771ZM45.7794 18.4556L48.4546 33.6275L54.3634 32.5856L51.6882 17.4137L45.7794 18.4556ZM21.4782 54.0561L37.7835 51.181L36.7416 45.2722L20.4363 48.1472L21.4782 54.0561ZM27.5852 71.4144L23.9117 50.5807L18.0028 51.6226L21.6764 72.4563L27.5852 71.4144ZM40.4151 66.1059L24.1099 68.9809L25.1517 74.8898L41.457 72.0147L40.4151 66.1059ZM34.3081 48.7475L37.9817 69.5812L43.8905 68.5394L40.217 47.7056L34.3081 48.7475Z", className: "tw-fill-current", mask: "url(#path-1-outside-1_2890_2870)" })] }), jsxRuntime.jsx("path", { d: "M37.2626 48.2265L20.9573 51.1016L24.6308 71.9353L40.9361 69.0602L37.2626 48.2265Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M48.7338 17.9348L32.4285 20.8098L40.9372 69.0654L57.2425 66.1903L48.7338 17.9348Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M67.7141 30.2316L51.4088 33.1067L57.2423 66.1903L73.5476 63.3153L67.7141 30.2316Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M46.2448 27.966C46.1456 29.9395 44.6669 31.6381 42.6388 31.95C40.6796 32.2497 38.8308 31.1582 38.0865 29.4146", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M46.2448 27.966C46.1456 29.9395 44.6669 31.6381 42.6388 31.95C40.6796 32.2497 38.8308 31.1582 38.0865 29.4146", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M44.6182 23.5531C44.6022 24.1249 44.1874 24.6249 43.601 24.7283C43.0146 24.8316 42.4935 24.5272 42.2684 24.0284", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M44.6182 23.5531C44.6022 24.1249 44.1874 24.6249 43.601 24.7283C43.0146 24.8316 42.4935 24.5272 42.2684 24.0284", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M40.5429 24.2718C40.5269 24.8437 40.1121 25.3436 39.5257 25.447C38.9393 25.5504 38.4182 25.246 38.193 24.7471", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M40.5429 24.2718C40.5269 24.8437 40.1121 25.3436 39.5257 25.447C38.9393 25.5504 38.4182 25.246 38.193 24.7471", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M37.497 29.6151C37.9161 29.4853 38.3081 29.2587 38.6319 28.9628L37.497 29.6151Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M37.497 29.6151C37.9161 29.4853 38.3081 29.2587 38.6319 28.9628", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("filter", { id: "filter0_dd_2890_2870", x: "-1.04272", y: "0.934082", width: "96.5909", height: "98.0017", 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_2890_2870" }), 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_2890_2870" }), 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_2890_2870", result: "effect2_dropShadow_2890_2870" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_2890_2870", result: "shape" })] }) })] }));
-}
-function DockIconProfile({ isSelected = false }) {
-    return (jsxRuntime.jsxs("svg", { className: getDockIconClassname({ isSelected }), xmlns: "http://www.w3.org/2000/svg", width: "80", height: "80", viewBox: "0 0 91 92", fill: "none", children: [jsxRuntime.jsxs("g", { filter: "url(#filter0_dd_2890_2884)", children: [jsxRuntime.jsx("path", { d: "M49.0981 64.2104C61.953 61.9437 70.5392 49.7011 68.276 36.8658C66.0128 24.0305 53.7572 15.4629 40.9023 17.7296C28.0474 19.9962 19.4612 32.2388 21.7244 45.0741C23.9876 57.9094 36.2432 66.477 49.0981 64.2104Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M49.3586 65.6876C63.0272 63.2774 72.1607 50.2586 69.7532 36.6053C67.3458 22.9521 54.3104 13.8422 40.6418 16.2524C26.9732 18.6625 17.8397 31.6813 20.2472 45.3346C22.6546 58.9879 35.69 68.0977 49.3586 65.6876Z", className: "tw-stroke-grey-900", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" })] }), jsxRuntime.jsx("path", { d: "M22.1104 28.5476C23.2067 26.1969 24.9162 24.1733 27.0532 22.6971L27.0537 22.6967C27.67 22.2704 27.8292 21.4229 27.3993 20.8017L27.3982 20.8C26.9703 20.1844 26.1255 20.0297 25.5064 20.4553L25.5045 20.4565C22.9691 22.2077 20.9415 24.6071 19.6404 27.3974L19.6398 27.3986C19.3231 28.0803 19.6183 28.8896 20.2999 29.2069C20.5624 29.3293 20.8462 29.3606 21.1118 29.3137C21.5296 29.2401 21.9137 28.9694 22.1102 28.548L22.1104 28.5476Z", className: "tw-fill-grey-300 tw-stroke-grey-900", strokeWidth: "2" }), jsxRuntime.jsx("path", { d: "M43.9449 44.0574L43.9449 44.0574C43.5982 44.264 43.2244 44.3996 42.8431 44.4668C41.764 44.6571 40.6236 44.3 39.8533 43.4574C39.6904 43.2796 39.7029 43.0036 39.8812 42.8404L39.8815 42.8401L39.8815 42.8401C40.0588 42.6797 40.3357 42.6894 40.4991 42.8686L43.9449 44.0574ZM43.9449 44.0574C45.2277 43.2924 45.8302 41.76 45.4101 40.331L43.9449 44.0574ZM44.5707 40.5772C44.8784 41.6236 44.4373 42.7467 43.4966 43.3073C42.522 43.8877 41.2615 43.7027 40.4991 42.8686L44.5707 40.5772Z", className: "tw-fill-grey-300 tw-stroke-grey-300", strokeWidth: "0.15" }), jsxRuntime.jsx("path", { d: "M51.9849 39.5628L51.9848 39.5628C51.6377 39.7694 51.264 39.9054 50.8827 39.9727C49.8031 40.163 48.6626 39.8055 47.8927 38.9628C47.7298 38.785 47.7424 38.509 47.9207 38.3458L47.9211 38.3454L47.9211 38.3454C48.0993 38.185 48.3751 38.1948 48.5385 38.374L51.9849 39.5628ZM51.9849 39.5628C53.2678 38.7982 53.8703 37.2658 53.45 35.8363M51.9849 39.5628L52.9071 35.5405M52.9071 35.5405L52.9072 35.5405C53.1388 35.4731 53.3818 35.6043 53.45 35.8363M52.9071 35.5405C52.6753 35.6086 52.5426 35.8513 52.6106 36.0825L52.9071 35.5405ZM53.45 35.8363L53.378 35.8574L53.45 35.8363C53.45 35.8363 53.45 35.8363 53.45 35.8363ZM52.6106 36.0825C52.9184 37.1294 52.4773 38.2526 51.5366 38.8127C50.5627 39.392 49.301 39.2085 48.5385 38.374L52.6106 36.0825Z", className: "tw-fill-grey-300 tw-stroke-grey-300", strokeWidth: "0.15" }), jsxRuntime.jsx("path", { d: "M59.7053 40.6561L59.7056 40.6559C59.9299 40.5604 60.1845 40.6619 60.2805 40.8834C60.3764 41.105 60.2741 41.3619 60.0525 41.4576L60.0525 41.4577C59.7295 41.597 59.3945 41.7046 59.056 41.7956C60.2892 46.1438 58.5167 50.805 54.6571 53.2307C53.5151 53.9487 52.2719 54.4152 51.0004 54.6394C47.7072 55.22 44.2239 54.1756 41.8116 51.6588L41.8115 51.6588C41.6447 51.4844 41.6502 51.2078 41.8251 51.0409L59.7053 40.6561ZM59.7053 40.6561C58.8349 41.0318 57.8735 41.2193 56.9246 41.1958L56.9239 41.1958M59.7053 40.6561L56.9239 41.1958M56.9239 41.1958C56.6855 41.1919 56.483 41.3799 56.4763 41.6217L56.4763 41.6219M56.9239 41.1958L56.4763 41.6219M56.4763 41.6219C56.4703 41.8632 56.6615 42.0635 56.9028 42.0694L56.9028 42.0694M56.4763 41.6219L56.9028 42.0694M56.9028 42.0694C57.3363 42.0798 57.7711 42.0476 58.2009 41.9823C59.3574 45.9729 57.7367 50.2639 54.1912 52.4919C50.4409 54.8481 45.5006 54.2438 42.4433 51.0542L42.4432 51.0542M56.9028 42.0694L42.4432 51.0542M42.4432 51.0542C42.2757 50.8798 41.9985 50.8748 41.8252 51.0408L42.4432 51.0542Z", className: "tw-fill-grey-300 tw-stroke-grey-300", strokeWidth: "0.15" }), jsxRuntime.jsx("path", { d: "M23.0014 50.7377L23.0699 50.7072L23.0014 50.7377C27.5772 61.0207 38.5449 66.5181 49.1764 64.643C51.064 64.3102 52.9419 63.7442 54.7704 62.9324C66.9005 57.5467 72.3868 43.3128 66.9996 31.2026C64.3895 25.3359 59.6475 20.8368 53.6469 18.5332C47.6474 16.2304 41.1069 16.3985 35.23 19.0075L35.2604 19.0761L35.23 19.0075C23.0999 24.3936 17.6137 38.6276 23.0014 50.7377ZM23.8008 50.3826L23.7323 50.4131L23.8008 50.3826C18.6089 38.7132 23.8955 24.9966 35.5849 19.8054C37.3455 19.0238 39.168 18.4696 41.0175 18.1435C45.1165 17.4207 49.3479 17.8194 53.3325 19.3486C59.115 21.5685 63.6845 25.9041 66.1996 31.5573C71.3916 43.2272 66.1051 56.9442 54.4155 62.1345C52.6522 62.917 50.8442 63.4619 49.0247 63.7827C38.7786 65.5884 28.2091 60.2924 23.8008 50.3826Z", className: "tw-fill-grey-300 tw-stroke-grey-300", strokeWidth: "0.15" }), jsxRuntime.jsx("path", { d: "M20.4787 27.7884C20.3769 28.0073 20.4718 28.2668 20.6905 28.3684L20.7221 28.3004C20.7922 28.3331 20.8672 28.3414 20.9381 28.3289C21.0504 28.3091 21.1519 28.2369 21.2039 28.1253L21.2719 28.157C21.2719 28.157 21.2719 28.157 21.2719 28.157C22.4377 25.657 24.2553 23.5056 26.5274 21.936L26.5275 21.936C26.7258 21.7989 26.7763 21.5269 26.6387 21.328L26.6386 21.3279C26.5013 21.1304 26.2301 21.0802 26.0303 21.2176L26.0302 21.2177C23.6298 22.8755 21.7103 25.1472 20.4787 27.7883L20.4787 27.7884Z", className: "tw-fill-grey-300 tw-stroke-grey-300", strokeWidth: "0.15" }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("filter", { id: "filter0_dd_2890_2884", x: "-0.638062", y: "0.365479", width: "91.2766", height: "91.209", 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_2890_2884" }), 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_2890_2884" }), 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_2890_2884", result: "effect2_dropShadow_2890_2884" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_2890_2884", result: "shape" })] }) })] }));
-}
-function DockIconHelp({ isSelected = false }) {
-    return (jsxRuntime.jsxs("svg", { className: getDockIconClassname({ isSelected }), xmlns: "http://www.w3.org/2000/svg", width: "80", height: "80", viewBox: "0 0 100 100", fill: "none", children: [jsxRuntime.jsxs("g", { filter: "url(#filter0_dd_1744_41485)", children: [jsxRuntime.jsx("path", { d: "M50 17C34.5359 17 22 29.5359 22 45C22 60.4641 34.5359 73 50 73C65.4641 73 78 60.4641 78 45C78 29.5359 65.4698 17 50 17ZM50 55.7516C44.0637 55.7516 39.2484 50.9363 39.2484 45C39.2484 39.0637 44.0637 34.2484 50 34.2484C55.9363 34.2484 60.7516 39.0637 60.7516 45C60.7516 50.9363 55.9363 55.7516 50 55.7516Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M50 15.5C33.7075 15.5 20.5 28.7075 20.5 45C20.5 61.2925 33.7075 74.5 50 74.5C66.2925 74.5 79.5 61.2925 79.5 45C79.5 28.7077 66.2984 15.5 50 15.5ZM50 54.2516C44.8922 54.2516 40.7484 50.1078 40.7484 45C40.7484 39.8922 44.8922 35.7484 50 35.7484C55.1078 35.7484 59.2516 39.8922 59.2516 45C59.2516 50.1078 55.1078 54.2516 50 54.2516Z", className: "tw-stroke-grey-900", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" })] }), jsxRuntime.jsxs("mask", { id: "path-3-outside-1_1744_41485", maskUnits: "userSpaceOnUse", x: "67.4766", y: "19.3555", width: "9", height: "9", fill: "black", children: [jsxRuntime.jsx("rect", { fill: "white", x: "67.4766", y: "19.3555", width: "9", height: "9" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M71.0508 21.5019C70.8556 21.3067 70.539 21.3067 70.3437 21.5019C70.1485 21.6972 70.1485 22.0138 70.3437 22.209L71.2167 23.082L69.623 24.6757C69.4277 24.8709 69.4277 25.1875 69.623 25.3828C69.8183 25.578 70.1349 25.578 70.3301 25.3828L71.9238 23.7891L72.7971 24.6625C72.9924 24.8577 73.309 24.8577 73.5043 24.6625C73.6995 24.4672 73.6995 24.1506 73.5043 23.9553L71.0508 21.5019Z" })] }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M71.0508 21.5019C70.8556 21.3067 70.539 21.3067 70.3437 21.5019C70.1485 21.6972 70.1485 22.0138 70.3437 22.209L71.2167 23.082L69.623 24.6757C69.4277 24.8709 69.4277 25.1875 69.623 25.3828C69.8183 25.578 70.1349 25.578 70.3301 25.3828L71.9238 23.7891L72.7971 24.6625C72.9924 24.8577 73.309 24.8577 73.5043 24.6625C73.6995 24.4672 73.6995 24.1506 73.5043 23.9553L71.0508 21.5019Z", className: "tw-fill-grey-300" }), jsxRuntime.jsx("path", { d: "M70.3437 21.5019L71.7579 22.9161L71.7579 22.9161L70.3437 21.5019ZM71.0508 21.5019L69.6366 22.9161L69.6366 22.9161L71.0508 21.5019ZM70.3437 22.209L71.7579 20.7948L71.7579 20.7948L70.3437 22.209ZM71.2167 23.082L72.6309 24.4962C73.4119 23.7151 73.4119 22.4488 72.6309 21.6678L71.2167 23.082ZM69.623 24.6757L68.2088 23.2614L68.2088 23.2614L69.623 24.6757ZM69.623 25.3828L68.2088 26.797L68.2088 26.797L69.623 25.3828ZM70.3301 25.3828L71.7443 26.797L71.7443 26.797L70.3301 25.3828ZM71.9238 23.7891L73.338 22.3749C72.9629 21.9998 72.4542 21.7891 71.9238 21.7891C71.3933 21.7891 70.8846 21.9998 70.5096 22.3749L71.9238 23.7891ZM72.7971 24.6625L71.3829 26.0767L71.3829 26.0767L72.7971 24.6625ZM73.5043 24.6625L74.9185 26.0767L74.9185 26.0767L73.5043 24.6625ZM73.5043 23.9553L74.9185 22.5411V22.5411L73.5043 23.9553ZM71.7579 22.9161C71.1721 23.5019 70.2224 23.5019 69.6366 22.9161L72.465 20.0877C71.4887 19.1114 69.9058 19.1114 68.9295 20.0877L71.7579 22.9161ZM71.7579 20.7948C72.3437 21.3806 72.3437 22.3303 71.7579 22.9161L68.9295 20.0877C67.9532 21.064 67.9532 22.6469 68.9295 23.6232L71.7579 20.7948ZM72.6309 21.6678L71.7579 20.7948L68.9295 23.6232L69.8025 24.4962L72.6309 21.6678ZM71.0372 26.0899L72.6309 24.4962L69.8025 21.6678L68.2088 23.2614L71.0372 26.0899ZM71.0372 23.9685C71.623 24.5543 71.623 25.5041 71.0372 26.0899L68.2088 23.2614C67.2325 24.2377 67.2325 25.8207 68.2088 26.797L71.0372 23.9685ZM68.9159 23.9685C69.5017 23.3828 70.4514 23.3828 71.0372 23.9685L68.2088 26.797C69.1851 27.7733 70.768 27.7733 71.7443 26.797L68.9159 23.9685ZM70.5096 22.3749L68.9159 23.9685L71.7443 26.797L73.338 25.2033L70.5096 22.3749ZM74.2114 23.2482L73.338 22.3749L70.5096 25.2033L71.3829 26.0767L74.2114 23.2482ZM72.09 23.2482C72.6758 22.6625 73.6256 22.6625 74.2114 23.2482L71.3829 26.0767C72.3592 27.053 73.9422 27.053 74.9185 26.0767L72.09 23.2482ZM72.09 25.3696C71.5043 24.7838 71.5043 23.834 72.09 23.2482L74.9185 26.0767C75.8948 25.1004 75.8948 23.5174 74.9185 22.5411L72.09 25.3696ZM69.6366 22.9161L72.09 25.3696L74.9185 22.5411L72.465 20.0877L69.6366 22.9161Z", className: "tw-fill-current", mask: "url(#path-3-outside-1_1744_41485)" }), jsxRuntime.jsx("path", { d: "M50 17C34.5359 17 22 29.5359 22 45C22 60.4641 34.5359 73 50 73C65.4641 73 78 60.4641 78 45C78 29.5359 65.4698 17 50 17ZM50 55.7516C44.0637 55.7516 39.2484 50.9363 39.2484 45C39.2484 39.0637 44.0637 34.2484 50 34.2484C55.9363 34.2484 60.7516 39.0637 60.7516 45C60.7516 50.9363 55.9363 55.7516 50 55.7516Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M42.5276 26.845L42.5242 26.8404C41.9548 26.087 40.8824 25.9378 40.129 26.5072L34.9231 30.4415C34.1697 31.0109 34.0205 32.0833 34.5899 32.8367L34.5933 32.8413C35.1627 33.5947 36.2351 33.7439 36.9885 33.1745L42.1944 29.2402C42.9478 28.6708 43.097 27.5984 42.5276 26.845Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M65.4441 57.1753L65.4407 57.1707C64.8713 56.4173 63.7989 56.2681 63.0455 56.8375L57.8396 60.7718C57.0862 61.3412 56.937 62.4136 57.5064 63.167L57.5098 63.1716C58.0792 63.925 59.1516 64.0742 59.905 63.5048L65.1109 59.5705C65.8643 59.0011 66.0135 57.9287 65.4441 57.1753Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M71.8123 23.1934L69.9766 25.0292", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M73.1507 24.3089L70.6973 21.8555", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M66.1677 36.1298C64.0574 37.3709 61.2894 37.0048 59.5852 35.1119C57.9438 33.2875 57.8066 30.6339 59.1048 28.678", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M66.1677 36.1298C64.0574 37.3709 61.2894 37.0048 59.5852 35.1119C57.9438 33.2875 57.8066 30.6339 59.1048 28.678", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M69.6218 31.4405C69.0213 31.8122 68.2206 31.7264 67.7117 31.1889C67.2027 30.6513 67.1684 29.9078 67.5287 29.3302", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M69.6218 31.4405C69.0213 31.8122 68.2206 31.7264 67.7117 31.1889C67.2027 30.6513 67.1684 29.9078 67.5287 29.3302", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M66.1047 27.7116C65.5042 28.0833 64.7036 27.9976 64.1946 27.46C63.6856 26.9224 63.6513 26.1789 64.0116 25.6013", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M66.1047 27.7116C65.5042 28.0833 64.7036 27.9976 64.1946 27.46C63.6856 26.9224 63.6513 26.1789 64.0116 25.6013", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M58.4985 28.2037C58.9217 28.5468 59.4193 28.7984 59.9454 28.9357L58.4985 28.2037Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M58.4985 28.2037C58.9217 28.5468 59.4193 28.7984 59.9454 28.9357", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("filter", { id: "filter0_dd_1744_41485", x: "0", y: "0", width: "100", height: "100", 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_1744_41485" }), 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_1744_41485" }), 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_1744_41485", result: "effect2_dropShadow_1744_41485" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_1744_41485", result: "shape" })] }) })] }));
-}
-
 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
@@ -61937,7 +62059,7 @@ const themeKeysToReplace = [
  * @param style
  */
 const parseSquidTheme = (userTheme) => {
-    var _a;
+    var _a, _b;
     if (!userTheme)
         return undefined;
     let squidTheme = Object.entries(userTheme).reduce((internalKeys, [userKey, userValue]) => {
@@ -61999,6 +62121,10 @@ const parseSquidTheme = (userTheme) => {
     parsed.push({
         [themeTypesKeys['material-light-blend-grey-900'].cssVariable]: (_a = blendColors(squidTheme['material-light-thin'], squidTheme['grey-900'])) !== null && _a !== void 0 ? _a : '',
     });
+    // color representing the blend of material-light and grey-300
+    parsed.push({
+        [themeTypesKeys['material-light-blend-grey-800'].cssVariable]: (_b = blendColors(squidTheme['material-light-thin'], squidTheme['grey-800'])) !== null && _b !== void 0 ? _b : '',
+    });
     return parsed.reduce((a, v) => {
         const key = Object.keys(v)[0];
         return Object.assign(Object.assign({}, a), { [key]: v[key] });
@@ -62079,6 +62205,7 @@ exports.ApproveAction = ApproveAction;
 exports.ArrowBottomTopIcon = ArrowBottomTopIcon;
 exports.ArrowButton = ArrowButton;
 exports.ArrowCornerDownRightIcon = ArrowCornerDownRightIcon;
+exports.ArrowDownIcon = ArrowDownIcon;
 exports.ArrowLeftIcon = ArrowLeftIcon;
 exports.ArrowOutOfBoxIcon = ArrowOutOfBoxIcon;
 exports.ArrowRightDownCircleIcon = ArrowRightDownCircleIcon;
@@ -62087,6 +62214,7 @@ exports.ArrowRightIcon = ArrowRightIcon;
 exports.ArrowRightUpCircleIcon = ArrowRightUpCircleIcon;
 exports.ArrowRightUpIcon = ArrowRightUpIcon;
 exports.ArrowRotate = ArrowRotate;
+exports.ArrowSplit = ArrowSplit;
 exports.ArrowTriangle = ArrowTriangle;
 exports.ArrowUpIcon = ArrowUpIcon;
 exports.ArrowWallDownIcon = ArrowWallDownIcon;
@@ -62120,6 +62248,7 @@ exports.ChainLink = ChainLink;
 exports.Checkmark1Icon = Checkmark1Icon;
 exports.Checkmark2Icon = Checkmark2Icon;
 exports.ChevronArrowIcon = ChevronArrowIcon;
+exports.ChevronDownSmallIcon = ChevronDownSmallIcon;
 exports.ChevronGrabberVerticalIcon = ChevronGrabberVerticalIcon;
 exports.ChevronLargeDownIcon = ChevronLargeDownIcon;
 exports.ChevronLargeRightIcon = ChevronLargeRightIcon;
@@ -62139,7 +62268,8 @@ exports.Collapse = Collapse;
 exports.CollapsibleMenu = CollapsibleMenu;
 exports.CollectionIcon = CollectionIcon;
 exports.ColorPaletteIcon = ColorPaletteIcon;
-exports.CompassRound = CompassRound;
+exports.CompassRoundOutlinedIcon = CompassRoundOutlinedIcon;
+exports.CompassRoundSolidIcon = CompassRoundSolidIcon;
 exports.ConsoleIcon = ConsoleIcon;
 exports.Copy = Copy;
 exports.CrossAnimatedIcon = CrossAnimatedIcon;
@@ -62196,6 +62326,7 @@ exports.LightningIcon = LightningIcon;
 exports.LinkIcon = LinkIcon;
 exports.List = List;
 exports.ListItem = ListItem;
+exports.ListItemActionsButton = ListItemActionsButton;
 exports.Loader = Loader;
 exports.LoadingProvider = LoadingProvider;
 exports.LoadingSkeleton = LoadingSkeleton;
@@ -62232,6 +62363,7 @@ exports.ReceiveTokensAction = ReceiveTokensAction;
 exports.RecipientView = RecipientView;
 exports.RefreshIcon = RefreshIcon;
 exports.ReorderIcon = ReorderIcon;
+exports.RouteStep = RouteStep;
 exports.STEP_ITEM_HEIGHT = STEP_ITEM_HEIGHT;
 exports.SearchIcon = SearchIcon;
 exports.SectionTitle = SectionTitle;