@velora-dex/widget 0.3.1 → 0.3.2-dev.1

package/dist/components/widget/SettingsButton/SettingsButton.js

@@ -0,0 +1,61 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { d as distExports } from '../../../_virtual/index.js';
+import { SliderIcon } from '../Icon/SliderIcon.js';
+import { EllipseIcon } from '../Icon/EllipseIcon.js';
+import { cn } from '../../../lib/utils/index.js';
+
+const SettingsButton = (t0) => {
+  const $ = distExports.c(11);
+  let showEllipseIcon;
+  let t1;
+  let t2;
+  if ($[0] !== t0) {
+    const {
+      showEllipseIcon: t32,
+      ...divProps
+    } = t0;
+    showEllipseIcon = t32;
+    t1 = divProps;
+    t2 = cn("relative flex", divProps.className);
+    $[0] = t0;
+    $[1] = showEllipseIcon;
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    showEllipseIcon = $[1];
+    t1 = $[2];
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /* @__PURE__ */ jsx(SliderIcon, { className: "text-contrast-5 cursor-pointer hover:text-primary-azul-1 transition-colors duration-200" });
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] !== showEllipseIcon) {
+    t4 = showEllipseIcon && /* @__PURE__ */ jsx(EllipseIcon, { className: "absolute top-[-3px] right-[-3px] stroke-contrast-9 dark:stroke-contrast-3" });
+    $[5] = showEllipseIcon;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  let t5;
+  if ($[7] !== t1 || $[8] !== t2 || $[9] !== t4) {
+    t5 = /* @__PURE__ */ jsxs("div", { ...t1, className: t2, children: [
+      t3,
+      t4
+    ] });
+    $[7] = t1;
+    $[8] = t2;
+    $[9] = t4;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  return t5;
+};
+
+export { SettingsButton };
+//# sourceMappingURL=SettingsButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsButton.js","sources":["../../../../src/components/widget/SettingsButton/SettingsButton.tsx"],"sourcesContent":["import { SliderIcon } from \"../Icon/SliderIcon\";\nimport type { ComponentProps } from \"react\";\nimport { EllipseIcon } from \"../Icon/EllipseIcon\";\nimport { cn } from \"@/lib/utils\";\n\nexport const SettingsButton = ({\n  showEllipseIcon,\n  ...divProps\n}: Omit<ComponentProps<\"div\">, \"children\"> & {\n  showEllipseIcon?: boolean;\n}) => {\n  return (\n    <div {...divProps} className={cn(\"relative flex\", divProps.className)}>\n      <SliderIcon className=\"text-contrast-5 cursor-pointer hover:text-primary-azul-1 transition-colors duration-200\" />\n      {showEllipseIcon && (\n        <EllipseIcon className=\"absolute top-[-3px] right-[-3px] stroke-contrast-9 dark:stroke-contrast-3\" />\n      )}\n    </div>\n  );\n};\n"],"names":["SettingsButton","t0","$","_c","showEllipseIcon","t1","t2","t3","divProps","cn","className","Symbol","for","t4","t5"],"mappings":";;;;;;AAKO,MAAMA,iBAAiBC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAA,EAAA,IAAAC,eAAAA;AAAA,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAJ,CAAAA,QAAAD,EAAAA,EAAA;AAAC,IAAA,MAAA;AAAA,MAAAG,eAAAA,EAAAG,GAAAA;AAAAA,MAAA,GAAAC;AAAAA,KAAA,GAAAP,EAAAA;AAAAG,IAAAA,eAAAA,GAAAG,GAAAA;AAOlBC,IAAAA,EAAAA,GAAAA,QAAAA;AAAqBF,IAAAA,EAAAA,GAAAG,EAAAA,CAAG,eAAA,EAAiBD,QAAAA,CAAQE,SAAU,CAAA;AAACR,IAAAA,CAAAA,MAAAD,EAAAA;AAAAC,IAAAA,CAAAA,MAAAE,eAAAA;AAAAF,IAAAA,CAAAA,MAAAG,EAAAA;AAAAH,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAF,IAAAA,eAAAA,GAAAF,EAAA,CAAA,CAAA;AAAAG,IAAAA,EAAAA,GAAAH,EAAA,CAAA,CAAA;AAAAI,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAK,EAAAA;AAAA,EAAA,IAAAL,EAAA,CAAA,CAAA,KAAAS,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AACnEL,IAAAA,EAAAA,uBAAC,UAAA,EAAA,EAAqB,SAAA,EAAA,yFAAA,EAAyF,CAAA;AAAGL,IAAAA,CAAAA,MAAAK,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAL,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAW,EAAAA;AAAA,EAAA,IAAAX,CAAAA,QAAAE,eAAAA,EAAA;AACjHS,IAAAA,EAAAA,GAAAT,eAAAA,oBACC,GAAA,CAAC,WAAA,EAAA,EAAsB,SAAA,EAAA,2EAAA,EAA2E,CAAA;AACnGF,IAAAA,CAAAA,MAAAE,eAAAA;AAAAF,IAAAA,CAAAA,MAAAW,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAX,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAY,EAAAA;AAAA,EAAA,IAAAZ,CAAAA,CAAA,CAAA,CAAA,KAAAG,EAAAA,IAAAH,CAAAA,QAAAI,EAAAA,IAAAJ,CAAAA,CAAA,CAAA,CAAA,KAAAW,EAAAA,EAAA;AAJHC,IAAAA,EAAAA,iCAKM,GALGN,EAAAA,EAAqB,WAAAF,EAAAA,EAC5BC,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MACCM;AAAAA,KAAAA,EAGH,CAAA;AAAMX,IAAAA,CAAAA,MAAAG,EAAAA;AAAAH,IAAAA,CAAAA,MAAAI,EAAAA;AAAAJ,IAAAA,CAAAA,MAAAW,EAAAA;AAAAX,IAAAA,CAAAA,OAAAY,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAZ,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OALNY,EAAAA;AAKM;;;;"}

package/dist/components/widget/TokenBadge/TokenBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TokenBadge.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TokenBadge/TokenBadge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAO/C,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAwEhD,CAAC"}
+{"version":3,"file":"TokenBadge.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TokenBadge/TokenBadge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAc/C,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqFhD,CAAC"}

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

@@ -1,4 +1,4 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+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';
@@ -6,14 +6,17 @@ 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';
 
 const TokenBadge = (t0) => {
-  const $ = distExports.c(28);
+  const $ = distExports.c(37);
   const {
     img,
     address,
     chainId,
     amount,
+    amountUSD,
     symbol,
     imageLess,
     classes,
@@ -26,94 +29,140 @@ const TokenBadge = (t0) => {
     address
   }, chainId);
   const imgSrc = isVLRToken ? vlrURL : img;
-  let t2;
-  if ($[0] !== amount || $[1] !== classes?.amount) {
-    t2 = amount !== void 0 && /* @__PURE__ */ jsx("div", { className: classes?.amount, children: amount });
-    $[0] = amount;
-    $[1] = classes?.amount;
-    $[2] = t2;
-  } else {
-    t2 = $[2];
+  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;
+    }
   }
-  const amountEl = t2;
-  let t3;
-  if ($[3] !== address || $[4] !== chainId || $[5] !== classes?.logo || $[6] !== classes?.networkIcon || $[7] !== classes?.networkIconContainer || $[8] !== imageLess || $[9] !== imgSrc || $[10] !== showNetworkIcon) {
-    t3 = !imageLess && /* @__PURE__ */ jsxs("div", { className: cn("flex relative"), children: [
+  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 }) })
     ] });
-    $[3] = address;
-    $[4] = chainId;
-    $[5] = classes?.logo;
-    $[6] = classes?.networkIcon;
-    $[7] = classes?.networkIconContainer;
-    $[8] = imageLess;
-    $[9] = imgSrc;
-    $[10] = showNetworkIcon;
-    $[11] = t3;
+    $[12] = address;
+    $[13] = chainId;
+    $[14] = classes?.logo;
+    $[15] = classes?.networkIcon;
+    $[16] = classes?.networkIconContainer;
+    $[17] = imageLess;
+    $[18] = imgSrc;
+    $[19] = showNetworkIcon;
+    $[20] = t2;
   } else {
-    t3 = $[11];
+    t2 = $[20];
   }
-  const imgEl = t3;
-  let t4;
-  if ($[12] !== amountEl || $[13] !== amountPosition || $[14] !== imgEl) {
-    t4 = amountPosition === "right" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+  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
     ] });
-    $[12] = amountEl;
-    $[13] = amountPosition;
-    $[14] = imgEl;
-    $[15] = t4;
+    $[21] = amountEl;
+    $[22] = amountPosition;
+    $[23] = imgEl;
+    $[24] = t3;
   } else {
-    t4 = $[15];
+    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];
   }
-  const amountAndImg = t4;
-  const t5 = classes?.root;
   let t6;
-  if ($[16] !== t5) {
-    t6 = cn("flex items-center gap-2 font-geist-mono", t5);
-    $[16] = t5;
-    $[17] = t6;
+  if ($[27] !== classes?.symbol || $[28] !== symbol) {
+    t6 = symbol && /* @__PURE__ */ jsx("div", { className: classes?.symbol, children: symbol });
+    $[27] = classes?.symbol;
+    $[28] = symbol;
+    $[29] = t6;
   } else {
-    t6 = $[17];
+    t6 = $[29];
   }
   let t7;
-  if ($[18] !== classes?.symbol || $[19] !== symbol) {
-    t7 = symbol && /* @__PURE__ */ jsx("div", { className: classes?.symbol, children: symbol });
-    $[18] = classes?.symbol;
-    $[19] = symbol;
-    $[20] = t7;
+  if ($[30] !== lockIcon) {
+    t7 = lockIcon && /* @__PURE__ */ jsx(LockIcon, { className: "text-secondary-orange-peel-1" });
+    $[30] = lockIcon;
+    $[31] = t7;
   } else {
-    t7 = $[20];
+    t7 = $[31];
   }
   let t8;
-  if ($[21] !== lockIcon) {
-    t8 = lockIcon && /* @__PURE__ */ jsx(LockIcon, { className: "text-secondary-orange-peel-1" });
-    $[21] = lockIcon;
-    $[22] = t8;
-  } else {
-    t8 = $[22];
-  }
-  let t9;
-  if ($[23] !== amountAndImg || $[24] !== t6 || $[25] !== t7 || $[26] !== t8) {
-    t9 = /* @__PURE__ */ jsxs("div", { className: t6, children: [
+  if ($[32] !== amountAndImg || $[33] !== t5 || $[34] !== t6 || $[35] !== t7) {
+    t8 = /* @__PURE__ */ jsxs("div", { className: t5, children: [
       amountAndImg,
-      t7,
-      t8
+      t6,
+      t7
     ] });
-    $[23] = amountAndImg;
-    $[24] = t6;
-    $[25] = t7;
-    $[26] = t8;
-    $[27] = t9;
+    $[32] = amountAndImg;
+    $[33] = t5;
+    $[34] = t6;
+    $[35] = t7;
+    $[36] = t8;
   } else {
-    t9 = $[27];
+    t8 = $[36];
   }
-  return t9;
+  return t8;
 };
 function _temp(e) {
   e.currentTarget.src = TOKEN_IMG_PLACEHOLDER;

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\";\n\nexport const TokenBadge: React.FC<TokenBadgeProps> = ({\n  img,\n  address,\n  chainId,\n  amount,\n  symbol,\n  imageLess,\n  classes,\n  lockIcon,\n  showNetworkIcon,\n  amountPosition = \"left\",\n}) => {\n  const isVLRToken = isVLR({ address }, chainId);\n  const imgSrc = isVLRToken ? vlrURL : img;\n\n  const amountEl = amount !== undefined && (\n    <div className={classes?.amount}>{amount}</div>\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 && <div className={classes?.symbol}>{symbol}</div>}\n      {lockIcon && <LockIcon className=\"text-secondary-orange-peel-1\" />}\n    </div>\n  );\n};\n"],"names":["TokenBadge","t0","$","_c","img","address","chainId","amount","symbol","imageLess","classes","lockIcon","showNetworkIcon","amountPosition","t1","undefined","isVLRToken","isVLR","imgSrc","vlrURL","t2","amountEl","t3","logo","networkIcon","networkIconContainer","cn","TOKEN_IMG_PLACEHOLDER","_temp","imgEl","t4","amountAndImg","t5","root","t6","t7","t8","t9","e","currentTarget","src"],"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\";\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  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 && <div className={classes?.symbol}>{symbol}</div>}\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","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/types.d.ts

@@ -5,6 +5,7 @@ export type TokenBadgeProps = {
     chainId: SupportedChainId;
     img?: string;
     amount?: string | number;
+    amountUSD?: string | null;
     symbol?: string;
     imageLess?: boolean;
     showNetworkIcon?: boolean;

package/dist/components/widget/TokenBadge/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TokenBadge/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACnC,GAAG,WAAW,CACb,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,aAAa,GAAG,sBAAsB,CAC/E,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TokenBadge/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACnC,GAAG,WAAW,CACb,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,aAAa,GAAG,sBAAsB,CAC/E,CAAC"}

package/dist/components/widget/TokenInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TokenInput/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAS/C,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAkIhD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TokenInput/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAS/C,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA0IhD,CAAC"}

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

@@ -13,7 +13,7 @@ import { Skeleton } from '../../ui/skeleton.js';
 import { formatFiatPrice } from '../../../lib/utils/formatFiatPrice.js';
 
 const TokenInput = (t0) => {
-  const $ = distExports.c(50);
+  const $ = distExports.c(51);
   const {
     amount,
     onAmountChange,
@@ -30,6 +30,7 @@ const TokenInput = (t0) => {
     showMaxButton,
     onMaxClick,
     youGetProps,
+    bottomElement,
     disabled,
     isLoading,
     readOnly,
@@ -147,7 +148,7 @@ const TokenInput = (t0) => {
     t12 = $[37];
   }
   let t13;
-  if ($[38] !== balanceEl || $[39] !== insufficientBalanceMessageProps || $[40] !== token || $[41] !== usdEstimationEl || $[42] !== warningMessage || $[43] !== youGetProps) {
+  if ($[38] !== balanceEl || $[39] !== bottomElement || $[40] !== insufficientBalanceMessageProps || $[41] !== token || $[42] !== usdEstimationEl || $[43] !== warningMessage || $[44] !== youGetProps) {
     t13 = token && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 text-[10px] font-geist-mono text-contrast-5", children: [
         usdEstimationEl,
@@ -155,38 +156,53 @@ const TokenInput = (t0) => {
       ] }),
       insufficientBalanceMessageProps && /* @__PURE__ */ jsx(InsufficientBalanceMessage, { ...insufficientBalanceMessageProps }),
       warningMessage && /* @__PURE__ */ jsx("div", { className: "text-xs text-secondary-orange-peel-1 flex items-center gap-2", children: warningMessage }),
-      youGetProps && /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Line, { className: "mt-[16px] mb-[17.5px]" }),
+      bottomElement ? /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Divider, {}),
+        bottomElement
+      ] }) : youGetProps && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Divider, {}),
         /* @__PURE__ */ jsx(YouGet, { ...youGetProps })
       ] })
     ] });
     $[38] = balanceEl;
-    $[39] = insufficientBalanceMessageProps;
-    $[40] = token;
-    $[41] = usdEstimationEl;
-    $[42] = warningMessage;
-    $[43] = youGetProps;
-    $[44] = t13;
+    $[39] = bottomElement;
+    $[40] = insufficientBalanceMessageProps;
+    $[41] = token;
+    $[42] = usdEstimationEl;
+    $[43] = warningMessage;
+    $[44] = youGetProps;
+    $[45] = t13;
   } else {
-    t13 = $[44];
+    t13 = $[45];
   }
   let t14;
-  if ($[45] !== chainEl || $[46] !== t12 || $[47] !== t13 || $[48] !== t7) {
+  if ($[46] !== chainEl || $[47] !== t12 || $[48] !== t13 || $[49] !== t7) {
     t14 = /* @__PURE__ */ jsxs("div", { className: t7, children: [
       chainEl,
       t12,
       t13
     ] });
-    $[45] = chainEl;
-    $[46] = t12;
-    $[47] = t13;
-    $[48] = t7;
-    $[49] = t14;
+    $[46] = chainEl;
+    $[47] = t12;
+    $[48] = t13;
+    $[49] = t7;
+    $[50] = t14;
   } else {
-    t14 = $[49];
+    t14 = $[50];
   }
   return t14;
 };
+const Divider = () => {
+  const $ = distExports.c(1);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /* @__PURE__ */ jsx(Line, { className: "mt-[16px] mb-[17.5px]" });
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+};
 
 export { TokenInput };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/widget/TokenInput/index.tsx"],"sourcesContent":["import { UnstyledInput } from \"@/components/ui/input\";\nimport { NumericFormat } from \"react-number-format\";\nimport { NetworkSwitcherDropdown } from \"@/components/widget/NetworkSwitcher/NetworkSwitcherDropdown\";\nimport { SelectTokenButton } from \"@/components/widget/SelectToken/SelectTokenButton\";\nimport type { TokenInputProps } from \"./types\";\nimport { Button } from \"@/components/ui/button\";\nimport { YouGet } from \"@/components/widget/YouGet/YouGet\";\nimport { Line } from \"@/components/widget/Line/Line\";\nimport { cn } from \"@/lib/utils\";\nimport { InsufficientBalanceMessage } from \"../Warning/InsufficientBalanceMessage\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\n\nexport const TokenInput: React.FC<TokenInputProps> = ({\n  amount,\n  onAmountChange,\n  label,\n  usdEstimation,\n  networkSwitcherProps,\n  tokenBadgePropsOverride,\n  insufficientBalanceMessageProps,\n  warningMessage,\n  onFocus,\n  token,\n  tokenBalanceUnit,\n  onTokenSelect,\n  showMaxButton,\n  onMaxClick,\n  youGetProps,\n  disabled,\n  isLoading,\n  readOnly,\n  tokenType,\n  drawerContainer,\n  classes,\n}) => {\n  const usdEstimationEl = (\n    <div>\n      {usdEstimation\n        ? formatFiatPrice(Number(usdEstimation))\n        : usdEstimation === null\n          ? \"N/A\"\n          : undefined}\n    </div>\n  );\n\n  const balanceEl =\n    tokenBalanceUnit && token ? (\n      <div className=\"flex items-center gap-2\">\n        <div>{`Balance: ${tokenBalanceUnit} ${token.symbol}`}</div>\n        {showMaxButton && (\n          <Button\n            className=\"h-[16px] py-[2px] px-[6px] text-[10px] font-inter bg-transparent hover:bg-transparent text-primary-azul-1 border border-primary-azul-1 uppercase\"\n            onClick={onMaxClick}\n          >\n            max\n          </Button>\n        )}\n      </div>\n    ) : null;\n\n  const chainEl = !token ? null : networkSwitcherProps &&\n    !networkSwitcherProps.hidden ? (\n    <NetworkSwitcherDropdown {...networkSwitcherProps} prefix={label} />\n  ) : label ? (\n    <div className=\"text-xs text-contrast-3 dark:text-contrast-7\">{label}</div>\n  ) : null;\n\n  return (\n    <div\n      className={cn(\n        \"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        classes?.root,\n        {\n          \"border-secondary-orange-peel-1\":\n            token && insufficientBalanceMessageProps?.shouldDisplay,\n        }\n      )}\n    >\n      {chainEl}\n      <div className=\"flex items-center justify-between gap-2\">\n        {token && isLoading && <Skeleton className=\"w-[254px] h-[36px]\" />}\n        {token ? (\n          <NumericFormat\n            className={cn(\n              \"min-w-0 w-full text-[24px] font-geist-mono text-contrast-3 dark:text-contrast-8\",\n              {\n                hidden: isLoading, // hiding instead of not rendering, so that onValueChange triggers immediately after !isLoading\n                // it doesn't trigger when we have a value on the first render\n              }\n            )}\n            placeholder=\"0\"\n            disabled={disabled}\n            value={amount}\n            onValueChange={onAmountChange}\n            onFocus={onFocus}\n            allowNegative={false}\n            allowLeadingZeros={false}\n            customInput={UnstyledInput}\n            thousandSeparator\n            readOnly={readOnly}\n          />\n        ) : (\n          <div className=\"text-contrast-3 dark:text-contrast-6 text-sm\">\n            Receive\n          </div>\n        )}\n\n        {/* Always render SelectTokenButton and therefore the Drawer inside of it in the same place,\n        otherwise the Drawer opened inside EmptyInput is unmounted when token becomes available instead of closing normally */}\n        <SelectTokenButton\n          token={token}\n          tokenBadgePropsOverride={tokenBadgePropsOverride}\n          tokenType={tokenType}\n          drawerContainer={drawerContainer}\n          onSelect={onTokenSelect}\n          selectableChains={networkSwitcherProps?.networks}\n        />\n      </div>\n      {token && (\n        <>\n          <div className=\"flex items-center justify-between gap-2 text-[10px] font-geist-mono text-contrast-5\">\n            {usdEstimationEl}\n            {balanceEl}\n          </div>\n          {insufficientBalanceMessageProps && (\n            <InsufficientBalanceMessage {...insufficientBalanceMessageProps} />\n          )}\n          {warningMessage && (\n            <div className=\"text-xs text-secondary-orange-peel-1 flex items-center gap-2\">\n              {warningMessage}\n            </div>\n          )}\n          {youGetProps && (\n            <div>\n              <Line className=\"mt-[16px] mb-[17.5px]\" />\n              <YouGet {...youGetProps} />\n            </div>\n          )}\n        </>\n      )}\n    </div>\n  );\n};\n"],"names":["TokenInput","t0","$","_c","amount","onAmountChange","label","usdEstimation","networkSwitcherProps","tokenBadgePropsOverride","insufficientBalanceMessageProps","warningMessage","onFocus","token","tokenBalanceUnit","onTokenSelect","showMaxButton","onMaxClick","youGetProps","disabled","isLoading","readOnly","tokenType","drawerContainer","classes","t1","formatFiatPrice","Number","undefined","t2","usdEstimationEl","t3","symbol","balanceEl","t4","hidden","chainEl","t5","root","t6","shouldDisplay","t7","cn","t8","t9","UnstyledInput","t10","networks","t11","t12","t13","t14"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/widget/TokenInput/index.tsx"],"sourcesContent":["import { UnstyledInput } from \"@/components/ui/input\";\nimport { NumericFormat } from \"react-number-format\";\nimport { NetworkSwitcherDropdown } from \"@/components/widget/NetworkSwitcher/NetworkSwitcherDropdown\";\nimport { SelectTokenButton } from \"@/components/widget/SelectToken/SelectTokenButton\";\nimport type { TokenInputProps } from \"./types\";\nimport { Button } from \"@/components/ui/button\";\nimport { YouGet } from \"@/components/widget/YouGet/YouGet\";\nimport { Line } from \"@/components/widget/Line/Line\";\nimport { cn } from \"@/lib/utils\";\nimport { InsufficientBalanceMessage } from \"../Warning/InsufficientBalanceMessage\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\n\nexport const TokenInput: React.FC<TokenInputProps> = ({\n  amount,\n  onAmountChange,\n  label,\n  usdEstimation,\n  networkSwitcherProps,\n  tokenBadgePropsOverride,\n  insufficientBalanceMessageProps,\n  warningMessage,\n  onFocus,\n  token,\n  tokenBalanceUnit,\n  onTokenSelect,\n  showMaxButton,\n  onMaxClick,\n  youGetProps,\n  bottomElement,\n  disabled,\n  isLoading,\n  readOnly,\n  tokenType,\n  drawerContainer,\n  classes,\n}) => {\n  const usdEstimationEl = (\n    <div>\n      {usdEstimation\n        ? formatFiatPrice(Number(usdEstimation))\n        : usdEstimation === null\n          ? \"N/A\"\n          : undefined}\n    </div>\n  );\n\n  const balanceEl =\n    tokenBalanceUnit && token ? (\n      <div className=\"flex items-center gap-2\">\n        <div>{`Balance: ${tokenBalanceUnit} ${token.symbol}`}</div>\n        {showMaxButton && (\n          <Button\n            className=\"h-[16px] py-[2px] px-[6px] text-[10px] font-inter bg-transparent hover:bg-transparent text-primary-azul-1 border border-primary-azul-1 uppercase\"\n            onClick={onMaxClick}\n          >\n            max\n          </Button>\n        )}\n      </div>\n    ) : null;\n\n  const chainEl = !token ? null : networkSwitcherProps &&\n    !networkSwitcherProps.hidden ? (\n    <NetworkSwitcherDropdown {...networkSwitcherProps} prefix={label} />\n  ) : label ? (\n    <div className=\"text-xs text-contrast-3 dark:text-contrast-7\">{label}</div>\n  ) : null;\n\n  return (\n    <div\n      className={cn(\n        \"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        classes?.root,\n        {\n          \"border-secondary-orange-peel-1\":\n            token && insufficientBalanceMessageProps?.shouldDisplay,\n        }\n      )}\n    >\n      {chainEl}\n      <div className=\"flex items-center justify-between gap-2\">\n        {token && isLoading && <Skeleton className=\"w-[254px] h-[36px]\" />}\n        {token ? (\n          <NumericFormat\n            className={cn(\n              \"min-w-0 w-full text-[24px] font-geist-mono text-contrast-3 dark:text-contrast-8\",\n              {\n                hidden: isLoading, // hiding instead of not rendering, so that onValueChange triggers immediately after !isLoading\n                // it doesn't trigger when we have a value on the first render\n              }\n            )}\n            placeholder=\"0\"\n            disabled={disabled}\n            value={amount}\n            onValueChange={onAmountChange}\n            onFocus={onFocus}\n            allowNegative={false}\n            allowLeadingZeros={false}\n            customInput={UnstyledInput}\n            thousandSeparator\n            readOnly={readOnly}\n          />\n        ) : (\n          <div className=\"text-contrast-3 dark:text-contrast-6 text-sm\">\n            Receive\n          </div>\n        )}\n\n        {/* Always render SelectTokenButton and therefore the Drawer inside of it in the same place,\n        otherwise the Drawer opened inside EmptyInput is unmounted when token becomes available instead of closing normally */}\n        <SelectTokenButton\n          token={token}\n          tokenBadgePropsOverride={tokenBadgePropsOverride}\n          tokenType={tokenType}\n          drawerContainer={drawerContainer}\n          onSelect={onTokenSelect}\n          selectableChains={networkSwitcherProps?.networks}\n        />\n      </div>\n      {token && (\n        <>\n          <div className=\"flex items-center justify-between gap-2 text-[10px] font-geist-mono text-contrast-5\">\n            {usdEstimationEl}\n            {balanceEl}\n          </div>\n          {insufficientBalanceMessageProps && (\n            <InsufficientBalanceMessage {...insufficientBalanceMessageProps} />\n          )}\n          {warningMessage && (\n            <div className=\"text-xs text-secondary-orange-peel-1 flex items-center gap-2\">\n              {warningMessage}\n            </div>\n          )}\n          {bottomElement ? (\n            <div>\n              <Divider />\n              {bottomElement}\n            </div>\n          ) : (\n            youGetProps && (\n              <div>\n                <Divider />\n                <YouGet {...youGetProps} />\n              </div>\n            )\n          )}\n        </>\n      )}\n    </div>\n  );\n};\n\nconst Divider = () => <Line className=\"mt-[16px] mb-[17.5px]\" />;\n"],"names":["TokenInput","t0","$","_c","amount","onAmountChange","label","usdEstimation","networkSwitcherProps","tokenBadgePropsOverride","insufficientBalanceMessageProps","warningMessage","onFocus","token","tokenBalanceUnit","onTokenSelect","showMaxButton","onMaxClick","youGetProps","bottomElement","disabled","isLoading","readOnly","tokenType","drawerContainer","classes","t1","formatFiatPrice","Number","undefined","t2","usdEstimationEl","t3","symbol","balanceEl","t4","hidden","chainEl","t5","root","t6","shouldDisplay","t7","cn","t8","t9","UnstyledInput","t10","networks","t11","t12","t13","t14","Divider","Symbol","for"],"mappings":"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"}

package/dist/components/widget/TokenInput/types.d.ts

@@ -15,6 +15,7 @@ export type TokenInputProps = {
     insufficientBalanceMessageProps?: InsufficientBalanceMessageProps;
     warningMessage?: string;
     youGetProps?: YouGetProps;
+    bottomElement?: React.ReactNode;
     showMaxButton?: boolean;
     onMaxClick?: () => void;
     token?: Token;

package/dist/components/widget/TokenInput/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TokenInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,2CAA2C,CAAC;AAE9F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,kBAAkB,CAAC;AACxE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,kBAAkB,CAAC,eAAe,CAAC,CAAC;IACpD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,oBAAoB,CAAC,EAAE,IAAI,CAAC,4BAA4B,EAAE,QAAQ,CAAC,CAAC;IACpE,uBAAuB,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACnD,+BAA+B,CAAC,EAAE,+BAA+B,CAAC;IAClE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CACtC,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TokenInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,2CAA2C,CAAC;AAE9F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,kBAAkB,CAAC;AACxE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,kBAAkB,CAAC,eAAe,CAAC,CAAC;IACpD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,oBAAoB,CAAC,EAAE,IAAI,CAAC,4BAA4B,EAAE,QAAQ,CAAC,CAAC;IACpE,uBAAuB,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACnD,+BAA+B,CAAC,EAAE,+BAA+B,CAAC;IAClE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CACtC,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC"}