@velora-dex/widget 0.5.0 → 0.6.0

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

@@ -1,476 +1,189 @@
-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;
+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;
 };
+//#endregion
+export { g as BridgeListItem, ne as BridgeSticker };
 
-export { BridgeListItem, BridgeSticker };
-//# sourceMappingURL=BridgeListItem.js.map
+//# sourceMappingURL=BridgeListItem.js.map