@velora-dex/widget 0.3.1 → 0.3.2

package/dist/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../src/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/utils.tsx"],"sourcesContent":["import { formatTokenAmount } from \"@/lib/utils/formatTokenBalance\";\nimport type {\n  LimitOrderItemExtra,\n  RequiredLimitOrderItemExtra,\n} from \"../../LimitOrderItem/types\";\nimport type { PayReceiveInfoProps } from \"../../PayReceiveInfo/types\";\nimport { Rate, TimeTillExpiry } from \"../../LimitOrderItem/LimitOrderListItem\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport { shortenAddress } from \"@/lib/utils\";\nimport { constructAddressLinkForChain } from \"@/lib/utils/explorer\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { StatusBadge } from \"../../OtcOrderItem/OtcOrderListItem\";\nimport type { LimitOrderState } from \"@velora-dex/sdk\";\nimport Big from \"big.js\";\nimport { FILL_ORDER_GAS_LIMIT_INACCURATE } from \"@/lib/constants\";\n\nexport function constructOrderRateDetail({\n  extra,\n}: {\n  extra: LimitOrderItemExtra;\n}): DetailWithValue {\n  return {\n    title: \"Order Rate\",\n    value: <Rate extra={extra} />,\n  };\n}\n\nexport function constructOrderReceiverDetail({\n  chainId,\n  receiver,\n}: {\n  chainId: SupportedChainId;\n  receiver: string;\n}): DetailWithValue {\n  return {\n    title: \"Receiver\",\n    value: (\n      <a\n        className=\"underline uppercase dark:text-contrast-7\"\n        href={constructAddressLinkForChain({\n          chainId,\n          address: receiver,\n        })}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n        {shortenAddress(receiver)}\n      </a>\n    ),\n  };\n}\n\nexport function constructExpiresInDetail(expiresIn: number): DetailWithValue {\n  return {\n    title: \"Expires in\",\n    value: <TimeTillExpiry deadline={expiresIn} />,\n  };\n}\n\nexport function constructNetworkFeeDetail({\n  gasCost = FILL_ORDER_GAS_LIMIT_INACCURATE,\n  gasPriceMultiplierGwei,\n  nativeTokenPrice,\n}: {\n  gasCost?: number; // gas limit (number of gas units)\n  gasPriceMultiplierGwei?: number; // gas price in Gwei\n  nativeTokenPrice?: number;\n}): DetailWithValue | undefined {\n  if (gasPriceMultiplierGwei && nativeTokenPrice) {\n    // Calculate gas cost in ETH:\n    // gasLimit * gasPriceInGwei = gas cost in Gwei\n    // gas cost in Gwei / 1e9 = gas cost in ETH (since 1 Gwei = 10^-9 ETH)\n    const gasFeeETH = Big(gasCost).mul(gasPriceMultiplierGwei).div(1e9);\n    const gasCostUSD = gasFeeETH.mul(nativeTokenPrice);\n\n    return {\n      title: \"Network Fees\",\n      value: <div>~ ${gasCostUSD.toFixed(4)}</div>,\n    };\n  }\n}\n\nexport function constructOrderStatusDetail(\n  state: LimitOrderState,\n): DetailWithValue {\n  return {\n    title: \"Order Status\",\n    value: <StatusBadge state={state} />,\n  };\n}\n\nconst tokenBadgeClasses = {\n  amount: \"dark:text-contrast-9\",\n  symbol: \"dark:text-contrast-9\",\n  logo: \"size-[18px]\",\n};\n\nexport function constructPayReceiveInfoProps({\n  extra,\n  srcTokenPrice,\n  destTokenPrice,\n}: {\n  extra: RequiredLimitOrderItemExtra;\n  srcTokenPrice?: number;\n  destTokenPrice?: number;\n}): PayReceiveInfoProps {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = extra;\n\n  const formattedSrcAmount = formatTokenAmount(srcAmountUnit);\n  const formattedDestAmount = formatTokenAmount(destAmountUnit);\n\n  const srcUsdAmount =\n    srcTokenPrice !== undefined\n      ? parseFloat(formattedSrcAmount) * srcTokenPrice\n      : undefined;\n  const destUsdAmount =\n    destTokenPrice !== undefined\n      ? parseFloat(formattedDestAmount) * destTokenPrice\n      : undefined;\n\n  const topTokenBadgeProps = {\n    address: srcToken.address,\n    symbol: srcToken.symbol,\n    chainId: srcToken.network,\n    img: srcToken.img,\n    amount: formattedSrcAmount,\n    amountPosition: \"right\" as const,\n    classes: tokenBadgeClasses,\n  };\n\n  const bottomTokenBadgeProps = {\n    address: destToken.address,\n    symbol: destToken.symbol,\n    chainId: destToken.network,\n    img: destToken.img,\n    amount: formattedDestAmount,\n    amountPosition: \"right\" as const,\n    classes: tokenBadgeClasses,\n  };\n\n  return {\n    topToken: {\n      tokenBadgeProps: topTokenBadgeProps,\n      label: \"You Send\",\n      usdAmount: srcUsdAmount,\n      showNetwork: true,\n    },\n    bottomToken: {\n      tokenBadgeProps: bottomTokenBadgeProps,\n      label: \"You’ll Receive\",\n      usdAmount: destUsdAmount,\n      showNetwork: true,\n    },\n  };\n}\n"],"names":["constructOrderRateDetail","extra","title","value","constructOrderReceiverDetail","chainId","receiver","constructAddressLinkForChain","address","shortenAddress","constructExpiresInDetail","expiresIn","constructNetworkFeeDetail","gasCost","FILL_ORDER_GAS_LIMIT_INACCURATE","gasPriceMultiplierGwei","nativeTokenPrice","gasFeeETH","Big","mul","div","gasCostUSD","toFixed","constructOrderStatusDetail","state","tokenBadgeClasses","amount","symbol","logo","constructPayReceiveInfoProps","srcTokenPrice","destTokenPrice","srcToken","destToken","srcAmountUnit","destAmountUnit","formattedSrcAmount","formatTokenAmount","formattedDestAmount","srcUsdAmount","undefined","parseFloat","destUsdAmount","topTokenBadgeProps","network","img","amountPosition","classes","bottomTokenBadgeProps","topToken","tokenBadgeProps","label","usdAmount","showNetwork","bottomToken"],"mappings":"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"}
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/utils.tsx"],"sourcesContent":["import { formatTokenAmount } from \"@/lib/utils/formatTokenBalance\";\nimport type {\n  LimitOrderItemExtra,\n  RequiredLimitOrderItemExtra,\n} from \"../../LimitOrderItem/types\";\nimport type { PayReceiveInfoProps } from \"../../PayReceiveInfo/types\";\nimport { Rate, TimeTillExpiry } from \"../../LimitOrderItem/LimitOrderListItem\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport { shortenAddress } from \"@/lib/utils\";\nimport { constructAddressLinkForChain } from \"@/lib/utils/explorer\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { StatusBadge } from \"../../OtcOrderItem/OtcOrderListItem\";\nimport type { LimitOrderState } from \"@velora-dex/sdk\";\nimport Big from \"big.js\";\nimport { FILL_ORDER_GAS_LIMIT_INACCURATE } from \"@/lib/constants\";\n\nexport function constructOrderRateDetail({\n  extra,\n}: {\n  extra: LimitOrderItemExtra;\n}): DetailWithValue {\n  return {\n    title: \"Order Rate\",\n    value: <Rate extra={extra} />,\n  };\n}\n\nexport function constructOrderReceiverDetail({\n  chainId,\n  receiver,\n}: {\n  chainId: SupportedChainId;\n  receiver: string;\n}): DetailWithValue {\n  return {\n    title: \"Receiver\",\n    value: (\n      <a\n        className=\"underline uppercase dark:text-contrast-7\"\n        href={constructAddressLinkForChain({\n          chainId,\n          address: receiver,\n        })}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n        {shortenAddress(receiver)}\n      </a>\n    ),\n  };\n}\n\nexport function constructExpiresInDetail(expiresIn: number): DetailWithValue {\n  return {\n    title: \"Expires in\",\n    value: <TimeTillExpiry deadline={expiresIn} />,\n  };\n}\n\nexport function constructNetworkFeeDetail({\n  gasCost = FILL_ORDER_GAS_LIMIT_INACCURATE,\n  gasPriceMultiplierGwei,\n  nativeTokenPrice,\n}: {\n  gasCost?: number; // gas limit (number of gas units)\n  gasPriceMultiplierGwei?: number; // gas price in Gwei\n  nativeTokenPrice?: number;\n}): DetailWithValue | undefined {\n  if (gasPriceMultiplierGwei && nativeTokenPrice) {\n    // Calculate gas cost in ETH:\n    // gasLimit * gasPriceInGwei = gas cost in Gwei\n    // gas cost in Gwei / 1e9 = gas cost in ETH (since 1 Gwei = 10^-9 ETH)\n    const gasFeeETH = Big(gasCost).mul(gasPriceMultiplierGwei).div(1e9);\n    const gasCostUSD = gasFeeETH.mul(nativeTokenPrice);\n\n    return {\n      title: \"Network Fees\",\n      value: <div>~ ${gasCostUSD.toFixed(4)}</div>,\n    };\n  }\n}\n\nexport function constructOrderStatusDetail(\n  state: LimitOrderState\n): DetailWithValue {\n  return {\n    title: \"Order Status\",\n    value: <StatusBadge state={state} />,\n  };\n}\n\nconst tokenBadgeClasses = {\n  amount: \"dark:text-contrast-9\",\n  symbol: \"dark:text-contrast-9\",\n  logo: \"size-[18px]\",\n};\n\nexport function constructPayReceiveInfoProps({\n  extra,\n  srcTokenPrice,\n  destTokenPrice,\n}: {\n  extra: RequiredLimitOrderItemExtra;\n  srcTokenPrice?: number;\n  destTokenPrice?: number;\n}): PayReceiveInfoProps {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = extra;\n\n  const formattedSrcAmount = formatTokenAmount(srcAmountUnit);\n  const formattedDestAmount = formatTokenAmount(destAmountUnit);\n\n  const srcUsdAmount =\n    srcTokenPrice !== undefined\n      ? parseFloat(formattedSrcAmount) * srcTokenPrice\n      : undefined;\n  const destUsdAmount =\n    destTokenPrice !== undefined\n      ? parseFloat(formattedDestAmount) * destTokenPrice\n      : undefined;\n\n  const topTokenBadgeProps = {\n    address: srcToken.address,\n    symbol: srcToken.symbol,\n    chainId: srcToken.network,\n    img: srcToken.img,\n    amount: formattedSrcAmount,\n    amountPosition: \"right\" as const,\n    classes: tokenBadgeClasses,\n  };\n\n  const bottomTokenBadgeProps = {\n    address: destToken.address,\n    symbol: destToken.symbol,\n    chainId: destToken.network,\n    img: destToken.img,\n    amount: formattedDestAmount,\n    amountPosition: \"right\" as const,\n    classes: tokenBadgeClasses,\n  };\n\n  return {\n    topToken: {\n      tokenBadgeProps: topTokenBadgeProps,\n      label: \"You Send\",\n      usdAmount: srcUsdAmount,\n      showNetwork: true,\n    },\n    bottomToken: {\n      tokenBadgeProps: bottomTokenBadgeProps,\n      label: \"You’ll Receive\",\n      usdAmount: destUsdAmount,\n      showNetwork: true,\n    },\n  };\n}\n"],"names":["constructOrderRateDetail","extra","title","value","constructOrderReceiverDetail","chainId","receiver","constructAddressLinkForChain","address","shortenAddress","constructExpiresInDetail","expiresIn","constructNetworkFeeDetail","gasCost","FILL_ORDER_GAS_LIMIT_INACCURATE","gasPriceMultiplierGwei","nativeTokenPrice","gasFeeETH","Big","mul","div","gasCostUSD","toFixed","constructOrderStatusDetail","state","tokenBadgeClasses","amount","symbol","logo","constructPayReceiveInfoProps","srcTokenPrice","destTokenPrice","srcToken","destToken","srcAmountUnit","destAmountUnit","formattedSrcAmount","formatTokenAmount","formattedDestAmount","srcUsdAmount","undefined","parseFloat","destUsdAmount","topTokenBadgeProps","network","img","amountPosition","classes","bottomTokenBadgeProps","topToken","tokenBadgeProps","label","usdAmount","showNetwork","bottomToken"],"mappings":"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"}

package/dist/components/widget/Screen/GenericScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"GenericScreen.js","sources":["../../../../src/components/widget/Screen/GenericScreen.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport { ArrowLeft, XIcon } from \"lucide-react\";\nimport type { PropsWithChildren } from \"react\";\n\ntype GenericScreenProps = PropsWithChildren<\n  {\n    title?: string;\n    showBackButton?: boolean;\n    showCloseButton?: boolean;\n    closeButtonReplacement?: React.ReactNode;\n    onGoBack?: () => void;\n    onClose?: () => void;\n  } & WithClasses<\"root\">\n>;\n\nexport const GenericScreen = ({\n  children,\n  classes,\n  showBackButton,\n  showCloseButton,\n  closeButtonReplacement,\n  onGoBack,\n  onClose,\n  title,\n}: GenericScreenProps) => {\n  const _showBackButton = showBackButton && onGoBack;\n  const _showCloseButton = showCloseButton && onClose;\n  const shouldShowHeader = !!(\n    _showBackButton ||\n    title ||\n    showCloseButton ||\n    closeButtonReplacement\n  );\n\n  return (\n    <div\n      className={cn(\n        \"bg-contrast-8 dark:bg-contrast-2 border border-contrast-7 dark:border-contrast-4 rounded-xxl min-w-[375px] w-full\",\n        classes?.root,\n      )}\n    >\n      {shouldShowHeader && (\n        <div className=\"pb-4 pt-6 px-6 flex items-center justify-between\">\n          <div className=\"flex items-center gap-5 font-medium text-lg text-contrast-4 dark:text-contrast-7\">\n            {_showBackButton && (\n              <button onClick={onGoBack}>\n                <ArrowLeft className=\"ring-offset-background cursor-pointer focus:ring-ring dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0\" />\n              </button>\n            )}\n            {title}\n          </div>\n          {closeButtonReplacement ??\n            (_showCloseButton && (\n              <button onClick={onClose}>\n                <div className=\"ring-offset-background cursor-pointer focus:ring-ring dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\">\n                  <XIcon />\n                </div>\n              </button>\n            ))}\n        </div>\n      )}\n      {children}\n    </div>\n  );\n};\n"],"names":["GenericScreen","t0","$","_c","children","classes","showBackButton","showCloseButton","closeButtonReplacement","onGoBack","onClose","title","_showBackButton","_showCloseButton","shouldShowHeader","t1","root","t2","cn","t3","t4"],"mappings":"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"}
+{"version":3,"file":"GenericScreen.js","sources":["../../../../src/components/widget/Screen/GenericScreen.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport { ArrowLeft, XIcon } from \"lucide-react\";\nimport type { PropsWithChildren } from \"react\";\n\ntype GenericScreenProps = PropsWithChildren<\n  {\n    title?: string;\n    showBackButton?: boolean;\n    showCloseButton?: boolean;\n    closeButtonReplacement?: React.ReactNode;\n    onGoBack?: () => void;\n    onClose?: () => void;\n  } & WithClasses<\"root\">\n>;\n\nexport const GenericScreen = ({\n  children,\n  classes,\n  showBackButton,\n  showCloseButton,\n  closeButtonReplacement,\n  onGoBack,\n  onClose,\n  title,\n}: GenericScreenProps) => {\n  const _showBackButton = showBackButton && onGoBack;\n  const _showCloseButton = showCloseButton && onClose;\n  const shouldShowHeader = !!(\n    _showBackButton ||\n    title ||\n    showCloseButton ||\n    closeButtonReplacement\n  );\n\n  return (\n    <div\n      className={cn(\n        \"bg-contrast-8 dark:bg-contrast-2 border border-contrast-7 dark:border-contrast-4 rounded-xxl min-w-[375px] w-full\",\n        classes?.root\n      )}\n    >\n      {shouldShowHeader && (\n        <div className=\"pb-4 pt-6 px-6 flex items-center justify-between\">\n          <div className=\"flex items-center gap-5 font-medium text-lg text-contrast-4 dark:text-contrast-7\">\n            {_showBackButton && (\n              <button onClick={onGoBack}>\n                <ArrowLeft className=\"ring-offset-background cursor-pointer focus:ring-ring dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0\" />\n              </button>\n            )}\n            {title}\n          </div>\n          {closeButtonReplacement ??\n            (_showCloseButton && (\n              <button onClick={onClose}>\n                <div className=\"ring-offset-background cursor-pointer focus:ring-ring dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\">\n                  <XIcon />\n                </div>\n              </button>\n            ))}\n        </div>\n      )}\n      {children}\n    </div>\n  );\n};\n"],"names":["GenericScreen","t0","$","_c","children","classes","showBackButton","showCloseButton","closeButtonReplacement","onGoBack","onClose","title","_showBackButton","_showCloseButton","shouldShowHeader","t1","root","t2","cn","t3","t4"],"mappings":";;;;;AAgBO,MAAMA,gBAAgBC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,QAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,eAAAA;AAAAA,IAAAC,sBAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAV,EAAAA;AAU5B,EAAA,MAAAW,kBAAwBN,cAAAA,IAAAG,QAAAA;AACxB,EAAA,MAAAI,mBAAyBN,eAAAA,IAAAG,OAAAA;AACzB,EAAA,MAAAI,gBAAAA,GAAyB,CAAC,EACxBF,eAAAA,IAAAD,SAAAJ,eAAAA,IAAAC,sBAAAA,CAAAA;AAUI,EAAA,MAAAO,KAAAV,OAAAA,EAAOW,IAAAA;AAAM,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAf,CAAAA,QAAAa,EAAAA,EAAA;AAFJE,IAAAA,EAAAA,GAAAC,EAAAA,CACT,qHACAH,EACF,CAAA;AAACb,IAAAA,CAAAA,MAAAa,EAAAA;AAAAb,IAAAA,CAAAA,MAAAe,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAf,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAiB,EAAAA;AAAA,EAAA,IAAAjB,CAAAA,CAAA,CAAA,CAAA,KAAAU,eAAAA,IAAAV,CAAAA,CAAA,CAAA,CAAA,KAAAW,gBAAAA,IAAAX,CAAAA,CAAA,CAAA,CAAA,KAAAM,sBAAAA,IAAAN,CAAAA,QAAAQ,OAAAA,IAAAR,CAAAA,CAAA,CAAA,CAAA,KAAAO,QAAAA,IAAAP,CAAAA,CAAA,CAAA,CAAA,KAAAY,gBAAAA,IAAAZ,CAAAA,CAAA,CAAA,CAAA,KAAAS,KAAAA,EAAA;AAEAQ,IAAAA,EAAAA,GAAAL,gBAAAA,oBACC,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,kDAAA,EACb,QAAA,EAAA;AAAA,sBAAA,IAAA,UAAe,WAAA,kFAAA,EACZF,QAAAA,EAAAA;AAAAA,QAAAA,eAAAA,oBACC,GAAA,CAAA,YAAiBH,OAAAA,EAAAA,QAAAA,EACf,8BAAC,SAAA,EAAA,EAAoB,SAAA,EAAA,yQAAuQ,CAAA,EAC9R,CAAA;AAAA,QAEDE;AAAAA,OAAAA,EACH,CAAA;AAAA,MACCH,sBAAAA,KACEK,gBAAAA,oBACC,GAAA,CAAA,QAAA,EAAA,EAAiBH,OAAAA,EAAAA,OAAAA,EACf,QAAA,kBAAA,GAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,4SAAA,EACb,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,KACH,CAAA,EACF,CAAA;AAAA,KAAA,EAEN,CAAA;AACDR,IAAAA,CAAAA,MAAAU,eAAAA;AAAAV,IAAAA,CAAAA,MAAAW,gBAAAA;AAAAX,IAAAA,CAAAA,MAAAM,sBAAAA;AAAAN,IAAAA,CAAAA,MAAAQ,OAAAA;AAAAR,IAAAA,CAAAA,MAAAO,QAAAA;AAAAP,IAAAA,CAAAA,MAAAY,gBAAAA;AAAAZ,IAAAA,CAAAA,MAAAS,KAAAA;AAAAT,IAAAA,CAAAA,MAAAiB,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAjB,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAkB,EAAAA;AAAA,EAAA,IAAAlB,CAAAA,CAAA,EAAA,CAAA,KAAAE,QAAAA,IAAAF,CAAAA,SAAAe,EAAAA,IAAAf,CAAAA,CAAA,EAAA,CAAA,KAAAiB,EAAAA,EAAA;AAzBHC,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EACa,SAAA,EAAAH,EAAAA,EAKVE,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MAoBAf;AAAAA,KAAAA,EACH,CAAA;AAAMF,IAAAA,CAAAA,OAAAE,QAAAA;AAAAF,IAAAA,CAAAA,OAAAe,EAAAA;AAAAf,IAAAA,CAAAA,OAAAiB,EAAAA;AAAAjB,IAAAA,CAAAA,OAAAkB,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAlB,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OA3BNkB,EAAAA;AA2BM;;;;"}

package/dist/components/widget/SettingsButton/SettingsButton.d.ts

@@ -0,0 +1,5 @@
+import { ComponentProps } from 'react';
+export declare const SettingsButton: ({ showEllipseIcon, ...divProps }: Omit<ComponentProps<"div">, "children"> & {
+    showEllipseIcon?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SettingsButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsButton.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/SettingsButton/SettingsButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,eAAO,MAAM,cAAc,GAAI,kCAG5B,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAC3C,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,4CASA,CAAC"}

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,46 +148,61 @@ 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: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 text-[10px] text-contrast-5", children: [
         usdEstimationEl,
         balanceEl
       ] }),
       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