@velora-dex/widget 0.5.0 → 0.6.0

package/dist/components/widget/DexesList/DexItem.js

@@ -1,361 +1,205 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { d as distExports } from '../../../_virtual/index.js';
-import { InfoIcon } from 'lucide-react';
-import { TooltipTrigger, Tooltip, TooltipContent } from '../../ui/tooltip.js';
-import { SwapRate } from '../SwapRate/SwapRate.js';
-import { formatFiatPrice } from '../../../lib/utils/formatFiatPrice.js';
-import { useWidgetConfig } from '../../../core/state/configAtom.js';
-import unknownDexSVGUrl from './assets/unknown-dex.svg.js';
-import VeloraLightSVGUrl from './assets/exchanges/velora-light.svg.js';
-import VeloraDarkSVGUrl from './assets/exchanges/velora-dark.svg.js';
-import UniswapSVGUrl from './assets/exchanges/uniswap.svg.js';
-import { ReactComponent as ForwardRef } from './assets/gas.svg.js';
-import HashflowPNGUrl from './assets/exchanges/hashflow.png.js';
-import BiswapPNGUrl from './assets/exchanges/biswap.png.js';
-import CheeseswapPNGUrl from './assets/exchanges/cheeseswap.png.js';
-import ComplusswapPNGUrl from './assets/exchanges/complusswap.png.js';
-import ShibaswapPNGUrl from './assets/exchanges/shibaswap.png.js';
-import QuickswapPNGUrl from './assets/exchanges/quickswap.png.js';
-import dexIconUrls from './assets/exchanges/icons.json.js';
-import { VeloraDex } from './constants.js';
-import { DetailWithValueList } from '../Details/DetailWithValueList.js';
-import { formatUnits } from 'viem';
-import { toDecimalTrimmed } from '../../../lib/utils/toDecimal.js';
-import { isTruthy } from '../../../lib/utils/index.js';
-import { getDestAmountAfterFeeAndSlippage } from '../../../lib/utils/price.js';
-import { useSlippage } from '../../../hooks/useSlippage.js';
-import { amountAfterSlippage } from '../../../lib/utils/slippage.js';
-
-const dexIconUrlsMap = dexIconUrls;
-const DexItem = (t0) => {
-  const $ = distExports.c(37);
-  const {
-    price,
-    exchange,
-    gasCostUSD,
-    srcAmount,
-    destAmount,
-    savedAmountUSD,
-    srcToken,
-    destToken,
-    quote,
-    is100Percent
-  } = t0;
-  const dexName = renamedDexes[exchange] ?? exchange;
-  let t1;
-  if ($[0] !== exchange) {
-    t1 = /* @__PURE__ */ jsx(DexIconComp, { exchange });
-    $[0] = exchange;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  let t2;
-  if ($[2] !== dexName) {
-    t2 = /* @__PURE__ */ jsx("div", { className: "font-medium text-contrast-4 dark:text-contrast-9 overflow-hidden whitespace-nowrap text-ellipsis", children: dexName });
-    $[2] = dexName;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  let t3;
-  if ($[4] !== t1 || $[5] !== t2) {
-    t3 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-1.5", children: [
-      t1,
-      t2
-    ] });
-    $[4] = t1;
-    $[5] = t2;
-    $[6] = t3;
-  } else {
-    t3 = $[6];
-  }
-  const t4 = price.side === "BUY";
-  let t5;
-  if ($[7] !== destAmount || $[8] !== destToken || $[9] !== srcAmount || $[10] !== srcToken || $[11] !== t4) {
-    t5 = /* @__PURE__ */ jsx("div", { className: "text-contrast-3 dark:text-contrast-7 font-geist-mono text-end", children: /* @__PURE__ */ jsx(SwapRate, { srcToken, destToken, srcAmountWei: srcAmount, destAmountWei: destAmount, reverse: t4 }) });
-    $[7] = destAmount;
-    $[8] = destToken;
-    $[9] = srcAmount;
-    $[10] = srcToken;
-    $[11] = t4;
-    $[12] = t5;
-  } else {
-    t5 = $[12];
-  }
-  let t6;
-  if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
-    t6 = /* @__PURE__ */ jsx(ForwardRef, {});
-    $[13] = t6;
-  } else {
-    t6 = $[13];
-  }
-  const t7 = +gasCostUSD;
-  let t8;
-  if ($[14] !== t7) {
-    t8 = formatFiatPrice(t7);
-    $[14] = t7;
-    $[15] = t8;
-  } else {
-    t8 = $[15];
-  }
-  let t9;
-  if ($[16] !== t8) {
-    t9 = /* @__PURE__ */ jsxs("div", { className: "text-[11px] text-contrast-5 flex items-center gap-1 justify-end pr-0.5", children: [
-      t6,
-      " ",
-      t8
-    ] });
-    $[16] = t8;
-    $[17] = t9;
-  } else {
-    t9 = $[17];
-  }
-  let t10;
-  if ($[18] !== t5 || $[19] !== t9) {
-    t10 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-      t5,
-      t9
-    ] });
-    $[18] = t5;
-    $[19] = t9;
-    $[20] = t10;
-  } else {
-    t10 = $[20];
-  }
-  let t11;
-  if ($[21] !== destAmount || $[22] !== destToken || $[23] !== gasCostUSD || $[24] !== is100Percent || $[25] !== price || $[26] !== quote || $[27] !== savedAmountUSD || $[28] !== srcAmount || $[29] !== srcToken) {
-    t11 = /* @__PURE__ */ jsx(TooltipDexInfo, { price, srcAmount, srcToken, destAmount, destToken, gasCostUSD, savedAmountUSD, quote, is100Percent });
-    $[21] = destAmount;
-    $[22] = destToken;
-    $[23] = gasCostUSD;
-    $[24] = is100Percent;
-    $[25] = price;
-    $[26] = quote;
-    $[27] = savedAmountUSD;
-    $[28] = srcAmount;
-    $[29] = srcToken;
-    $[30] = t11;
-  } else {
-    t11 = $[30];
-  }
-  let t12;
-  if ($[31] !== t10 || $[32] !== t11) {
-    t12 = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-      t10,
-      t11
-    ] });
-    $[31] = t10;
-    $[32] = t11;
-    $[33] = t12;
-  } else {
-    t12 = $[33];
-  }
-  let t13;
-  if ($[34] !== t12 || $[35] !== t3) {
-    t13 = /* @__PURE__ */ jsxs("div", { className: "text-xs px-3 py-2 bg-contrast-9 dark:bg-contrast-3 rounded-sm flex items-center justify-between gap-1 wrap-anywhere", children: [
-      t3,
-      t12
-    ] });
-    $[34] = t12;
-    $[35] = t3;
-    $[36] = t13;
-  } else {
-    t13 = $[36];
-  }
-  return t13;
-};
-const detailsClasses = {
-  root: "min-w-[200px]",
-  value: "dark:text-contrast-3"
-};
-const TooltipDexInfo = (t0) => {
-  const $ = distExports.c(16);
-  const {
-    price,
-    srcAmount,
-    srcToken,
-    destAmount,
-    destToken,
-    savedAmountUSD,
-    gasCostUSD,
-    quote,
-    is100Percent
-  } = t0;
-  const {
-    resolvedSlippage
-  } = useSlippage("swap");
-  let t1;
-  if ($[0] !== destAmount || $[1] !== destToken.decimals || $[2] !== destToken.symbol || $[3] !== gasCostUSD || $[4] !== is100Percent || $[5] !== price || $[6] !== quote || $[7] !== resolvedSlippage || $[8] !== savedAmountUSD || $[9] !== srcAmount || $[10] !== srcToken.decimals || $[11] !== srcToken.symbol) {
-    const srcAmountUnit = formatUnits(BigInt(srcAmount), srcToken.decimals);
-    const destAmountUnit = formatUnits(BigInt(destAmount), destToken.decimals);
-    let minMaxDetail;
-    if (price.side === "BUY") {
-      const maxSrcAmount = amountAfterSlippage(srcAmount, resolvedSlippage, "BUY").toFixed(0);
-      const maxSrcAmountUnit = formatUnits(BigInt(maxSrcAmount), srcToken.decimals);
-      const formattedMaxSrcAmount = toDecimalTrimmed(maxSrcAmountUnit);
-      minMaxDetail = {
-        title: "Maximum to Pay",
-        value: `${formattedMaxSrcAmount} ${srcToken.symbol}`
-      };
-    } else {
-      const minDestAmount = getDestAmountAfterFeeAndSlippage({
-        price,
-        slippagePercent: resolvedSlippage
-      });
-      const minDestAmountUnit = formatUnits(BigInt(minDestAmount), destToken.decimals);
-      const formattedMinDestAmount = toDecimalTrimmed(minDestAmountUnit);
-      minMaxDetail = {
-        title: "Minimum Received",
-        value: `${formattedMinDestAmount} ${destToken.symbol}`
-      };
-    }
-    const formatedSrcAmount = toDecimalTrimmed(srcAmountUnit);
-    const formatedDestAmount = toDecimalTrimmed(destAmountUnit);
-    t1 = [{
-      title: "Quote",
-      value: `${is100Percent ? "100% " : ""} ${quote}`
-    }, {
-      title: "You Pay",
-      value: `${formatedSrcAmount} ${srcToken.symbol}`
-    }, {
-      title: "You Receive",
-      value: `${formatedDestAmount} ${destToken.symbol}`
-    }, minMaxDetail, {
-      title: "Exp. Slippage",
-      value: `${resolvedSlippage}%`
-    }, {
-      title: "Network Fees",
-      value: `$${gasCostUSD}`
-    }, savedAmountUSD && {
-      title: "You Save",
-      value: `🎉 ${formatFiatPrice(savedAmountUSD)}`
-    }].filter(isTruthy);
-    $[0] = destAmount;
-    $[1] = destToken.decimals;
-    $[2] = destToken.symbol;
-    $[3] = gasCostUSD;
-    $[4] = is100Percent;
-    $[5] = price;
-    $[6] = quote;
-    $[7] = resolvedSlippage;
-    $[8] = savedAmountUSD;
-    $[9] = srcAmount;
-    $[10] = srcToken.decimals;
-    $[11] = srcToken.symbol;
-    $[12] = t1;
-  } else {
-    t1 = $[12];
-  }
-  const details = t1;
-  let t2;
-  if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(InfoIcon, { size: 16, className: "text-contrast-6 dark:text-contrast-5 cursor-pointer" }) });
-    $[13] = t2;
-  } else {
-    t2 = $[13];
-  }
-  let t3;
-  if ($[14] !== details) {
-    t3 = /* @__PURE__ */ jsxs(Tooltip, { children: [
-      t2,
-      /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx(DetailWithValueList, { details, classes: detailsClasses }) })
-    ] });
-    $[14] = details;
-    $[15] = t3;
-  } else {
-    t3 = $[15];
-  }
-  return t3;
-};
-const renamedDexes = {
-  paraswaplimitorders: VeloraDex,
-  uniswapforkoptimized: VeloraDex
+import { isTruthy as e } from "../../../lib/utils/index.js";
+import { useWidgetConfig as t } from "../../../core/state/configAtom.js";
+import { Tooltip as n, TooltipContent as r, TooltipTrigger as i } from "../../ui/tooltip.js";
+import { formatFiatPrice as a } from "../../../lib/utils/formatFiatPrice.js";
+import { toDecimalTrimmed as o } from "../../../lib/utils/toDecimal.js";
+import { amountAfterSlippage as s } from "../../../lib/utils/slippage.js";
+import { useSlippage as c } from "../../../hooks/useSlippage.js";
+import { getDestAmountAfterFeeAndSlippage as l } from "../../../lib/utils/price.js";
+import { SwapRate as u } from "../SwapRate/SwapRate.js";
+import d from "./assets/unknown-dex.js";
+import f from "./assets/exchanges/velora-light.js";
+import p from "./assets/exchanges/velora-dark.js";
+import m from "./assets/exchanges/uniswap.js";
+import { ForwardRef as h } from "./assets/gas.js";
+import g from "./assets/exchanges/hashflow.js";
+import _ from "./assets/exchanges/biswap.js";
+import v from "./assets/exchanges/cheeseswap.js";
+import y from "./assets/exchanges/complusswap.js";
+import b from "./assets/exchanges/shibaswap.js";
+import x from "./assets/exchanges/quickswap.js";
+import S from "./assets/exchanges/icons.js";
+import { VeloraDex as C } from "./constants.js";
+import { DetailWithValueList as w } from "../Details/DetailWithValueList.js";
+import { c as T } from "react-compiler-runtime";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
+import { formatUnits as O } from "viem";
+import { InfoIcon as k } from "lucide-react";
+//#region src/components/widget/DexesList/DexItem.tsx
+var A = S, j = (e) => {
+	let t = T(37), { price: n, exchange: r, gasCostUSD: i, srcAmount: o, destAmount: s, savedAmountUSD: c, srcToken: l, destToken: d, quote: f, is100Percent: p } = e, m = P[r] ?? r, g;
+	t[0] === r ? g = t[1] : (g = /* @__PURE__ */ E(L, { exchange: r }), t[0] = r, t[1] = g);
+	let _;
+	t[2] === m ? _ = t[3] : (_ = /* @__PURE__ */ E("div", {
+		className: "font-medium text-contrast-4 dark:text-contrast-9 overflow-hidden whitespace-nowrap text-ellipsis",
+		children: m
+	}), t[2] = m, t[3] = _);
+	let v;
+	t[4] !== g || t[5] !== _ ? (v = /* @__PURE__ */ D("div", {
+		className: "flex items-center justify-center gap-1.5",
+		children: [g, _]
+	}), t[4] = g, t[5] = _, t[6] = v) : v = t[6];
+	let y = n.side === "BUY", b;
+	t[7] !== s || t[8] !== d || t[9] !== o || t[10] !== l || t[11] !== y ? (b = /* @__PURE__ */ E("div", {
+		className: "text-contrast-3 dark:text-contrast-7 font-geist-mono text-end",
+		children: /* @__PURE__ */ E(u, {
+			srcToken: l,
+			destToken: d,
+			srcAmountWei: o,
+			destAmountWei: s,
+			reverse: y
+		})
+	}), t[7] = s, t[8] = d, t[9] = o, t[10] = l, t[11] = y, t[12] = b) : b = t[12];
+	let x;
+	t[13] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ E(h, {}), t[13] = x) : x = t[13];
+	let S = +i, C;
+	t[14] === S ? C = t[15] : (C = a(S), t[14] = S, t[15] = C);
+	let w;
+	t[16] === C ? w = t[17] : (w = /* @__PURE__ */ D("div", {
+		className: "text-[11px] text-contrast-5 flex items-center gap-1 justify-end pr-0.5",
+		children: [
+			x,
+			" ",
+			C
+		]
+	}), t[16] = C, t[17] = w);
+	let O;
+	t[18] !== b || t[19] !== w ? (O = /* @__PURE__ */ D("div", {
+		className: "flex flex-col gap-1",
+		children: [b, w]
+	}), t[18] = b, t[19] = w, t[20] = O) : O = t[20];
+	let k;
+	t[21] !== s || t[22] !== d || t[23] !== i || t[24] !== p || t[25] !== n || t[26] !== f || t[27] !== c || t[28] !== o || t[29] !== l ? (k = /* @__PURE__ */ E(N, {
+		price: n,
+		srcAmount: o,
+		srcToken: l,
+		destAmount: s,
+		destToken: d,
+		gasCostUSD: i,
+		savedAmountUSD: c,
+		quote: f,
+		is100Percent: p
+	}), t[21] = s, t[22] = d, t[23] = i, t[24] = p, t[25] = n, t[26] = f, t[27] = c, t[28] = o, t[29] = l, t[30] = k) : k = t[30];
+	let A;
+	t[31] !== O || t[32] !== k ? (A = /* @__PURE__ */ D("div", {
+		className: "flex items-center gap-1",
+		children: [O, k]
+	}), t[31] = O, t[32] = k, t[33] = A) : A = t[33];
+	let j;
+	return t[34] !== A || t[35] !== v ? (j = /* @__PURE__ */ D("div", {
+		className: "text-xs px-3 py-2 bg-contrast-9 dark:bg-contrast-3 rounded-sm flex items-center justify-between gap-1 wrap-anywhere",
+		children: [v, A]
+	}), t[34] = A, t[35] = v, t[36] = j) : j = t[36], j;
+}, M = {
+	root: "min-w-[200px]",
+	value: "dark:text-contrast-3"
+}, N = (t) => {
+	let u = T(16), { price: d, srcAmount: f, srcToken: p, destAmount: m, destToken: h, savedAmountUSD: g, gasCostUSD: _, quote: v, is100Percent: y } = t, { resolvedSlippage: b } = c("swap"), x;
+	if (u[0] !== m || u[1] !== h.decimals || u[2] !== h.symbol || u[3] !== _ || u[4] !== y || u[5] !== d || u[6] !== v || u[7] !== b || u[8] !== g || u[9] !== f || u[10] !== p.decimals || u[11] !== p.symbol) {
+		let t = O(BigInt(f), p.decimals), n = O(BigInt(m), h.decimals), r;
+		if (d.side === "BUY") {
+			let e = s(f, b, "BUY").toFixed(0);
+			r = {
+				title: "Maximum to Pay",
+				value: `${o(O(BigInt(e), p.decimals))} ${p.symbol}`
+			};
+		} else {
+			let e = l({
+				price: d,
+				slippagePercent: b
+			});
+			r = {
+				title: "Minimum Received",
+				value: `${o(O(BigInt(e), h.decimals))} ${h.symbol}`
+			};
+		}
+		let i = o(t), c = o(n);
+		x = [
+			{
+				title: "Quote",
+				value: `${y ? "100% " : ""} ${v}`
+			},
+			{
+				title: "You Pay",
+				value: `${i} ${p.symbol}`
+			},
+			{
+				title: "You Receive",
+				value: `${c} ${h.symbol}`
+			},
+			r,
+			{
+				title: "Exp. Slippage",
+				value: `${b}%`
+			},
+			{
+				title: "Network Fees",
+				value: `$${_}`
+			},
+			g && {
+				title: "You Save",
+				value: `🎉 ${a(g)}`
+			}
+		].filter(e), u[0] = m, u[1] = h.decimals, u[2] = h.symbol, u[3] = _, u[4] = y, u[5] = d, u[6] = v, u[7] = b, u[8] = g, u[9] = f, u[10] = p.decimals, u[11] = p.symbol, u[12] = x;
+	} else x = u[12];
+	let S = x, C;
+	u[13] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ E(i, {
+		asChild: !0,
+		children: /* @__PURE__ */ E(k, {
+			size: 16,
+			className: "text-contrast-6 dark:text-contrast-5 cursor-pointer"
+		})
+	}), u[13] = C) : C = u[13];
+	let A;
+	return u[14] === S ? A = u[15] : (A = /* @__PURE__ */ D(n, { children: [C, /* @__PURE__ */ E(r, { children: /* @__PURE__ */ E(w, {
+		details: S,
+		classes: M
+	}) })] }), u[14] = S, u[15] = A), A;
+}, P = {
+	paraswaplimitorders: C,
+	uniswapforkoptimized: C
 };
-function onDexImageError(e) {
-  e.currentTarget.src = unknownDexSVGUrl;
+function F(e) {
+	e.currentTarget.src = d;
 }
-const DexIcon = (props) => {
-  const $ = distExports.c(2);
-  let t0;
-  if ($[0] !== props) {
-    t0 = /* @__PURE__ */ jsx("img", { ...props, className: "w-4 h-4 rounded-[50%]" });
-    $[0] = props;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  return t0;
-};
-const DexIconComp = (t0) => {
-  const $ = distExports.c(5);
-  const {
-    exchange
-  } = t0;
-  const loweredExchange = exchange.toLowerCase();
-  const IconComp = iconComponents[loweredExchange];
-  if (IconComp) {
-    let t12;
-    if ($[0] !== IconComp) {
-      t12 = /* @__PURE__ */ jsx(IconComp, {});
-      $[0] = IconComp;
-      $[1] = t12;
-    } else {
-      t12 = $[1];
-    }
-    return t12;
-  }
-  const iconUrl = dexIconUrlsMap[loweredExchange];
-  if (iconUrl) {
-    let t12;
-    if ($[2] !== iconUrl) {
-      t12 = /* @__PURE__ */ jsx(DexIcon, { src: iconUrl, onError: onDexImageError });
-      $[2] = iconUrl;
-      $[3] = t12;
-    } else {
-      t12 = $[3];
-    }
-    return t12;
-  }
-  let t1;
-  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = /* @__PURE__ */ jsx(DexIcon, { src: unknownDexSVGUrl });
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  return t1;
-};
-const VeloraIcon = () => {
-  const $ = distExports.c(2);
-  const {
-    theme
-  } = useWidgetConfig();
-  const iconUrl = theme === "dark" ? VeloraDarkSVGUrl : VeloraLightSVGUrl;
-  let t0;
-  if ($[0] !== iconUrl) {
-    t0 = /* @__PURE__ */ jsx(DexIcon, { src: iconUrl });
-    $[0] = iconUrl;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  return t0;
-};
-const iconComponents = {
-  velora: VeloraIcon,
-  paraswaplimitorders: VeloraIcon,
-  augustusrfq: VeloraIcon,
-  // Uniswap icon from origin looks bad in dark mode
-  uniswap: () => /* @__PURE__ */ jsx(DexIcon, { src: UniswapSVGUrl }),
-  // Quickswap blocks hotlinking (so no <img src="quickswap/..."/>)
-  quickswap: () => /* @__PURE__ */ jsx(DexIcon, { src: QuickswapPNGUrl }),
-  hashflow: () => /* @__PURE__ */ jsx(DexIcon, { src: HashflowPNGUrl }),
-  biswap: () => /* @__PURE__ */ jsx(DexIcon, { src: BiswapPNGUrl }),
-  cheeseswap: () => /* @__PURE__ */ jsx(DexIcon, { src: CheeseswapPNGUrl }),
-  shibaswap: () => /* @__PURE__ */ jsx(DexIcon, { src: ShibaswapPNGUrl }),
-  complusswap: () => /* @__PURE__ */ jsx(DexIcon, { src: ComplusswapPNGUrl })
+var I = (e) => {
+	let t = T(2), n;
+	return t[0] === e ? n = t[1] : (n = /* @__PURE__ */ E("img", {
+		...e,
+		className: "w-4 h-4 rounded-[50%]"
+	}), t[0] = e, t[1] = n), n;
+}, L = (e) => {
+	let t = T(5), { exchange: n } = e, r = n.toLowerCase(), i = z[r];
+	if (i) {
+		let e;
+		return t[0] === i ? e = t[1] : (e = /* @__PURE__ */ E(i, {}), t[0] = i, t[1] = e), e;
+	}
+	let a = A[r];
+	if (a) {
+		let e;
+		return t[2] === a ? e = t[3] : (e = /* @__PURE__ */ E(I, {
+			src: a,
+			onError: F
+		}), t[2] = a, t[3] = e), e;
+	}
+	let o;
+	return t[4] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ E(I, { src: d }), t[4] = o) : o = t[4], o;
+}, R = () => {
+	let e = T(2), { theme: n } = t(), r = n === "dark" ? p : f, i;
+	return e[0] === r ? i = e[1] : (i = /* @__PURE__ */ E(I, { src: r }), e[0] = r, e[1] = i), i;
+}, z = {
+	velora: R,
+	paraswaplimitorders: R,
+	augustusrfq: R,
+	uniswap: () => /* @__PURE__ */ E(I, { src: m }),
+	quickswap: () => /* @__PURE__ */ E(I, { src: x }),
+	hashflow: () => /* @__PURE__ */ E(I, { src: g }),
+	biswap: () => /* @__PURE__ */ E(I, { src: _ }),
+	cheeseswap: () => /* @__PURE__ */ E(I, { src: v }),
+	shibaswap: () => /* @__PURE__ */ E(I, { src: b }),
+	complusswap: () => /* @__PURE__ */ E(I, { src: y })
 };
+//#endregion
+export { j as DexItem };
 
-export { DexItem };
-//# sourceMappingURL=DexItem.js.map
+//# sourceMappingURL=DexItem.js.map