@velora-dex/widget 0.6.0 → 0.6.1-dev.1

package/dist/components/widget/BridgeList/BridgeListItem.js

@@ -1,189 +1,476 @@
-import { cn as e } from "../../../lib/utils/index.js";
-import { Tooltip as t, TooltipContent as n, TooltipTrigger as r } from "../../ui/tooltip.js";
-import { TokenBadge as i } from "../TokenBadge/TokenBadge.js";
-import { formatPriceImpactPercent as a, getPriceImpact as o } from "../../../lib/utils/priceImpact.js";
-import { SwapRate as s } from "../SwapRate/SwapRate.js";
-import { ForwardRef as c } from "../../../assets/price-impact.js";
-import { formatTokenAmount as l } from "../../../lib/utils/formatTokenBalance.js";
-import { Duration as u } from "../Duration/Duration.js";
-import { ForwardRef as d } from "../../../assets/speedometer.js";
-import { c as f } from "react-compiler-runtime";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { formatUnits as h } from "viem";
-import { TriangleAlert as ee } from "lucide-react";
-//#region src/components/widget/BridgeList/BridgeListItem.tsx
-var g = (e) => {
-	let t = f(12), n, r, i, a;
-	t[0] === e ? (n = t[1], r = t[2], i = t[3], a = t[4]) : ({recommended: i, isSelected: n, onClick: r, ...a} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i, t[4] = a);
-	let o;
-	t[5] === a ? o = t[6] : (o = /* @__PURE__ */ p(v, { ...a }), t[5] = a, t[6] = o);
-	let s;
-	return t[7] !== n || t[8] !== r || t[9] !== i || t[10] !== o ? (s = /* @__PURE__ */ p(y, {
-		isSelected: n,
-		recommended: i,
-		onClick: r,
-		children: o
-	}), t[7] = n, t[8] = r, t[9] = i, t[10] = o, t[11] = s) : s = t[11], s;
-}, _ = "text-sm font-inter font-medium text-contrast-3 dark:text-contrast-9", te = {
-	root: "gap-[7px]",
-	logo: "size-6 min-w-6",
-	symbol: _,
-	amount: _
-}, v = (g) => {
-	let _ = f(85), { srcUSD: v, destUSD: y, srcAmount: b, destAmount: x, tokenFrom: S, tokenTo: C, protocolDisplayName: w, protocolIcon: T, estimatedTimeMs: E, fastest: D, bestReturn: O } = g, k = w === void 0 ? "Unknown" : w, A;
-	_[0] !== x || _[1] !== C.decimals ? (A = l(h(BigInt(x), C.decimals)), _[0] = x, _[1] = C.decimals, _[2] = A) : A = _[2];
-	let j = A, M, N, P, F, I, L, R, z, B, V, H;
-	if (_[3] !== O || _[4] !== x || _[5] !== y || _[6] !== D || _[7] !== j || _[8] !== k || _[9] !== T || _[10] !== b || _[11] !== v || _[12] !== S || _[13] !== C) {
-		let { priceImpact: n, isHighImpact: l, isUnavailable: u } = o({
-			srcUSD: v,
-			destUSD: y
-		});
-		F = u || n === void 0 ? "-" : a(n), M = l || u ? ee : c, H = "bg-contrast-9 dark:bg-contrast-3 p-4 rounded-sm shadow-card-1", B = "flex flex-col gap-2";
-		let d;
-		_[25] !== y || _[26] !== j || _[27] !== C.address || _[28] !== C.img || _[29] !== C.network || _[30] !== C.symbol ? (d = /* @__PURE__ */ p(i, {
-			address: C.address,
-			symbol: C.symbol,
-			img: C.img,
-			chainId: C.network,
-			amount: j,
-			amountUSD: y,
-			amountPosition: "right",
-			showNetworkIcon: !0,
-			classes: te
-		}), _[25] = y, _[26] = j, _[27] = C.address, _[28] = C.img, _[29] = C.network, _[30] = C.symbol, _[31] = d) : d = _[31];
-		let f;
-		_[32] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ p("span", {
-			className: "text-contrast-5 text-xs",
-			children: "via"
-		}), _[32] = f) : f = _[32];
-		let h;
-		_[33] !== k || _[34] !== T ? (h = T && /* @__PURE__ */ p("img", {
-			src: T,
-			alt: k,
-			className: "size-4"
-		}), _[33] = k, _[34] = T, _[35] = h) : h = _[35];
-		let g;
-		_[36] !== k || _[37] !== h ? (g = /* @__PURE__ */ m("span", {
-			className: "text-contrast-4 dark:text-contrast-8 text-xs flex items-center gap-1",
-			children: [h, k]
-		}), _[36] = k, _[37] = h, _[38] = g) : g = _[38];
-		let w;
-		_[39] !== d || _[40] !== g ? (w = /* @__PURE__ */ m("div", {
-			className: "flex items-baseline-last gap-[7px] truncate",
-			children: [
-				d,
-				f,
-				g
-			]
-		}), _[39] = d, _[40] = g, _[41] = w) : w = _[41];
-		let E;
-		_[42] !== O || _[43] !== D ? (E = /* @__PURE__ */ p(ne, {
-			bestReturn: O,
-			fastest: D
-		}), _[42] = O, _[43] = D, _[44] = E) : E = _[44], _[45] !== w || _[46] !== E ? (V = /* @__PURE__ */ m("div", {
-			className: "flex items-center justify-between",
-			children: [w, E]
-		}), _[45] = w, _[46] = E, _[47] = V) : V = _[47], R = "flex items-center justify-between", _[48] !== x || _[49] !== b || _[50] !== S || _[51] !== C ? (z = /* @__PURE__ */ p("div", {
-			className: "text-xs font-geist-mono text-contrast-4 dark:text-contrast-6 truncate",
-			children: /* @__PURE__ */ p(s, {
-				srcAmountWei: b,
-				destAmountWei: x,
-				srcToken: S,
-				destToken: C
-			})
-		}), _[48] = x, _[49] = b, _[50] = S, _[51] = C, _[52] = z) : z = _[52], L = "flex items-center gap-3 text-xs font-geist-mono text-contrast-4 dark:text-contrast-6", P = t, N = r, I = e("flex items-center gap-1", { "text-secondary-orange-peel-1": l }), _[3] = O, _[4] = x, _[5] = y, _[6] = D, _[7] = j, _[8] = k, _[9] = T, _[10] = b, _[11] = v, _[12] = S, _[13] = C, _[14] = M, _[15] = N, _[16] = P, _[17] = F, _[18] = I, _[19] = L, _[20] = R, _[21] = z, _[22] = B, _[23] = V, _[24] = H;
-	} else M = _[14], N = _[15], P = _[16], F = _[17], I = _[18], L = _[19], R = _[20], z = _[21], B = _[22], V = _[23], H = _[24];
-	let U;
-	_[53] === M ? U = _[54] : (U = /* @__PURE__ */ p(M, { className: "size-[16px]" }), _[53] = M, _[54] = U);
-	let W;
-	_[55] !== N || _[56] !== F || _[57] !== U || _[58] !== I ? (W = /* @__PURE__ */ m(N, {
-		className: I,
-		children: [U, F]
-	}), _[55] = N, _[56] = F, _[57] = U, _[58] = I, _[59] = W) : W = _[59];
-	let G;
-	_[60] === Symbol.for("react.memo_cache_sentinel") ? (G = /* @__PURE__ */ p(n, { children: "Price Impact" }), _[60] = G) : G = _[60];
-	let K;
-	_[61] !== P || _[62] !== W ? (K = /* @__PURE__ */ m(P, { children: [W, G] }), _[61] = P, _[62] = W, _[63] = K) : K = _[63];
-	let q;
-	_[64] === Symbol.for("react.memo_cache_sentinel") ? (q = /* @__PURE__ */ p(d, { className: "size-[16px] text-contrast-5" }), _[64] = q) : q = _[64];
-	let J;
-	_[65] === E ? J = _[66] : (J = /* @__PURE__ */ m(r, {
-		className: "flex items-center gap-1",
-		children: [q, /* @__PURE__ */ p(u, {
-			timeMs: E,
-			showSeconds: !0
-		})]
-	}), _[65] = E, _[66] = J);
-	let Y;
-	_[67] === Symbol.for("react.memo_cache_sentinel") ? (Y = /* @__PURE__ */ p(n, { children: "Estimated Bridge Time" }), _[67] = Y) : Y = _[67];
-	let X;
-	_[68] === J ? X = _[69] : (X = /* @__PURE__ */ m(t, { children: [J, Y] }), _[68] = J, _[69] = X);
-	let Z;
-	_[70] !== K || _[71] !== X || _[72] !== L ? (Z = /* @__PURE__ */ m("div", {
-		className: L,
-		children: [K, X]
-	}), _[70] = K, _[71] = X, _[72] = L, _[73] = Z) : Z = _[73];
-	let Q;
-	_[74] !== Z || _[75] !== R || _[76] !== z ? (Q = /* @__PURE__ */ m("div", {
-		className: R,
-		children: [z, Z]
-	}), _[74] = Z, _[75] = R, _[76] = z, _[77] = Q) : Q = _[77];
-	let $;
-	_[78] !== Q || _[79] !== B || _[80] !== V ? ($ = /* @__PURE__ */ m("div", {
-		className: B,
-		children: [V, Q]
-	}), _[78] = Q, _[79] = B, _[80] = V, _[81] = $) : $ = _[81];
-	let re;
-	return _[82] !== $ || _[83] !== H ? (re = /* @__PURE__ */ p("div", {
-		className: H,
-		children: $
-	}), _[82] = $, _[83] = H, _[84] = re) : re = _[84], re;
-}, y = (t) => {
-	let n = f(12), { children: r, isSelected: i, recommended: a, onClick: o } = t, s = !i, c = !i && a, l;
-	n[0] !== i || n[1] !== s || n[2] !== c ? (l = e("rounded-sm cursor-pointer", {
-		"outline-1 bg-primary-azul-1 outline-primary-azul-1": i,
-		"bg-contrast-6 dark:bg-contrast-4": s,
-		"outline-1 outline-contrast-6 dark:outline-contrast-4": c
-	}), n[0] = i, n[1] = s, n[2] = c, n[3] = l) : l = n[3];
-	let u;
-	n[4] !== i || n[5] !== a ? (u = a && /* @__PURE__ */ p("div", {
-		className: e("text-xs flex items-center h-6 pl-2", {
-			"text-secondary-light-slate-3": i,
-			"text-contrast-5 dark:text-contrast-6": !i
-		}),
-		children: "Recommended"
-	}), n[4] = i, n[5] = a, n[6] = u) : u = n[6];
-	let d;
-	return n[7] !== r || n[8] !== o || n[9] !== l || n[10] !== u ? (d = /* @__PURE__ */ m("div", {
-		className: l,
-		onClick: o,
-		children: [u, r]
-	}), n[7] = r, n[8] = o, n[9] = l, n[10] = u, n[11] = d) : d = n[11], d;
-}, b = "text-[10px] font-geist-mono flex justify-center items-center py-0.5 px-2 rounded-[40px] whitespace-nowrap", x = () => {
-	let t = f(1), n;
-	return t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ p("div", {
-		className: e(b, "bg-[#34CA9A1A] text-secondary-shamrock-green-2"),
-		children: "Best Return"
-	}), t[0] = n) : n = t[0], n;
-}, S = () => {
-	let t = f(1), n;
-	return t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ p("div", {
-		className: e(b, "bg-[#F75C2A26] text-primary-papaya-1"),
-		children: "Fastest"
-	}), t[0] = n) : n = t[0], n;
-}, ne = (e) => {
-	let t = f(2), { bestReturn: n, fastest: r } = e;
-	if (n) {
-		let e;
-		return t[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ p(x, {}), t[0] = e) : e = t[0], e;
-	}
-	if (r) {
-		let e;
-		return t[1] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ p(S, {}), t[1] = e) : e = t[1], e;
-	}
-	return null;
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { d as distExports } from '../../../_virtual/index.js';
+import { TokenBadge } from '../TokenBadge/TokenBadge.js';
+import { formatUnits } from 'viem';
+import { formatTokenAmount } from '../../../lib/utils/formatTokenBalance.js';
+import { SwapRate } from '../SwapRate/SwapRate.js';
+import { getPriceImpact, formatPriceImpactPercent } from '../../../lib/utils/priceImpact.js';
+import { TriangleAlert } from 'lucide-react';
+import { ReactComponent as ForwardRef } from '../../../assets/price-impact.svg.js';
+import { ReactComponent as ForwardRef$1 } from '../../../assets/speedometer.svg.js';
+import { Duration } from '../Duration/Duration.js';
+import { cn } from '../../../lib/utils/index.js';
+import { Tooltip, TooltipTrigger, TooltipContent } from '../../ui/tooltip.js';
+
+const BridgeListItem = (props) => {
+  const $ = distExports.c(12);
+  let isSelected;
+  let onClick;
+  let recommended;
+  let restProps;
+  if ($[0] !== props) {
+    ({
+      recommended,
+      isSelected,
+      onClick,
+      ...restProps
+    } = props);
+    $[0] = props;
+    $[1] = isSelected;
+    $[2] = onClick;
+    $[3] = recommended;
+    $[4] = restProps;
+  } else {
+    isSelected = $[1];
+    onClick = $[2];
+    recommended = $[3];
+    restProps = $[4];
+  }
+  let t0;
+  if ($[5] !== restProps) {
+    t0 = /* @__PURE__ */ jsx(BridgeListItemBase, { ...restProps });
+    $[5] = restProps;
+    $[6] = t0;
+  } else {
+    t0 = $[6];
+  }
+  let t1;
+  if ($[7] !== isSelected || $[8] !== onClick || $[9] !== recommended || $[10] !== t0) {
+    t1 = /* @__PURE__ */ jsx(Wrapper, { isSelected, recommended, onClick, children: t0 });
+    $[7] = isSelected;
+    $[8] = onClick;
+    $[9] = recommended;
+    $[10] = t0;
+    $[11] = t1;
+  } else {
+    t1 = $[11];
+  }
+  return t1;
+};
+const tokenBadgeTextClassName = "text-sm font-inter font-medium text-contrast-3 dark:text-contrast-9";
+const tokenBadgeClasses = {
+  root: "gap-[7px]",
+  logo: "size-6 min-w-6",
+  symbol: tokenBadgeTextClassName,
+  amount: tokenBadgeTextClassName
+};
+const BridgeListItemBase = (t0) => {
+  const $ = distExports.c(85);
+  const {
+    srcUSD,
+    destUSD,
+    srcAmount,
+    destAmount,
+    tokenFrom,
+    tokenTo,
+    protocolDisplayName: t1,
+    protocolIcon,
+    estimatedTimeMs,
+    fastest,
+    bestReturn
+  } = t0;
+  const protocolDisplayName = t1 === void 0 ? "Unknown" : t1;
+  let t2;
+  if ($[0] !== destAmount || $[1] !== tokenTo.decimals) {
+    const destAmountUnit = formatUnits(BigInt(destAmount), tokenTo.decimals);
+    t2 = formatTokenAmount(destAmountUnit);
+    $[0] = destAmount;
+    $[1] = tokenTo.decimals;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const formattedDestAmount = t2;
+  let PriceImpactIcon;
+  let T0;
+  let T1;
+  let priceImpactPercent;
+  let t3;
+  let t4;
+  let t5;
+  let t6;
+  let t7;
+  let t8;
+  let t9;
+  if ($[3] !== bestReturn || $[4] !== destAmount || $[5] !== destUSD || $[6] !== fastest || $[7] !== formattedDestAmount || $[8] !== protocolDisplayName || $[9] !== protocolIcon || $[10] !== srcAmount || $[11] !== srcUSD || $[12] !== tokenFrom || $[13] !== tokenTo) {
+    const {
+      priceImpact,
+      isHighImpact,
+      isUnavailable
+    } = getPriceImpact({
+      srcUSD,
+      destUSD
+    });
+    priceImpactPercent = isUnavailable || priceImpact === void 0 ? "-" : formatPriceImpactPercent(priceImpact);
+    PriceImpactIcon = isHighImpact || isUnavailable ? TriangleAlert : ForwardRef;
+    t9 = "bg-contrast-9 dark:bg-contrast-3 p-4 rounded-sm shadow-card-1";
+    t7 = "flex flex-col gap-2";
+    let t102;
+    if ($[25] !== destUSD || $[26] !== formattedDestAmount || $[27] !== tokenTo.address || $[28] !== tokenTo.img || $[29] !== tokenTo.network || $[30] !== tokenTo.symbol) {
+      t102 = /* @__PURE__ */ jsx(TokenBadge, { address: tokenTo.address, symbol: tokenTo.symbol, img: tokenTo.img, chainId: tokenTo.network, amount: formattedDestAmount, amountUSD: destUSD, amountPosition: "right", showNetworkIcon: true, classes: tokenBadgeClasses });
+      $[25] = destUSD;
+      $[26] = formattedDestAmount;
+      $[27] = tokenTo.address;
+      $[28] = tokenTo.img;
+      $[29] = tokenTo.network;
+      $[30] = tokenTo.symbol;
+      $[31] = t102;
+    } else {
+      t102 = $[31];
+    }
+    let t112;
+    if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
+      t112 = /* @__PURE__ */ jsx("span", { className: "text-contrast-5 text-xs", children: "via" });
+      $[32] = t112;
+    } else {
+      t112 = $[32];
+    }
+    let t122;
+    if ($[33] !== protocolDisplayName || $[34] !== protocolIcon) {
+      t122 = protocolIcon && /* @__PURE__ */ jsx("img", { src: protocolIcon, alt: protocolDisplayName, className: "size-4" });
+      $[33] = protocolDisplayName;
+      $[34] = protocolIcon;
+      $[35] = t122;
+    } else {
+      t122 = $[35];
+    }
+    let t132;
+    if ($[36] !== protocolDisplayName || $[37] !== t122) {
+      t132 = /* @__PURE__ */ jsxs("span", { className: "text-contrast-4 dark:text-contrast-8 text-xs flex items-center gap-1", children: [
+        t122,
+        protocolDisplayName
+      ] });
+      $[36] = protocolDisplayName;
+      $[37] = t122;
+      $[38] = t132;
+    } else {
+      t132 = $[38];
+    }
+    let t142;
+    if ($[39] !== t102 || $[40] !== t132) {
+      t142 = /* @__PURE__ */ jsxs("div", { className: "flex items-baseline-last gap-[7px] truncate", children: [
+        t102,
+        t112,
+        t132
+      ] });
+      $[39] = t102;
+      $[40] = t132;
+      $[41] = t142;
+    } else {
+      t142 = $[41];
+    }
+    let t152;
+    if ($[42] !== bestReturn || $[43] !== fastest) {
+      t152 = /* @__PURE__ */ jsx(BridgeSticker, { bestReturn, fastest });
+      $[42] = bestReturn;
+      $[43] = fastest;
+      $[44] = t152;
+    } else {
+      t152 = $[44];
+    }
+    if ($[45] !== t142 || $[46] !== t152) {
+      t8 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        t142,
+        t152
+      ] });
+      $[45] = t142;
+      $[46] = t152;
+      $[47] = t8;
+    } else {
+      t8 = $[47];
+    }
+    t5 = "flex items-center justify-between";
+    if ($[48] !== destAmount || $[49] !== srcAmount || $[50] !== tokenFrom || $[51] !== tokenTo) {
+      t6 = /* @__PURE__ */ jsx("div", { className: "text-xs font-geist-mono text-contrast-4 dark:text-contrast-6 truncate", children: /* @__PURE__ */ jsx(SwapRate, { srcAmountWei: srcAmount, destAmountWei: destAmount, srcToken: tokenFrom, destToken: tokenTo }) });
+      $[48] = destAmount;
+      $[49] = srcAmount;
+      $[50] = tokenFrom;
+      $[51] = tokenTo;
+      $[52] = t6;
+    } else {
+      t6 = $[52];
+    }
+    t4 = "flex items-center gap-3 text-xs font-geist-mono text-contrast-4 dark:text-contrast-6";
+    T1 = Tooltip;
+    T0 = TooltipTrigger;
+    t3 = cn("flex items-center gap-1", {
+      "text-secondary-orange-peel-1": isHighImpact
+    });
+    $[3] = bestReturn;
+    $[4] = destAmount;
+    $[5] = destUSD;
+    $[6] = fastest;
+    $[7] = formattedDestAmount;
+    $[8] = protocolDisplayName;
+    $[9] = protocolIcon;
+    $[10] = srcAmount;
+    $[11] = srcUSD;
+    $[12] = tokenFrom;
+    $[13] = tokenTo;
+    $[14] = PriceImpactIcon;
+    $[15] = T0;
+    $[16] = T1;
+    $[17] = priceImpactPercent;
+    $[18] = t3;
+    $[19] = t4;
+    $[20] = t5;
+    $[21] = t6;
+    $[22] = t7;
+    $[23] = t8;
+    $[24] = t9;
+  } else {
+    PriceImpactIcon = $[14];
+    T0 = $[15];
+    T1 = $[16];
+    priceImpactPercent = $[17];
+    t3 = $[18];
+    t4 = $[19];
+    t5 = $[20];
+    t6 = $[21];
+    t7 = $[22];
+    t8 = $[23];
+    t9 = $[24];
+  }
+  let t10;
+  if ($[53] !== PriceImpactIcon) {
+    t10 = /* @__PURE__ */ jsx(PriceImpactIcon, { className: "size-[16px]" });
+    $[53] = PriceImpactIcon;
+    $[54] = t10;
+  } else {
+    t10 = $[54];
+  }
+  let t11;
+  if ($[55] !== T0 || $[56] !== priceImpactPercent || $[57] !== t10 || $[58] !== t3) {
+    t11 = /* @__PURE__ */ jsxs(T0, { className: t3, children: [
+      t10,
+      priceImpactPercent
+    ] });
+    $[55] = T0;
+    $[56] = priceImpactPercent;
+    $[57] = t10;
+    $[58] = t3;
+    $[59] = t11;
+  } else {
+    t11 = $[59];
+  }
+  let t12;
+  if ($[60] === Symbol.for("react.memo_cache_sentinel")) {
+    t12 = /* @__PURE__ */ jsx(TooltipContent, { children: "Price Impact" });
+    $[60] = t12;
+  } else {
+    t12 = $[60];
+  }
+  let t13;
+  if ($[61] !== T1 || $[62] !== t11) {
+    t13 = /* @__PURE__ */ jsxs(T1, { children: [
+      t11,
+      t12
+    ] });
+    $[61] = T1;
+    $[62] = t11;
+    $[63] = t13;
+  } else {
+    t13 = $[63];
+  }
+  let t14;
+  if ($[64] === Symbol.for("react.memo_cache_sentinel")) {
+    t14 = /* @__PURE__ */ jsx(ForwardRef$1, { className: "size-[16px] text-contrast-5" });
+    $[64] = t14;
+  } else {
+    t14 = $[64];
+  }
+  let t15;
+  if ($[65] !== estimatedTimeMs) {
+    t15 = /* @__PURE__ */ jsxs(TooltipTrigger, { className: "flex items-center gap-1", children: [
+      t14,
+      /* @__PURE__ */ jsx(Duration, { timeMs: estimatedTimeMs, showSeconds: true })
+    ] });
+    $[65] = estimatedTimeMs;
+    $[66] = t15;
+  } else {
+    t15 = $[66];
+  }
+  let t16;
+  if ($[67] === Symbol.for("react.memo_cache_sentinel")) {
+    t16 = /* @__PURE__ */ jsx(TooltipContent, { children: "Estimated Bridge Time" });
+    $[67] = t16;
+  } else {
+    t16 = $[67];
+  }
+  let t17;
+  if ($[68] !== t15) {
+    t17 = /* @__PURE__ */ jsxs(Tooltip, { children: [
+      t15,
+      t16
+    ] });
+    $[68] = t15;
+    $[69] = t17;
+  } else {
+    t17 = $[69];
+  }
+  let t18;
+  if ($[70] !== t13 || $[71] !== t17 || $[72] !== t4) {
+    t18 = /* @__PURE__ */ jsxs("div", { className: t4, children: [
+      t13,
+      t17
+    ] });
+    $[70] = t13;
+    $[71] = t17;
+    $[72] = t4;
+    $[73] = t18;
+  } else {
+    t18 = $[73];
+  }
+  let t19;
+  if ($[74] !== t18 || $[75] !== t5 || $[76] !== t6) {
+    t19 = /* @__PURE__ */ jsxs("div", { className: t5, children: [
+      t6,
+      t18
+    ] });
+    $[74] = t18;
+    $[75] = t5;
+    $[76] = t6;
+    $[77] = t19;
+  } else {
+    t19 = $[77];
+  }
+  let t20;
+  if ($[78] !== t19 || $[79] !== t7 || $[80] !== t8) {
+    t20 = /* @__PURE__ */ jsxs("div", { className: t7, children: [
+      t8,
+      t19
+    ] });
+    $[78] = t19;
+    $[79] = t7;
+    $[80] = t8;
+    $[81] = t20;
+  } else {
+    t20 = $[81];
+  }
+  let t21;
+  if ($[82] !== t20 || $[83] !== t9) {
+    t21 = /* @__PURE__ */ jsx("div", { className: t9, children: t20 });
+    $[82] = t20;
+    $[83] = t9;
+    $[84] = t21;
+  } else {
+    t21 = $[84];
+  }
+  return t21;
+};
+const Wrapper = (t0) => {
+  const $ = distExports.c(12);
+  const {
+    children,
+    isSelected,
+    recommended,
+    onClick
+  } = t0;
+  const t1 = !isSelected;
+  const t2 = !isSelected && recommended;
+  let t3;
+  if ($[0] !== isSelected || $[1] !== t1 || $[2] !== t2) {
+    t3 = cn("rounded-sm cursor-pointer", {
+      "outline-1 bg-primary-azul-1 outline-primary-azul-1": isSelected,
+      "bg-contrast-6 dark:bg-contrast-4": t1,
+      "outline-1 outline-contrast-6 dark:outline-contrast-4": t2
+    });
+    $[0] = isSelected;
+    $[1] = t1;
+    $[2] = t2;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== isSelected || $[5] !== recommended) {
+    t4 = recommended && /* @__PURE__ */ jsx("div", { className: cn("text-xs flex items-center h-6 pl-2", {
+      "text-secondary-light-slate-3": isSelected,
+      "text-contrast-5 dark:text-contrast-6": !isSelected
+    }), children: "Recommended" });
+    $[4] = isSelected;
+    $[5] = recommended;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  let t5;
+  if ($[7] !== children || $[8] !== onClick || $[9] !== t3 || $[10] !== t4) {
+    t5 = /* @__PURE__ */ jsxs("div", { className: t3, onClick, children: [
+      t4,
+      children
+    ] });
+    $[7] = children;
+    $[8] = onClick;
+    $[9] = t3;
+    $[10] = t4;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  return t5;
+};
+const stickerClassName = "text-[10px] font-geist-mono flex justify-center items-center py-0.5 px-2 rounded-[40px] whitespace-nowrap";
+const BestReturnSticker = () => {
+  const $ = distExports.c(1);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /* @__PURE__ */ jsx("div", { className: cn(stickerClassName, "bg-[#34CA9A1A] text-secondary-shamrock-green-2"), children: "Best Return" });
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+};
+const FastestSticker = () => {
+  const $ = distExports.c(1);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /* @__PURE__ */ jsx("div", { className: cn(stickerClassName, "bg-[#F75C2A26] text-primary-papaya-1"), children: "Fastest" });
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+};
+const BridgeSticker = (t0) => {
+  const $ = distExports.c(2);
+  const {
+    bestReturn,
+    fastest
+  } = t0;
+  if (bestReturn) {
+    let t1;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+      t1 = /* @__PURE__ */ jsx(BestReturnSticker, {});
+      $[0] = t1;
+    } else {
+      t1 = $[0];
+    }
+    return t1;
+  }
+  if (fastest) {
+    let t1;
+    if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+      t1 = /* @__PURE__ */ jsx(FastestSticker, {});
+      $[1] = t1;
+    } else {
+      t1 = $[1];
+    }
+    return t1;
+  }
+  return null;
 };
-//#endregion
-export { g as BridgeListItem, ne as BridgeSticker };
 
-//# sourceMappingURL=BridgeListItem.js.map
+export { BridgeListItem, BridgeSticker };
+//# sourceMappingURL=BridgeListItem.js.map