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

package/dist/components/widget/Toasts/CustomToast.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomToast.js","sources":["../../../../src/components/widget/Toasts/CustomToast.tsx"],"sourcesContent":["import { Line } from \"../Line/Line\";\nimport { X } from \"lucide-react\";\nimport { toast } from \"sonner\";\nimport { cn } from \"@/lib/utils\";\n\nimport { ReactComponent as Spinner } from \"@/assets/spinner.svg\";\nimport { ReactComponent as CircleCheckSVG } from \"@/assets/circle-check.svg\";\nimport { ReactComponent as CircleExclamationSVG } from \"@/assets/circle-exclamation.svg\";\nimport { ProgressBar } from \"@/components/ui/progress\";\nimport { TOASTER_LIFETIME } from \"@/core/constants\";\n\n// @TODO toasts in loading state has to be stored together to show a single pending toast for either all transactions or orders\n\nexport const CustomToast = ({\n  toastId,\n  variant,\n  label,\n  detailsLink,\n  onClose: _onClose,\n}: {\n  toastId: string; // should pass the id, otherwise it won't be closable\n  variant: \"error\" | \"success\" | \"loading\"; // to match the toast.promise flow\n  label: string;\n  detailsLink?: string;\n  onClose?: () => void;\n}) => {\n  const isLoading = variant === \"loading\";\n  const isSuccess = variant === \"success\";\n  const isError = variant === \"error\";\n\n  // mostly the same styles but different bg-color\n  const isSuccessOrError = isSuccess || isError;\n\n  const icon = isLoading ? (\n    <Spinner\n      width={16}\n      height={16}\n      className=\"animate-spin direction-reverse\"\n    />\n  ) : isSuccess ? (\n    <CircleCheckSVG />\n  ) : (\n    <CircleExclamationSVG />\n  );\n\n  const onClose = () => {\n    toast.dismiss(toastId);\n    _onClose?.();\n  };\n\n  return (\n    // extra flex container to keep it centered and do not stretch the content,\n    // because sonner stretches the toast to full width in mobile\n    <div className=\"flex justify-center\">\n      <div\n        className={cn(\"text-xs text-nowrap rounded-xs flex flex-col\", {\n          \"text-contrast-3 dark:text-contrast-7 bg-contrast-7 dark:bg-contrast-2\":\n            isLoading,\n          \"text-contrast-9 bg-secondary-shamrock-green-1\": isSuccess,\n          \"text-contrast-9 bg-secondary-radical-red-1\": isError,\n        })}\n      >\n        <div className=\"flex items-center\">\n          <div\n            className={cn(\"py-2 px-4 flex items-center\", {\n              \"py-3\": isLoading, // extra padding because no ProgressBar in loading state\n            })}\n          >\n            <div className=\"mr-1.5\">{icon}</div>\n            <div className=\"font-medium mr-4\">{label}</div>\n            {detailsLink && (\n              <div\n                className={cn(\"cursor-pointer\", {\n                  \"text-contrast-7\": isSuccessOrError,\n                })}\n              >\n                <a href={detailsLink} target=\"_blank\" rel=\"noopener noreferrer\">\n                  Details\n                </a>\n              </div>\n            )}\n          </div>\n          <Line\n            vertical\n            className={cn({\n              \"bg-contrast-6 dark:bg-contrast-3\": isLoading,\n              \"bg-[#0000000D] dark:bg-[#0000000D]\": isSuccessOrError,\n            })}\n          />\n          <div\n            className={cn(\n              \"rounded-[50%] w-[18px] h-[18px] flex items-center justify-center mx-4 cursor-pointer\",\n              {\n                \"bg-[#B7BECB] dark:bg-contrast-1\": isLoading,\n                \"bg-contrast-9\": isSuccessOrError,\n              }\n            )}\n            onClick={onClose}\n          >\n            <X\n              size={12}\n              className={cn({\n                \"dark:text-contrast-5\": isLoading,\n                \"text-contrast-5\": isSuccessOrError,\n              })}\n            />\n          </div>\n        </div>\n        {isSuccessOrError && (\n          <ProgressBar\n            duration={TOASTER_LIFETIME}\n            rootProps={{\n              className:\n                \"h-[4px] bg-black/10 rounded-bl-xs rounded-br-xs mx-[0.5px]\",\n            }}\n            indicatorProps={{\n              className: \"bg-white/60\",\n              onTransitionEnd: onClose,\n            }}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["CustomToast","t0","$","_c","toastId","variant","label","detailsLink","onClose","_onClose","isLoading","isSuccess","isError","isSuccessOrError","t1","Spinner","CircleCheckSVG","CircleExclamationSVG","icon","t2","toast","dismiss","t3","cn","t4","t5","t6","t7","t8","t9","t10","t11","t12","t13","t14","t15","t16","TOASTER_LIFETIME","className","onTransitionEnd","t17"],"mappings":"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"}
+{"version":3,"file":"CustomToast.js","names":["Line","X","toast","cn","ReactComponent","Spinner","CircleCheckSVG","CircleExclamationSVG","ProgressBar","TOASTER_LIFETIME","CustomToast","t0","$","_c","toastId","variant","label","detailsLink","onClose","_onClose","isLoading","isSuccess","isError","isSuccessOrError","t1","icon","t2","dismiss","t3","t4","t5","t6","t7","t8","t9","t10","t11","t12","t13","t14","t15","t16","className","onTransitionEnd","t17"],"sources":["../../../../src/components/widget/Toasts/CustomToast.tsx"],"sourcesContent":["import { Line } from \"../Line/Line\";\nimport { X } from \"lucide-react\";\nimport { toast } from \"sonner\";\nimport { cn } from \"@/lib/utils\";\n\nimport { ReactComponent as Spinner } from \"@/assets/spinner.svg\";\nimport { ReactComponent as CircleCheckSVG } from \"@/assets/circle-check.svg\";\nimport { ReactComponent as CircleExclamationSVG } from \"@/assets/circle-exclamation.svg\";\nimport { ProgressBar } from \"@/components/ui/progress\";\nimport { TOASTER_LIFETIME } from \"@/core/constants\";\n\n// @TODO toasts in loading state has to be stored together to show a single pending toast for either all transactions or orders\n\nexport const CustomToast = ({\n  toastId,\n  variant,\n  label,\n  detailsLink,\n  onClose: _onClose,\n}: {\n  toastId: string; // should pass the id, otherwise it won't be closable\n  variant: \"error\" | \"success\" | \"loading\"; // to match the toast.promise flow\n  label: string;\n  detailsLink?: string;\n  onClose?: () => void;\n}) => {\n  const isLoading = variant === \"loading\";\n  const isSuccess = variant === \"success\";\n  const isError = variant === \"error\";\n\n  // mostly the same styles but different bg-color\n  const isSuccessOrError = isSuccess || isError;\n\n  const icon = isLoading ? (\n    <Spinner\n      width={16}\n      height={16}\n      className=\"animate-spin direction-reverse\"\n    />\n  ) : isSuccess ? (\n    <CircleCheckSVG />\n  ) : (\n    <CircleExclamationSVG />\n  );\n\n  const onClose = () => {\n    toast.dismiss(toastId);\n    _onClose?.();\n  };\n\n  return (\n    // extra flex container to keep it centered and do not stretch the content,\n    // because sonner stretches the toast to full width in mobile\n    <div className=\"flex justify-center\">\n      <div\n        className={cn(\"text-xs text-nowrap rounded-xs flex flex-col\", {\n          \"text-contrast-3 dark:text-contrast-7 bg-contrast-7 dark:bg-contrast-2\":\n            isLoading,\n          \"text-contrast-9 bg-secondary-shamrock-green-1\": isSuccess,\n          \"text-contrast-9 bg-secondary-radical-red-1\": isError,\n        })}\n      >\n        <div className=\"flex items-center\">\n          <div\n            className={cn(\"py-2 px-4 flex items-center\", {\n              \"py-3\": isLoading, // extra padding because no ProgressBar in loading state\n            })}\n          >\n            <div className=\"mr-1.5\">{icon}</div>\n            <div className=\"font-medium mr-4\">{label}</div>\n            {detailsLink && (\n              <div\n                className={cn(\"cursor-pointer\", {\n                  \"text-contrast-7\": isSuccessOrError,\n                })}\n              >\n                <a href={detailsLink} target=\"_blank\" rel=\"noopener noreferrer\">\n                  Details\n                </a>\n              </div>\n            )}\n          </div>\n          <Line\n            vertical\n            className={cn({\n              \"bg-contrast-6 dark:bg-contrast-3\": isLoading,\n              \"bg-[#0000000D] dark:bg-[#0000000D]\": isSuccessOrError,\n            })}\n          />\n          <div\n            className={cn(\n              \"rounded-[50%] w-[18px] h-[18px] flex items-center justify-center mx-4 cursor-pointer\",\n              {\n                \"bg-[#B7BECB] dark:bg-contrast-1\": isLoading,\n                \"bg-contrast-9\": isSuccessOrError,\n              }\n            )}\n            onClick={onClose}\n          >\n            <X\n              size={12}\n              className={cn({\n                \"dark:text-contrast-5\": isLoading,\n                \"text-contrast-5\": isSuccessOrError,\n              })}\n            />\n          </div>\n        </div>\n        {isSuccessOrError && (\n          <ProgressBar\n            duration={TOASTER_LIFETIME}\n            rootProps={{\n              className:\n                \"h-[4px] bg-black/10 rounded-bl-xs rounded-br-xs mx-[0.5px]\",\n            }}\n            indicatorProps={{\n              className: \"bg-white/60\",\n              onTransitionEnd: onClose,\n            }}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

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

@@ -1,177 +1,84 @@
-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;
+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;
 };
-function _temp(e) {
-  e.currentTarget.src = TOKEN_IMG_PLACEHOLDER;
+function g(e) {
+	e.currentTarget.src = r;
 }
+//#endregion
+export { h as TokenBadge };
 
-export { TokenBadge };
-//# sourceMappingURL=TokenBadge.js.map
+//# sourceMappingURL=TokenBadge.js.map

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

@@ -1 +1 @@
-{"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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"}
+{"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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"}

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

@@ -1,65 +1,34 @@
-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;
+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;
 };
+//#endregion
+export { i as TokenLink };
 
-export { TokenLink };
-//# sourceMappingURL=TokenLink.js.map
+//# sourceMappingURL=TokenLink.js.map

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

@@ -1 +1 @@
-{"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;;;;"}
+{"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"}

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

@@ -0,0 +1,6 @@
+//#region src/components/widget/TokenBadge/assets/placeholder.png
+var e = "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";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=placeholder.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"placeholder.js","names":[],"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\""],"mappings":";AAAA,IAAA,IAAe"}

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

@@ -1,54 +1,19 @@
-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;
+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;
 };
+//#endregion
+export { r as InputContainer };
 
-export { InputContainer };
-//# sourceMappingURL=InputContainer.js.map
+//# sourceMappingURL=InputContainer.js.map

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

@@ -1 +1 @@
-{"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;;;;"}
+{"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"}