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

package/dist/components/widget/TokenBadge/TokenBadge.js

@@ -1,84 +1,177 @@
-import { cn as e } from "../../../lib/utils/index.js";
-import { NetworkIconSquare as t } from "../NetworkIcon/NetworkIconSquare.js";
-import n from "../../../assets/vlr.js";
-import r from "./assets/placeholder.js";
-import { isVLR as i } from "../../../tokens/utils/brand.js";
-import { Tooltip as a, TooltipContent as o, TooltipTrigger as s } from "../../ui/tooltip.js";
-import { formatFiatPrice as c } from "../../../lib/utils/formatFiatPrice.js";
-import { TokenLink as l } from "./TokenLink.js";
-import { c as u } from "react-compiler-runtime";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-import { LockIcon as m } from "lucide-react";
-//#region src/components/widget/TokenBadge/TokenBadge.tsx
-var h = (r) => {
-	let h = u(40), { img: _, address: v, chainId: y, amount: b, amountUSD: x, symbol: S, imageLess: C, classes: w, lockIcon: T, showNetworkIcon: E, explorerLink: D, amountPosition: O } = r, k = O === void 0 ? "left" : O, A = i({ address: v }, y) ? n : _, j;
-	if (b !== void 0) {
-		let e = w?.amount, t;
-		h[0] !== b || h[1] !== e ? (t = /* @__PURE__ */ f("div", {
-			className: e,
-			children: b
-		}), h[0] = b, h[1] = e, h[2] = t) : t = h[2];
-		let n = t;
-		if (typeof x == "string") {
-			let e;
-			h[3] === n ? e = h[4] : (e = /* @__PURE__ */ f(s, { children: n }), h[3] = n, h[4] = e);
-			let t = +x, r;
-			h[5] === t ? r = h[6] : (r = c(t), h[5] = t, h[6] = r);
-			let i;
-			h[7] === r ? i = h[8] : (i = /* @__PURE__ */ f(o, { children: r }), h[7] = r, h[8] = i);
-			let l;
-			h[9] !== e || h[10] !== i ? (l = /* @__PURE__ */ p(a, { children: [e, i] }), h[9] = e, h[10] = i, h[11] = l) : l = h[11], j = l;
-		} else j = n;
-	}
-	let M;
-	h[12] !== v || h[13] !== y || h[14] !== w?.logo || h[15] !== w?.networkIcon || h[16] !== w?.networkIconContainer || h[17] !== C || h[18] !== A || h[19] !== E ? (M = !C && /* @__PURE__ */ p("div", {
-		className: e("flex relative"),
-		children: [/* @__PURE__ */ f("img", {
-			className: e("size-[20px] overflow-hidden max-w-fit", w?.logo),
-			height: 20,
-			width: 20,
-			src: A ?? "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhBAMAAADMnc9JAAAAHlBMVEVHcEzX2d3U1tvY2t7d3uLp6uzf4eTk5ejm5+rl5umE/yWPAAAAAXRSTlMAQObYZgAABPpJREFUeNrVnFtS2zAUhm3hOPAWmU4pb9ZASngDVpBkBZ2sIOkKCCuArIB2xeVWsGPJls7lZ9Bzm6/z1/p0O1KWfZl2CyfWaGBu0cQHew8mOguOtbD2G5ZorK2wRPvUJkjg0TPxFBwqONbFM9HOoX3juQH7R25fG4745434CA4VGGvxBsRpx/wnwvqHfW8g7Yw/iCfgUGGxLj6IIO24BrEGhwqKddsk2ltwqJBYixYQoR3TJlZI4YC0M94nnoBDBcR6vU+0V9C+Aegfue02pHAQ2nEeomqsBx6gPdYkrnzE6hc4VNVYx16gpnaMn1ghhaOsnZELEKfgUBVj3YSIdg3tG4r94yAI1NLOKkxU0k44VKVYyx6g/Q7tG2r947qPqKGdkeslTsGhqsS66ScqaMcNEGugcJS0sxoiimtnKFTxWMtBoLR2zDCxQgpHQTsjF0GcgkMVjnUTQxTVjosi1kDhiGtnFUcU1E5cqIKxlpFAOe2YWKJY/7DRTWjL7NBFE2fgUMViXcQThXbqXQJRpH/kNqVJEB+SiPfgUEViLZKAEjv1Jo1YIYUjpJ3DVOIPcKgCsS5SiWztuGRijRSOhHYeCMR7cKjMWAsCkKcdQyFWSOGwtXNEI56CQ2XFuqARGdpxRGKNFA5PO1sy8RYcKjnWggykasfQiRVSOAztjDnEE3CoxFgXHCJJO45FrJHCoWpnyyTegkMlxHrABKZrx3CJFVI4JO2M+cQTcKjJsS4FiGnaGTk2MXWjvuQif6bvVPOQZxlarKQ5wB3jqyFO5pagz1RAPPTF1SHt6+HsJBcU5DnvNMdB+gXhOEfyYOd3IlDggO4mCUg+aD0iSr2h73Fiv2hMjMbxyIvGT6T2keWc8MGeBX4gbhJQPaZLvfH3/6avPJxNlXpT3zlhGbBpuWOZpu8nV60pw+NFktQn7W+NtraqE6Q+a/cnyt7Drt2fB6R+3nZGRdnWLfac1dtHzva8SNvscHtejqxCXNE3dIzvHz+o75coiLsrZWfeeTOs79d5LvWYviPngNS7f4I60Xld7lSTAak3u23F29I9ch2ZeD7Ys66aLsmD8VutU7Nz5X363rHrn4znV+/69M3eJ3//UoJS39M3v+Bq4/s6evTNr37KfT/dkPrMuwEkc1LW7eVBO/AOILdhkwUNyLu3c9Bj64DlufVdLjgihUYy5qlua4hq/bd5/2Ml1h1FSNkhwfPLLCJWFZVsqZUZXOAvhes62nuCnhnTjn/s4B9AQkLJ5ctmTe8qf29SKVJMtj/VuPQM2uTtv7ijlknP4mAuQjThqduNUuGjCy3b7rTKSTeBKXh3kr4WIub++ZtnXpdlSrG+SL3UvLa788zDPfNz0hIu/kjJMzuXvOIBryf/hCr9qGpr2QsekPrD1FiFb5REVCNdyhIjLrFI35wz4FAj9nXlr+oNXWOZixPxdwMHTFcrELcqlVWpA4jKsBEXa61CxN+ALpRKVkmx1kpE/PsApWjlGGtc1nteBv+WxfAesnhbgIaNgVh13yWCv2bjHZfXqkT8q0T4l5e6CzvBJVzkuHycZeBYa3Ui/u21UnMJFzOAIN6YxL9MONZcwg0v7K4gRPwrmo1xeYohNsblOYiYo4aNrulqGHGruITrHUCOswwcaw0krhSXcD0LO+wj7A4c6me8+l7C3kJujMsTMNGAQ82ywxmamK2zL9P+AWiuFtNLCYwNAAAAAElFTkSuQmCC",
-			title: v,
-			onError: g,
-			alt: v
-		}), E && /* @__PURE__ */ f("div", {
-			className: e("flex absolute bottom-[-1px] right-[-1px]", w?.networkIconContainer),
-			children: /* @__PURE__ */ f(t, {
-				networkId: y,
-				className: e("size-[12px]", w?.networkIcon),
-				withBorder: !0
-			})
-		})]
-	}), h[12] = v, h[13] = y, h[14] = w?.logo, h[15] = w?.networkIcon, h[16] = w?.networkIconContainer, h[17] = C, h[18] = A, h[19] = E, h[20] = M) : M = h[20];
-	let N = M, P;
-	h[21] !== j || h[22] !== k || h[23] !== N ? (P = k === "right" ? /* @__PURE__ */ p(d, { children: [N, j] }) : /* @__PURE__ */ p(d, { children: [j, N] }), h[21] = j, h[22] = k, h[23] = N, h[24] = P) : P = h[24];
-	let F = P, I = w?.root, L;
-	h[25] === I ? L = h[26] : (L = e("flex items-center gap-2 font-geist-mono", I), h[25] = I, h[26] = L);
-	let R;
-	h[27] !== v || h[28] !== y || h[29] !== w?.symbol || h[30] !== D || h[31] !== S ? (R = S && /* @__PURE__ */ f("div", {
-		className: w?.symbol,
-		children: D ? /* @__PURE__ */ f(l, {
-			address: v,
-			symbol: S,
-			network: y
-		}) : S
-	}), h[27] = v, h[28] = y, h[29] = w?.symbol, h[30] = D, h[31] = S, h[32] = R) : R = h[32];
-	let z;
-	h[33] === T ? z = h[34] : (z = T && /* @__PURE__ */ f(m, { className: "text-secondary-orange-peel-1" }), h[33] = T, h[34] = z);
-	let B;
-	return h[35] !== F || h[36] !== L || h[37] !== R || h[38] !== z ? (B = /* @__PURE__ */ p("div", {
-		className: L,
-		children: [
-			F,
-			R,
-			z
-		]
-	}), h[35] = F, h[36] = L, h[37] = R, h[38] = z, h[39] = B) : B = h[39], B;
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { d as distExports } from '../../../_virtual/index.js';
+import { NetworkIconSquare } from '../NetworkIcon/NetworkIconSquare.js';
+import { cn } from '../../../lib/utils/index.js';
+import { LockIcon } from 'lucide-react';
+import vlrURL from '../../../assets/vlr.svg.js';
+import TOKEN_IMG_PLACEHOLDER from './assets/placeholder.png.js';
+import { isVLR } from '../../../tokens/utils/brand.js';
+import { TooltipTrigger, TooltipContent, Tooltip } from '../../ui/tooltip.js';
+import { formatFiatPrice } from '../../../lib/utils/formatFiatPrice.js';
+import { TokenLink } from './TokenLink.js';
+
+const TokenBadge = (t0) => {
+  const $ = distExports.c(40);
+  const {
+    img,
+    address,
+    chainId,
+    amount,
+    amountUSD,
+    symbol,
+    imageLess,
+    classes,
+    lockIcon,
+    showNetworkIcon,
+    explorerLink,
+    amountPosition: t1
+  } = t0;
+  const amountPosition = t1 === void 0 ? "left" : t1;
+  const isVLRToken = isVLR({
+    address
+  }, chainId);
+  const imgSrc = isVLRToken ? vlrURL : img;
+  let amountEl;
+  if (amount !== void 0) {
+    const t22 = classes?.amount;
+    let t32;
+    if ($[0] !== amount || $[1] !== t22) {
+      t32 = /* @__PURE__ */ jsx("div", { className: t22, children: amount });
+      $[0] = amount;
+      $[1] = t22;
+      $[2] = t32;
+    } else {
+      t32 = $[2];
+    }
+    const tokenAmount = t32;
+    if (typeof amountUSD === "string") {
+      let t42;
+      if ($[3] !== tokenAmount) {
+        t42 = /* @__PURE__ */ jsx(TooltipTrigger, { children: tokenAmount });
+        $[3] = tokenAmount;
+        $[4] = t42;
+      } else {
+        t42 = $[4];
+      }
+      const t52 = +amountUSD;
+      let t62;
+      if ($[5] !== t52) {
+        t62 = formatFiatPrice(t52);
+        $[5] = t52;
+        $[6] = t62;
+      } else {
+        t62 = $[6];
+      }
+      let t72;
+      if ($[7] !== t62) {
+        t72 = /* @__PURE__ */ jsx(TooltipContent, { children: t62 });
+        $[7] = t62;
+        $[8] = t72;
+      } else {
+        t72 = $[8];
+      }
+      let t82;
+      if ($[9] !== t42 || $[10] !== t72) {
+        t82 = /* @__PURE__ */ jsxs(Tooltip, { children: [
+          t42,
+          t72
+        ] });
+        $[9] = t42;
+        $[10] = t72;
+        $[11] = t82;
+      } else {
+        t82 = $[11];
+      }
+      amountEl = t82;
+    } else {
+      amountEl = tokenAmount;
+    }
+  }
+  let t2;
+  if ($[12] !== address || $[13] !== chainId || $[14] !== classes?.logo || $[15] !== classes?.networkIcon || $[16] !== classes?.networkIconContainer || $[17] !== imageLess || $[18] !== imgSrc || $[19] !== showNetworkIcon) {
+    t2 = !imageLess && /* @__PURE__ */ jsxs("div", { className: cn("flex relative"), children: [
+      /* @__PURE__ */ jsx("img", { className: cn("size-[20px] overflow-hidden max-w-fit", classes?.logo), height: 20, width: 20, src: imgSrc ?? TOKEN_IMG_PLACEHOLDER, title: address, onError: _temp, alt: address }),
+      showNetworkIcon && /* @__PURE__ */ jsx("div", { className: cn("flex absolute bottom-[-1px] right-[-1px]", classes?.networkIconContainer), children: /* @__PURE__ */ jsx(NetworkIconSquare, { networkId: chainId, className: cn("size-[12px]", classes?.networkIcon), withBorder: true }) })
+    ] });
+    $[12] = address;
+    $[13] = chainId;
+    $[14] = classes?.logo;
+    $[15] = classes?.networkIcon;
+    $[16] = classes?.networkIconContainer;
+    $[17] = imageLess;
+    $[18] = imgSrc;
+    $[19] = showNetworkIcon;
+    $[20] = t2;
+  } else {
+    t2 = $[20];
+  }
+  const imgEl = t2;
+  let t3;
+  if ($[21] !== amountEl || $[22] !== amountPosition || $[23] !== imgEl) {
+    t3 = amountPosition === "right" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      imgEl,
+      amountEl
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      amountEl,
+      imgEl
+    ] });
+    $[21] = amountEl;
+    $[22] = amountPosition;
+    $[23] = imgEl;
+    $[24] = t3;
+  } else {
+    t3 = $[24];
+  }
+  const amountAndImg = t3;
+  const t4 = classes?.root;
+  let t5;
+  if ($[25] !== t4) {
+    t5 = cn("flex items-center gap-2 font-geist-mono", t4);
+    $[25] = t4;
+    $[26] = t5;
+  } else {
+    t5 = $[26];
+  }
+  let t6;
+  if ($[27] !== address || $[28] !== chainId || $[29] !== classes?.symbol || $[30] !== explorerLink || $[31] !== symbol) {
+    t6 = symbol && /* @__PURE__ */ jsx("div", { className: classes?.symbol, children: explorerLink ? /* @__PURE__ */ jsx(TokenLink, { address, symbol, network: chainId }) : symbol });
+    $[27] = address;
+    $[28] = chainId;
+    $[29] = classes?.symbol;
+    $[30] = explorerLink;
+    $[31] = symbol;
+    $[32] = t6;
+  } else {
+    t6 = $[32];
+  }
+  let t7;
+  if ($[33] !== lockIcon) {
+    t7 = lockIcon && /* @__PURE__ */ jsx(LockIcon, { className: "text-secondary-orange-peel-1" });
+    $[33] = lockIcon;
+    $[34] = t7;
+  } else {
+    t7 = $[34];
+  }
+  let t8;
+  if ($[35] !== amountAndImg || $[36] !== t5 || $[37] !== t6 || $[38] !== t7) {
+    t8 = /* @__PURE__ */ jsxs("div", { className: t5, children: [
+      amountAndImg,
+      t6,
+      t7
+    ] });
+    $[35] = amountAndImg;
+    $[36] = t5;
+    $[37] = t6;
+    $[38] = t7;
+    $[39] = t8;
+  } else {
+    t8 = $[39];
+  }
+  return t8;
 };
-function g(e) {
-	e.currentTarget.src = r;
+function _temp(e) {
+  e.currentTarget.src = TOKEN_IMG_PLACEHOLDER;
 }
-//#endregion
-export { h as TokenBadge };
 
-//# sourceMappingURL=TokenBadge.js.map
+export { TokenBadge };
+//# sourceMappingURL=TokenBadge.js.map

package/dist/components/widget/TokenBadge/TokenBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"TokenBadge.js","names":["NetworkIconSquare","cn","TokenBadgeProps","LockIcon","vlrURL","TOKEN_IMG_PLACEHOLDER","isVLR","Tooltip","TooltipContent","TooltipTrigger","formatFiatPrice","JSX","TokenLink","TokenBadge","React","FC","t0","$","_c","img","address","chainId","amount","amountUSD","symbol","imageLess","classes","lockIcon","showNetworkIcon","explorerLink","amountPosition","t1","undefined","isVLRToken","imgSrc","amountEl","t2","t3","tokenAmount","t4","t5","t6","t7","t8","logo","networkIcon","networkIconContainer","_temp","imgEl","amountAndImg","root","e","currentTarget","src"],"sources":["../../../../src/components/widget/TokenBadge/TokenBadge.tsx"],"sourcesContent":["import { NetworkIconSquare } from \"@/components/widget/NetworkIcon/NetworkIconSquare\";\nimport { cn } from \"@/lib/utils\";\nimport type { TokenBadgeProps } from \"./types\";\nimport { LockIcon } from \"lucide-react\";\nimport vlrURL from \"@/assets/vlr.svg?url\";\n\nimport TOKEN_IMG_PLACEHOLDER from \"./assets/placeholder.png\";\nimport { isVLR } from \"@/tokens/utils/brand\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\nimport type { JSX } from \"react\";\nimport { TokenLink } from \"./TokenLink\";\n\nexport const TokenBadge: React.FC<TokenBadgeProps> = ({\n  img,\n  address,\n  chainId,\n  amount,\n  amountUSD,\n  symbol,\n  imageLess,\n  classes,\n  lockIcon,\n  showNetworkIcon,\n  explorerLink,\n  amountPosition = \"left\",\n}) => {\n  const isVLRToken = isVLR({ address }, chainId);\n  const imgSrc = isVLRToken ? vlrURL : img;\n\n  let amountEl: JSX.Element | undefined;\n  if (amount !== undefined) {\n    const tokenAmount = <div className={classes?.amount}>{amount}</div>;\n    // wrap in tooltip if amountUSD is provided\n    if (typeof amountUSD === \"string\") {\n      amountEl = (\n        <Tooltip>\n          <TooltipTrigger>{tokenAmount}</TooltipTrigger>\n          <TooltipContent>{formatFiatPrice(+amountUSD)}</TooltipContent>\n        </Tooltip>\n      );\n    } else {\n      amountEl = tokenAmount;\n    }\n  }\n\n  const imgEl = !imageLess && (\n    <div className={cn(\"flex relative\")}>\n      <img\n        className={cn(\"size-[20px] overflow-hidden max-w-fit\", classes?.logo)}\n        // img can sometimes ignore height/width because of preflight.css reset\n        height={20}\n        width={20}\n        src={imgSrc ?? TOKEN_IMG_PLACEHOLDER}\n        title={address}\n        onError={(e) => {\n          e.currentTarget.src = TOKEN_IMG_PLACEHOLDER;\n        }}\n        alt={address}\n      />\n      {showNetworkIcon && (\n        <div\n          className={cn(\n            \"flex absolute bottom-[-1px] right-[-1px]\",\n            classes?.networkIconContainer\n          )}\n        >\n          <NetworkIconSquare\n            networkId={chainId}\n            className={cn(\"size-[12px]\", classes?.networkIcon)}\n            withBorder\n          />\n        </div>\n      )}\n    </div>\n  );\n\n  const amountAndImg =\n    amountPosition === \"right\" ? (\n      <>\n        {imgEl}\n        {amountEl}\n      </>\n    ) : (\n      <>\n        {amountEl}\n        {imgEl}\n      </>\n    );\n\n  return (\n    <div\n      className={cn(\"flex items-center gap-2 font-geist-mono\", classes?.root)}\n    >\n      {amountAndImg}\n      {symbol && (\n        <div className={classes?.symbol}>\n          {explorerLink ? (\n            <TokenLink address={address} symbol={symbol} network={chainId} />\n          ) : (\n            symbol\n          )}\n        </div>\n      )}\n      {lockIcon && <LockIcon className=\"text-secondary-orange-peel-1\" />}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"TokenBadge.js","sources":["../../../../src/components/widget/TokenBadge/TokenBadge.tsx"],"sourcesContent":["import { NetworkIconSquare } from \"@/components/widget/NetworkIcon/NetworkIconSquare\";\nimport { cn } from \"@/lib/utils\";\nimport type { TokenBadgeProps } from \"./types\";\nimport { LockIcon } from \"lucide-react\";\nimport vlrURL from \"@/assets/vlr.svg?url\";\n\nimport TOKEN_IMG_PLACEHOLDER from \"./assets/placeholder.png\";\nimport { isVLR } from \"@/tokens/utils/brand\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\nimport type { JSX } from \"react\";\nimport { TokenLink } from \"./TokenLink\";\n\nexport const TokenBadge: React.FC<TokenBadgeProps> = ({\n  img,\n  address,\n  chainId,\n  amount,\n  amountUSD,\n  symbol,\n  imageLess,\n  classes,\n  lockIcon,\n  showNetworkIcon,\n  explorerLink,\n  amountPosition = \"left\",\n}) => {\n  const isVLRToken = isVLR({ address }, chainId);\n  const imgSrc = isVLRToken ? vlrURL : img;\n\n  let amountEl: JSX.Element | undefined;\n  if (amount !== undefined) {\n    const tokenAmount = <div className={classes?.amount}>{amount}</div>;\n    // wrap in tooltip if amountUSD is provided\n    if (typeof amountUSD === \"string\") {\n      amountEl = (\n        <Tooltip>\n          <TooltipTrigger>{tokenAmount}</TooltipTrigger>\n          <TooltipContent>{formatFiatPrice(+amountUSD)}</TooltipContent>\n        </Tooltip>\n      );\n    } else {\n      amountEl = tokenAmount;\n    }\n  }\n\n  const imgEl = !imageLess && (\n    <div className={cn(\"flex relative\")}>\n      <img\n        className={cn(\"size-[20px] overflow-hidden max-w-fit\", classes?.logo)}\n        // img can sometimes ignore height/width because of preflight.css reset\n        height={20}\n        width={20}\n        src={imgSrc ?? TOKEN_IMG_PLACEHOLDER}\n        title={address}\n        onError={(e) => {\n          e.currentTarget.src = TOKEN_IMG_PLACEHOLDER;\n        }}\n        alt={address}\n      />\n      {showNetworkIcon && (\n        <div\n          className={cn(\n            \"flex absolute bottom-[-1px] right-[-1px]\",\n            classes?.networkIconContainer\n          )}\n        >\n          <NetworkIconSquare\n            networkId={chainId}\n            className={cn(\"size-[12px]\", classes?.networkIcon)}\n            withBorder\n          />\n        </div>\n      )}\n    </div>\n  );\n\n  const amountAndImg =\n    amountPosition === \"right\" ? (\n      <>\n        {imgEl}\n        {amountEl}\n      </>\n    ) : (\n      <>\n        {amountEl}\n        {imgEl}\n      </>\n    );\n\n  return (\n    <div\n      className={cn(\"flex items-center gap-2 font-geist-mono\", classes?.root)}\n    >\n      {amountAndImg}\n      {symbol && (\n        <div className={classes?.symbol}>\n          {explorerLink ? (\n            <TokenLink address={address} symbol={symbol} network={chainId} />\n          ) : (\n            symbol\n          )}\n        </div>\n      )}\n      {lockIcon && <LockIcon className=\"text-secondary-orange-peel-1\" />}\n    </div>\n  );\n};\n"],"names":["TokenBadge","t0","$","_c","img","address","chainId","amount","amountUSD","symbol","imageLess","classes","lockIcon","showNetworkIcon","explorerLink","amountPosition","t1","undefined","isVLRToken","isVLR","imgSrc","vlrURL","amountEl","t2","t3","tokenAmount","t4","t5","t6","formatFiatPrice","t7","t8","logo","networkIcon","networkIconContainer","cn","TOKEN_IMG_PLACEHOLDER","_temp","imgEl","amountAndImg","root","e","currentTarget","src"],"mappings":"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"}

package/dist/components/widget/TokenBadge/TokenLink.js

@@ -1,34 +1,65 @@
-import { cn as e } from "../../../lib/utils/index.js";
-import { constructTokenLinkForChain as t } from "../../../lib/utils/explorer.js";
-import { c as n } from "react-compiler-runtime";
-import { jsx as r } from "react/jsx-runtime";
-//#region src/components/widget/TokenBadge/TokenLink.tsx
-var i = (i) => {
-	let a = n(12), { address: o, network: s, symbol: c, classes: l } = i, u;
-	a[0] !== o || a[1] !== s ? (u = t({
-		address: o,
-		chainId: s
-	}), a[0] = o, a[1] = s, a[2] = u) : u = a[2];
-	let d = u;
-	if (!d) {
-		let e = l?.root, t = c || o, n;
-		return a[3] !== e || a[4] !== t ? (n = /* @__PURE__ */ r("span", {
-			className: e,
-			children: t
-		}), a[3] = e, a[4] = t, a[5] = n) : n = a[5], n;
-	}
-	let f = l?.root, p;
-	a[6] === f ? p = a[7] : (p = e("underline", f), a[6] = f, a[7] = p);
-	let m = c || o, h;
-	return a[8] !== p || a[9] !== m || a[10] !== d ? (h = /* @__PURE__ */ r("a", {
-		href: d,
-		target: "_blank",
-		className: p,
-		rel: "noopener noreferrer",
-		children: m
-	}), a[8] = p, a[9] = m, a[10] = d, a[11] = h) : h = a[11], h;
+import { jsx } from 'react/jsx-runtime';
+import { d as distExports } from '../../../_virtual/index.js';
+import { cn } from '../../../lib/utils/index.js';
+import { constructTokenLinkForChain } from '../../../lib/utils/explorer.js';
+
+const TokenLink = (t0) => {
+  const $ = distExports.c(12);
+  const {
+    address,
+    network,
+    symbol,
+    classes
+  } = t0;
+  let t1;
+  if ($[0] !== address || $[1] !== network) {
+    t1 = constructTokenLinkForChain({
+      address,
+      chainId: network
+    });
+    $[0] = address;
+    $[1] = network;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const tokenLink = t1;
+  if (!tokenLink) {
+    const t22 = classes?.root;
+    const t32 = symbol || address;
+    let t42;
+    if ($[3] !== t22 || $[4] !== t32) {
+      t42 = /* @__PURE__ */ jsx("span", { className: t22, children: t32 });
+      $[3] = t22;
+      $[4] = t32;
+      $[5] = t42;
+    } else {
+      t42 = $[5];
+    }
+    return t42;
+  }
+  const t2 = classes?.root;
+  let t3;
+  if ($[6] !== t2) {
+    t3 = cn("underline", t2);
+    $[6] = t2;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  const t4 = symbol || address;
+  let t5;
+  if ($[8] !== t3 || $[9] !== t4 || $[10] !== tokenLink) {
+    t5 = /* @__PURE__ */ jsx("a", { href: tokenLink, target: "_blank", className: t3, rel: "noopener noreferrer", children: t4 });
+    $[8] = t3;
+    $[9] = t4;
+    $[10] = tokenLink;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  return t5;
 };
-//#endregion
-export { i as TokenLink };
 
-//# sourceMappingURL=TokenLink.js.map
+export { TokenLink };
+//# sourceMappingURL=TokenLink.js.map

package/dist/components/widget/TokenBadge/TokenLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"TokenLink.js","names":["cn","constructTokenLinkForChain","Token","WithClasses","TokenLink","t0","$","_c","address","network","symbol","classes","t1","chainId","tokenLink","t2","root","t3","t4","t5"],"sources":["../../../../src/components/widget/TokenBadge/TokenLink.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { constructTokenLinkForChain } from \"@/lib/utils/explorer\";\nimport type { Token } from \"@/tokens/state/types\";\nimport type { WithClasses } from \"@/types/withClasses\";\n\nexport const TokenLink = ({\n  address,\n  network,\n  symbol,\n  classes,\n}: Pick<Token, \"address\" | \"symbol\" | \"network\"> & WithClasses<\"root\">) => {\n  const tokenLink = constructTokenLinkForChain({\n    address,\n    chainId: network,\n  });\n\n  if (!tokenLink)\n    return <span className={classes?.root}>{symbol || address}</span>;\n  return (\n    <a\n      href={tokenLink}\n      target=\"_blank\"\n      className={cn(\"underline\", classes?.root)}\n      rel=\"noopener noreferrer\"\n    >\n      {symbol || address}\n    </a>\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaI,KAAYC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,YAAAC,YAAAC,WAAAC,eAAAN,GAK4CO;AAAA,CAAAN,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KAClDG,IAAAX,EAA2B;EAAAO;EAAAK,SAElCJ;EACV,CAAC,EAAAH,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAM,KAAAA,IAAAN,EAAA;CAHF,IAAAQ,IAAkBF;AAKlB,KAAI,CAACE,GAAS;EACY,IAAAC,IAAAJ,GAAOK,MAASC,IAAAP,KAAAF,GAAiBU;AAAQ,SAARZ,EAAA,OAAAS,KAAAT,EAAA,OAAAW,KAAlDC,IAAA,kBAAA,QAAA;GAAiB,WAAAH;aAAgBE;GAAyB,CAAA,EAAAX,EAAA,KAAAS,GAAAT,EAAA,KAAAW,GAAAX,EAAA,KAAAY,KAAAA,IAAAZ,EAAA,IAA1DY;;CAKsB,IAAAH,IAAAJ,GAAOK,MAAMC;AAAA,CAAAX,EAAA,OAAAS,IAACE,IAAAX,EAAA,MAA9BW,IAAAjB,EAAG,aAAae,EAAc,EAAAT,EAAA,KAAAS,GAAAT,EAAA,KAAAW;CAGxC,IAAAC,IAAAR,KAAAF,GAAiBW;AAChB,QADgBb,EAAA,OAAAW,KAAAX,EAAA,OAAAY,KAAAZ,EAAA,QAAAQ,KANpBK,IAAA,kBAAA,KAAA;EACQL,MAAAA;EACC,QAAA;EACI,WAAAG;EACP,KAAA;YAEHC;EACC,CAAA,EAAAZ,EAAA,KAAAW,GAAAX,EAAA,KAAAY,GAAAZ,EAAA,MAAAQ,GAAAR,EAAA,MAAAa,KAAAA,IAAAb,EAAA,KAPJa"}
+{"version":3,"file":"TokenLink.js","sources":["../../../../src/components/widget/TokenBadge/TokenLink.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { constructTokenLinkForChain } from \"@/lib/utils/explorer\";\nimport type { Token } from \"@/tokens/state/types\";\nimport type { WithClasses } from \"@/types/withClasses\";\n\nexport const TokenLink = ({\n  address,\n  network,\n  symbol,\n  classes,\n}: Pick<Token, \"address\" | \"symbol\" | \"network\"> & WithClasses<\"root\">) => {\n  const tokenLink = constructTokenLinkForChain({\n    address,\n    chainId: network,\n  });\n\n  if (!tokenLink)\n    return <span className={classes?.root}>{symbol || address}</span>;\n  return (\n    <a\n      href={tokenLink}\n      target=\"_blank\"\n      className={cn(\"underline\", classes?.root)}\n      rel=\"noopener noreferrer\"\n    >\n      {symbol || address}\n    </a>\n  );\n};\n"],"names":["TokenLink","t0","$","_c","address","network","symbol","classes","t1","constructTokenLinkForChain","chainId","tokenLink","t2","root","t3","t4","cn","t5"],"mappings":";;;;;AAKO,MAAMA,YAAYC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,OAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAN,EAAAA;AAK4C,EAAA,IAAAO,EAAAA;AAAA,EAAA,IAAAN,EAAA,CAAA,CAAA,KAAAE,WAAAF,CAAAA,QAAAG,OAAAA,EAAA;AAClDG,IAAAA,EAAAA,GAAAC,0BAAAA,CAA2B;AAAA,MAAAL,OAAAA;AAAAA,MAAAM,OAAAA,EAElCL;AAAAA,KACV,CAAA;AAACH,IAAAA,CAAAA,MAAAE,OAAAA;AAAAF,IAAAA,CAAAA,MAAAG,OAAAA;AAAAH,IAAAA,CAAAA,MAAAM,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA,EAAA;AAHF,EAAA,MAAAS,SAAAA,GAAkBH,EAAAA;AAKlB,EAAA,IAAI,CAACG,SAAAA,EAAS;AACY,IAAA,MAAAC,MAAAL,OAAAA,EAAOM,IAAAA;AAAS,IAAA,MAAAC,MAAAR,MAAAA,IAAAF,OAAAA;AAAiB,IAAA,IAAAW,GAAAA;AAAA,IAAA,IAAAb,EAAA,CAAA,CAAA,KAAAU,OAAAV,CAAAA,QAAAY,GAAAA,EAAA;AAAlDC,MAAAA,sBAAA,GAAA,CAAA,MAAA,EAAA,EAAiB,SAAA,EAAAH,GAAAA,EAAgBE,UAAAA,GAAAA,EAAkB,CAAA;AAAOZ,MAAAA,CAAAA,MAAAU,GAAAA;AAAAV,MAAAA,CAAAA,MAAAY,GAAAA;AAAAZ,MAAAA,CAAAA,MAAAa,GAAAA;AAAAA,IAAA,CAAA,MAAA;AAAAA,MAAAA,GAAAA,GAAAb,EAAA,CAAA,CAAA;AAAA,IAAA;AAAA,IAAA,OAA1Da,GAAAA;AAAAA,EAA0D;AAKpC,EAAA,MAAAH,KAAAL,OAAAA,EAAOM,IAAAA;AAAM,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAZ,CAAAA,QAAAU,EAAAA,EAAA;AAA7BE,IAAAA,EAAAA,GAAAE,EAAAA,CAAG,aAAaJ,EAAa,CAAA;AAACV,IAAAA,CAAAA,MAAAU,EAAAA;AAAAV,IAAAA,CAAAA,MAAAY,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAZ,EAAA,CAAA,CAAA;AAAA,EAAA;AAGxC,EAAA,MAAAa,KAAAT,MAAAA,IAAAF,OAAAA;AAAiB,EAAA,IAAAa,EAAAA;AAAA,EAAA,IAAAf,CAAAA,CAAA,CAAA,CAAA,KAAAY,EAAAA,IAAAZ,CAAAA,QAAAa,EAAAA,IAAAb,CAAAA,CAAA,EAAA,CAAA,KAAAS,SAAAA,EAAA;AANpBM,IAAAA,EAAAA,mBAAA,GAAA,CAAA,GAAA,EAAA,EACQN,IAAAA,EAAAA,SAAAA,EACC,MAAA,EAAA,UACI,SAAA,EAAAG,EAAAA,EACP,GAAA,EAAA,qBAAA,EAEHC,QAAAA,EAAAA,EAAAA,EACH,CAAA;AAAIb,IAAAA,CAAAA,MAAAY,EAAAA;AAAAZ,IAAAA,CAAAA,MAAAa,EAAAA;AAAAb,IAAAA,CAAAA,OAAAS,SAAAA;AAAAT,IAAAA,CAAAA,OAAAe,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAf,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAPJe,EAAAA;AAOI;;;;"}

package/dist/components/widget/TokenBadge/assets/placeholder.png.js

@@ -0,0 +1,4 @@
+const TOKEN_IMG_PLACEHOLDER = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhBAMAAADMnc9JAAAAHlBMVEVHcEzX2d3U1tvY2t7d3uLp6uzf4eTk5ejm5+rl5umE/yWPAAAAAXRSTlMAQObYZgAABPpJREFUeNrVnFtS2zAUhm3hOPAWmU4pb9ZASngDVpBkBZ2sIOkKCCuArIB2xeVWsGPJls7lZ9Bzm6/z1/p0O1KWfZl2CyfWaGBu0cQHew8mOguOtbD2G5ZorK2wRPvUJkjg0TPxFBwqONbFM9HOoX3juQH7R25fG4745434CA4VGGvxBsRpx/wnwvqHfW8g7Yw/iCfgUGGxLj6IIO24BrEGhwqKddsk2ltwqJBYixYQoR3TJlZI4YC0M94nnoBDBcR6vU+0V9C+Aegfue02pHAQ2nEeomqsBx6gPdYkrnzE6hc4VNVYx16gpnaMn1ghhaOsnZELEKfgUBVj3YSIdg3tG4r94yAI1NLOKkxU0k44VKVYyx6g/Q7tG2r947qPqKGdkeslTsGhqsS66ScqaMcNEGugcJS0sxoiimtnKFTxWMtBoLR2zDCxQgpHQTsjF0GcgkMVjnUTQxTVjosi1kDhiGtnFUcU1E5cqIKxlpFAOe2YWKJY/7DRTWjL7NBFE2fgUMViXcQThXbqXQJRpH/kNqVJEB+SiPfgUEViLZKAEjv1Jo1YIYUjpJ3DVOIPcKgCsS5SiWztuGRijRSOhHYeCMR7cKjMWAsCkKcdQyFWSOGwtXNEI56CQ2XFuqARGdpxRGKNFA5PO1sy8RYcKjnWggykasfQiRVSOAztjDnEE3CoxFgXHCJJO45FrJHCoWpnyyTegkMlxHrABKZrx3CJFVI4JO2M+cQTcKjJsS4FiGnaGTk2MXWjvuQif6bvVPOQZxlarKQ5wB3jqyFO5pagz1RAPPTF1SHt6+HsJBcU5DnvNMdB+gXhOEfyYOd3IlDggO4mCUg+aD0iSr2h73Fiv2hMjMbxyIvGT6T2keWc8MGeBX4gbhJQPaZLvfH3/6avPJxNlXpT3zlhGbBpuWOZpu8nV60pw+NFktQn7W+NtraqE6Q+a/cnyt7Drt2fB6R+3nZGRdnWLfac1dtHzva8SNvscHtejqxCXNE3dIzvHz+o75coiLsrZWfeeTOs79d5LvWYviPngNS7f4I60Xld7lSTAak3u23F29I9ch2ZeD7Ys66aLsmD8VutU7Nz5X363rHrn4znV+/69M3eJ3//UoJS39M3v+Bq4/s6evTNr37KfT/dkPrMuwEkc1LW7eVBO/AOILdhkwUNyLu3c9Bj64DlufVdLjgihUYy5qlua4hq/bd5/2Ml1h1FSNkhwfPLLCJWFZVsqZUZXOAvhes62nuCnhnTjn/s4B9AQkLJ5ctmTe8qf29SKVJMtj/VuPQM2uTtv7ijlknP4mAuQjThqduNUuGjCy3b7rTKSTeBKXh3kr4WIub++ZtnXpdlSrG+SL3UvLa788zDPfNz0hIu/kjJMzuXvOIBryf/hCr9qGpr2QsekPrD1FiFb5REVCNdyhIjLrFI35wz4FAj9nXlr+oNXWOZixPxdwMHTFcrELcqlVWpA4jKsBEXa61CxN+ALpRKVkmx1kpE/PsApWjlGGtc1nteBv+WxfAesnhbgIaNgVh13yWCv2bjHZfXqkT8q0T4l5e6CzvBJVzkuHycZeBYa3Ui/u21UnMJFzOAIN6YxL9MONZcwg0v7K4gRPwrmo1xeYohNsblOYiYo4aNrulqGHGruITrHUCOswwcaw0krhSXcD0LO+wj7A4c6me8+l7C3kJujMsTMNGAQ82ywxmamK2zL9P+AWiuFtNLCYwNAAAAAElFTkSuQmCC";
+
+export { TOKEN_IMG_PLACEHOLDER as default };
+//# sourceMappingURL=placeholder.png.js.map

package/dist/components/widget/TokenBadge/assets/placeholder.png.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"placeholder.png.js","sources":["../../../../../src/components/widget/TokenBadge/assets/placeholder.png"],"sourcesContent":["export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhBAMAAADMnc9JAAAAHlBMVEVHcEzX2d3U1tvY2t7d3uLp6uzf4eTk5ejm5+rl5umE/yWPAAAAAXRSTlMAQObYZgAABPpJREFUeNrVnFtS2zAUhm3hOPAWmU4pb9ZASngDVpBkBZ2sIOkKCCuArIB2xeVWsGPJls7lZ9Bzm6/z1/p0O1KWfZl2CyfWaGBu0cQHew8mOguOtbD2G5ZorK2wRPvUJkjg0TPxFBwqONbFM9HOoX3juQH7R25fG4745434CA4VGGvxBsRpx/wnwvqHfW8g7Yw/iCfgUGGxLj6IIO24BrEGhwqKddsk2ltwqJBYixYQoR3TJlZI4YC0M94nnoBDBcR6vU+0V9C+Aegfue02pHAQ2nEeomqsBx6gPdYkrnzE6hc4VNVYx16gpnaMn1ghhaOsnZELEKfgUBVj3YSIdg3tG4r94yAI1NLOKkxU0k44VKVYyx6g/Q7tG2r947qPqKGdkeslTsGhqsS66ScqaMcNEGugcJS0sxoiimtnKFTxWMtBoLR2zDCxQgpHQTsjF0GcgkMVjnUTQxTVjosi1kDhiGtnFUcU1E5cqIKxlpFAOe2YWKJY/7DRTWjL7NBFE2fgUMViXcQThXbqXQJRpH/kNqVJEB+SiPfgUEViLZKAEjv1Jo1YIYUjpJ3DVOIPcKgCsS5SiWztuGRijRSOhHYeCMR7cKjMWAsCkKcdQyFWSOGwtXNEI56CQ2XFuqARGdpxRGKNFA5PO1sy8RYcKjnWggykasfQiRVSOAztjDnEE3CoxFgXHCJJO45FrJHCoWpnyyTegkMlxHrABKZrx3CJFVI4JO2M+cQTcKjJsS4FiGnaGTk2MXWjvuQif6bvVPOQZxlarKQ5wB3jqyFO5pagz1RAPPTF1SHt6+HsJBcU5DnvNMdB+gXhOEfyYOd3IlDggO4mCUg+aD0iSr2h73Fiv2hMjMbxyIvGT6T2keWc8MGeBX4gbhJQPaZLvfH3/6avPJxNlXpT3zlhGbBpuWOZpu8nV60pw+NFktQn7W+NtraqE6Q+a/cnyt7Drt2fB6R+3nZGRdnWLfac1dtHzva8SNvscHtejqxCXNE3dIzvHz+o75coiLsrZWfeeTOs79d5LvWYviPngNS7f4I60Xld7lSTAak3u23F29I9ch2ZeD7Ys66aLsmD8VutU7Nz5X363rHrn4znV+/69M3eJ3//UoJS39M3v+Bq4/s6evTNr37KfT/dkPrMuwEkc1LW7eVBO/AOILdhkwUNyLu3c9Bj64DlufVdLjgihUYy5qlua4hq/bd5/2Ml1h1FSNkhwfPLLCJWFZVsqZUZXOAvhes62nuCnhnTjn/s4B9AQkLJ5ctmTe8qf29SKVJMtj/VuPQM2uTtv7ijlknP4mAuQjThqduNUuGjCy3b7rTKSTeBKXh3kr4WIub++ZtnXpdlSrG+SL3UvLa788zDPfNz0hIu/kjJMzuXvOIBryf/hCr9qGpr2QsekPrD1FiFb5REVCNdyhIjLrFI35wz4FAj9nXlr+oNXWOZixPxdwMHTFcrELcqlVWpA4jKsBEXa61CxN+ALpRKVkmx1kpE/PsApWjlGGtc1nteBv+WxfAesnhbgIaNgVh13yWCv2bjHZfXqkT8q0T4l5e6CzvBJVzkuHycZeBYa3Ui/u21UnMJFzOAIN6YxL9MONZcwg0v7K4gRPwrmo1xeYohNsblOYiYo4aNrulqGHGruITrHUCOswwcaw0krhSXcD0LO+wj7A4c6me8+l7C3kJujMsTMNGAQ82ywxmamK2zL9P+AWiuFtNLCYwNAAAAAElFTkSuQmCC\""],"names":[],"mappings":"AAAA,8BAAe;;;;"}

package/dist/components/widget/TokenInput/InputContainer.js

@@ -1,19 +1,54 @@
-import { cn as e } from "../../../lib/utils/index.js";
-import { c as t } from "react-compiler-runtime";
-import { jsx as n } from "react/jsx-runtime";
-//#region src/components/widget/TokenInput/InputContainer.tsx
-var r = (r) => {
-	let i = t(11), a, o, s, c;
-	i[0] === r ? (a = i[1], o = i[2], s = i[3], c = i[4]) : ({token: c, insufficientBalanceMessageProps: s, className: a, ...o} = r, i[0] = r, i[1] = a, i[2] = o, i[3] = s, i[4] = c);
-	let l = c && s?.shouldDisplay, u;
-	i[5] !== a || i[6] !== l ? (u = e("group flex flex-col gap-[8px] p-4 border-1 rounded-[12px] border-transparent transition-all focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2", a, { "border-secondary-orange-peel-1": l }), i[5] = a, i[6] = l, i[7] = u) : u = i[7];
-	let d;
-	return i[8] !== o || i[9] !== u ? (d = /* @__PURE__ */ n("div", {
-		className: u,
-		...o
-	}), i[8] = o, i[9] = u, i[10] = d) : d = i[10], d;
+import { jsx } from 'react/jsx-runtime';
+import { d as distExports } from '../../../_virtual/index.js';
+import { cn } from '../../../lib/utils/index.js';
+
+const InputContainer = (t0) => {
+  const $ = distExports.c(11);
+  let className;
+  let divProps;
+  let insufficientBalanceMessageProps;
+  let token;
+  if ($[0] !== t0) {
+    ({
+      token,
+      insufficientBalanceMessageProps,
+      className,
+      ...divProps
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = divProps;
+    $[3] = insufficientBalanceMessageProps;
+    $[4] = token;
+  } else {
+    className = $[1];
+    divProps = $[2];
+    insufficientBalanceMessageProps = $[3];
+    token = $[4];
+  }
+  const t1 = token && insufficientBalanceMessageProps?.shouldDisplay;
+  let t2;
+  if ($[5] !== className || $[6] !== t1) {
+    t2 = cn("group flex flex-col gap-[8px] p-4 border-1 rounded-[12px] border-transparent transition-all focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2", className, {
+      "border-secondary-orange-peel-1": t1
+    });
+    $[5] = className;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  let t3;
+  if ($[8] !== divProps || $[9] !== t2) {
+    t3 = /* @__PURE__ */ jsx("div", { className: t2, ...divProps });
+    $[8] = divProps;
+    $[9] = t2;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  return t3;
 };
-//#endregion
-export { r as InputContainer };
 
-//# sourceMappingURL=InputContainer.js.map
+export { InputContainer };
+//# sourceMappingURL=InputContainer.js.map

package/dist/components/widget/TokenInput/InputContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputContainer.js","names":["cn","TokenInputProps","InputContainer","t0","$","_c","className","divProps","insufficientBalanceMessageProps","token","t1","shouldDisplay","t2","t3"],"sources":["../../../../src/components/widget/TokenInput/InputContainer.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { TokenInputProps } from \"./types\";\n\nexport const InputContainer = ({\n  token,\n  insufficientBalanceMessageProps,\n  className,\n  ...divProps\n}: Pick<TokenInputProps, \"token\" | \"insufficientBalanceMessageProps\"> &\n  React.HTMLAttributes<HTMLDivElement>) => {\n  return (\n    <div\n      className={cn(\n        \"group flex flex-col gap-[8px] p-4 border-1 rounded-[12px] border-transparent transition-all focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2\",\n        className,\n        {\n          \"border-secondary-orange-peel-1\":\n            token && insufficientBalanceMessageProps?.shouldDisplay,\n        }\n      )}\n      {...divProps}\n    ></div>\n  );\n};\n"],"mappings":";;;;AAGA,IAAaE,KAAiBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAC,GAAAC,GAAAC,GAAAC;AAAA,CAAAL,EAAA,OAAAD,KAMQG,IAAAF,EAAA,IAAAG,IAAAH,EAAA,IAAAI,IAAAJ,EAAA,IAAAK,IAAAL,EAAA,OANP,gEAAAG,KAAAJ,GAMOC,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAI,GAAAJ,EAAA,KAAAK;CAQ1B,IAAAC,IAAAD,KAASD,GAA+BG,eAAeC;AAAA,CAAAR,EAAA,OAAAE,KAAAF,EAAA,OAAAM,KALlDE,IAAAZ,EACT,mKACAM,GACA,EAAA,kCAEII,GAEN,CAAC,EAAAN,EAAA,KAAAE,GAAAF,EAAA,KAAAM,GAAAN,EAAA,KAAAQ,KAAAA,IAAAR,EAAA;CAAA,IAAAS;AAEI,QAFJT,EAAA,OAAAG,KAAAH,EAAA,OAAAQ,KARHC,IAAA,kBAAA,OAAA;EACa,WAAAD;EAOV,GACGL;EACC,CAAA,EAAAH,EAAA,KAAAG,GAAAH,EAAA,KAAAQ,GAAAR,EAAA,MAAAS,KAAAA,IAAAT,EAAA,KAVPS"}
+{"version":3,"file":"InputContainer.js","sources":["../../../../src/components/widget/TokenInput/InputContainer.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { TokenInputProps } from \"./types\";\n\nexport const InputContainer = ({\n  token,\n  insufficientBalanceMessageProps,\n  className,\n  ...divProps\n}: Pick<TokenInputProps, \"token\" | \"insufficientBalanceMessageProps\"> &\n  React.HTMLAttributes<HTMLDivElement>) => {\n  return (\n    <div\n      className={cn(\n        \"group flex flex-col gap-[8px] p-4 border-1 rounded-[12px] border-transparent transition-all focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2\",\n        className,\n        {\n          \"border-secondary-orange-peel-1\":\n            token && insufficientBalanceMessageProps?.shouldDisplay,\n        }\n      )}\n      {...divProps}\n    ></div>\n  );\n};\n"],"names":["InputContainer","t0","$","_c","className","divProps","insufficientBalanceMessageProps","token","t1","shouldDisplay","t2","cn","t3"],"mappings":";;;;AAGO,MAAMA,iBAAiBC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAA,EAAA,IAAAC,SAAAA;AAAA,EAAA,IAAAC,QAAAA;AAAA,EAAA,IAAAC,+BAAAA;AAAA,EAAA,IAAAC,KAAAA;AAAA,EAAA,IAAAL,CAAAA,QAAAD,EAAAA,EAAA;AAAC,IAAA,CAAA;AAAA,MAAAM,KAAAA;AAAAA,MAAAD,+BAAAA;AAAAA,MAAAF,SAAAA;AAAAA,MAAA,GAAAC;AAAAA,KAAA,GAAAJ,EAAAA;AAMOC,IAAAA,CAAAA,MAAAD,EAAAA;AAAAC,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAG,QAAAA;AAAAH,IAAAA,CAAAA,MAAAI,+BAAAA;AAAAJ,IAAAA,CAAAA,MAAAK,KAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAH,IAAAA,SAAAA,GAAAF,EAAA,CAAA,CAAA;AAAAG,IAAAA,QAAAA,GAAAH,EAAA,CAAA,CAAA;AAAAI,IAAAA,+BAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAAK,IAAAA,KAAAA,GAAAL,EAAA,CAAA,CAAA;AAAA,EAAA;AAQ1B,EAAA,MAAAM,EAAAA,GAAAD,SAASD,+BAAAA,EAA+BG,aAAAA;AAAe,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAR,EAAA,CAAA,CAAA,KAAAE,aAAAF,CAAAA,QAAAM,EAAAA,EAAA;AALlDE,IAAAA,EAAAA,GAAAC,EAAAA,CACT,mKACAP,SAAAA,EACA;AAAA,MAAA,gCAAA,EAEII;AAAAA,KAEN,CAAA;AAACN,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAM,EAAAA;AAAAN,IAAAA,CAAAA,MAAAQ,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAR,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAU,EAAAA;AAAA,EAAA,IAAAV,EAAA,CAAA,CAAA,KAAAG,YAAAH,CAAAA,QAAAQ,EAAAA,EAAA;AARHE,IAAAA,EAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EACa,SAAA,EAAAF,EAAAA,EAOV,GACGL,QAAAA,EAAQ,CAAA;AACPH,IAAAA,CAAAA,MAAAG,QAAAA;AAAAH,IAAAA,CAAAA,MAAAQ,EAAAA;AAAAR,IAAAA,CAAAA,OAAAU,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAV,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAVPU,EAAAA;AAUO;;;;"}