@cfxjs/sirius-next-common 0.2.10 → 0.2.12

package/dist/components/FileUpload/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FileUpload/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport const FileUpload = React.forwardRef(\n  (\n    {\n      onChange = () => {},\n      onError = () => {},\n      accept = '',\n      ...others\n    }: {\n      onChange?: (result: string) => void;\n      onError?: (result: unknown) => void;\n      accept?: string;\n    },\n    ref: React.LegacyRef<HTMLInputElement>,\n  ) => {\n    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      let reader = new FileReader();\n      let file = e.target.files?.[0];\n\n      if (file) {\n        reader.onloadend = () => {\n          try {\n            onChange(reader.result as string);\n          } catch (e) {\n            onError(e);\n          }\n        };\n        reader.readAsText(file);\n      } else {\n        const error = new Error('no file');\n        onError(error);\n      }\n    };\n\n    return (\n      <input\n        type=\"file\"\n        name=\"File\"\n        style={{ display: 'none' }}\n        accept={accept}\n        ref={ref}\n        onChange={handleInputChange}\n        {...others}\n      />\n    );\n  },\n);\n"],"mappings":";AAAA,OAAO,WAAW;AAoCZ;AAlCC,IAAM,aAAa,MAAM;AAAA,EAC9B,CACE;AAAA,IACE,WAAW,MAAM;AAAA,IAAC;AAAA,IAClB,UAAU,MAAM;AAAA,IAAC;AAAA,IACjB,SAAS;AAAA,IACT,GAAG;AAAA,EACL,GAKA,QACG;AACH,UAAM,oBAAoB,CAAC,MAA2C;AACpE,UAAI,SAAS,IAAI,WAAW;AAC5B,UAAI,OAAO,EAAE,OAAO,QAAQ,CAAC;AAE7B,UAAI,MAAM;AACR,eAAO,YAAY,MAAM;AACvB,cAAI;AACF,qBAAS,OAAO,MAAgB;AAAA,UAClC,SAASA,IAAP;AACA,oBAAQA,EAAC;AAAA,UACX;AAAA,QACF;AACA,eAAO,WAAW,IAAI;AAAA,MACxB,OAAO;AACL,cAAM,QAAQ,IAAI,MAAM,SAAS;AACjC,gBAAQ,KAAK;AAAA,MACf;AAAA,IACF;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,MAAK;AAAA,QACL,OAAO,EAAE,SAAS,OAAO;AAAA,QACzB;AAAA,QACA;AAAA,QACA,UAAU;AAAA,QACT,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":["e"]}
+{"version":3,"sources":["../../../src/components/FileUpload/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport const FileUpload = React.forwardRef(\n  (\n    {\n      onChange = () => {},\n      onError = () => {},\n      accept = '',\n      ...others\n    }: {\n      onChange?: (result: string) => void;\n      onError?: (result: unknown) => void;\n      accept?: string;\n    },\n    ref: React.LegacyRef<HTMLInputElement>,\n  ) => {\n    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      let reader = new FileReader();\n      let file = e.target.files?.[0];\n\n      if (file) {\n        reader.onloadend = () => {\n          try {\n            onChange(reader.result as string);\n          } catch (e) {\n            onError(e);\n          }\n        };\n        reader.readAsText(file);\n      } else {\n        const error = new Error('no file');\n        onError(error);\n      }\n    };\n\n    return (\n      <input\n        type=\"file\"\n        name=\"File\"\n        style={{ display: 'none' }}\n        accept={accept}\n        ref={ref}\n        onChange={handleInputChange}\n        {...others}\n      />\n    );\n  },\n);\n"],"mappings":";;;AAAA,OAAO,WAAW;AAoCZ;AAlCC,IAAM,aAAa,MAAM;AAAA,EAC9B,CACE;AAAA,IACE,WAAW,MAAM;AAAA,IAAC;AAAA,IAClB,UAAU,MAAM;AAAA,IAAC;AAAA,IACjB,SAAS;AAAA,IACT,GAAG;AAAA,EACL,GAKA,QACG;AACH,UAAM,oBAAoB,CAAC,MAA2C;AACpE,UAAI,SAAS,IAAI,WAAW;AAC5B,UAAI,OAAO,EAAE,OAAO,QAAQ,CAAC;AAE7B,UAAI,MAAM;AACR,eAAO,YAAY,MAAM;AACvB,cAAI;AACF,qBAAS,OAAO,MAAgB;AAAA,UAClC,SAASA,IAAP;AACA,oBAAQA,EAAC;AAAA,UACX;AAAA,QACF;AACA,eAAO,WAAW,IAAI;AAAA,MACxB,OAAO;AACL,cAAM,QAAQ,IAAI,MAAM,SAAS;AACjC,gBAAQ,KAAK;AAAA,MACf;AAAA,IACF;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,MAAK;AAAA,QACL,OAAO,EAAE,SAAS,OAAO;AAAA,QACzB;AAAA,QACA;AAAA,QACA,UAAU;AAAA,QACT,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":["e"]}

package/dist/components/Footer/index.js

@@ -1,6 +1,7 @@
 import {
   Divider
 } from "../../chunk-546TZBBU.js";
+import "../../chunk-WQG2LZMB.js";
 
 // src/components/Footer/index.tsx
 import { memo } from "react";

package/dist/components/Footer/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Footer/index.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { Divider } from '../Divider';\nimport clsx from 'clsx';\n\ninterface Props {\n  rightTop: React.ReactNode[];\n  rightBottom: React.ReactNode[];\n  left: React.ReactNode[];\n}\n\nexport const Footer = memo(({ rightBottom, rightTop, left }: Props) => {\n  return (\n    <div\n      className={clsx(\n        'bg-[var(--theme-color-foot-bg)] w-100vw max-w-100% flex items-start p-2.2857rem box-border',\n        'lt-sm:py-1.14rem lt-sm:px-0.93rem',\n      )}\n    >\n      <div className=\"flex items-stretch grow-1 mx-auto max-w-1368px box-border\">\n        <div className=\"mr-2.93rem flex flex-col lt-md:hidden\" key=\"left\">\n          {left}\n        </div>\n        <div className=\"grow-2 lt-sm:p-0\" key=\"right\">\n          <div className=\"lt-sm:px-0.21rem\" key=\"right-top\">\n            {rightTop}\n          </div>\n          <Divider\n            key=\"divider\"\n            className={clsx(\n              'footer-bottom-divider',\n              'bg-#d1d5ea! mt-1.07rem mb-0.57rem lt-sm:mt-0.79rem lt-sm:mb-0.29rem',\n            )}\n          />\n          <div className=\"flex lt-sm:px-0.21rem\" key=\"right-bottom\">\n            {rightBottom}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n});\n"],"mappings":";;;;;AAAA,SAAS,YAAY;AAErB,OAAO,UAAU;AAiBT,cAGA,YAHA;AATD,IAAM,SAAS,KAAK,CAAC,EAAE,aAAa,UAAU,KAAK,MAAa;AACrE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEA,+BAAC,SAAI,WAAU,6DACb;AAAA,4BAAC,SAAI,WAAU,yCACZ,kBADwD,MAE3D;AAAA,QACA,qBAAC,SAAI,WAAU,oBACb;AAAA,8BAAC,SAAI,WAAU,oBACZ,sBADmC,WAEtC;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cAEC,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,cACF;AAAA;AAAA,YAJI;AAAA,UAKN;AAAA,UACA,oBAAC,SAAI,WAAU,yBACZ,yBADwC,cAE3C;AAAA,aAboC,OActC;AAAA,SACF;AAAA;AAAA,EACF;AAEJ,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/components/Footer/index.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { Divider } from '../Divider';\nimport clsx from 'clsx';\n\ninterface Props {\n  rightTop: React.ReactNode[];\n  rightBottom: React.ReactNode[];\n  left: React.ReactNode[];\n}\n\nexport const Footer = memo(({ rightBottom, rightTop, left }: Props) => {\n  return (\n    <div\n      className={clsx(\n        'bg-[var(--theme-color-foot-bg)] w-100vw max-w-100% flex items-start p-2.2857rem box-border',\n        'lt-sm:py-1.14rem lt-sm:px-0.93rem',\n      )}\n    >\n      <div className=\"flex items-stretch grow-1 mx-auto max-w-1368px box-border\">\n        <div className=\"mr-2.93rem flex flex-col lt-md:hidden\" key=\"left\">\n          {left}\n        </div>\n        <div className=\"grow-2 lt-sm:p-0\" key=\"right\">\n          <div className=\"lt-sm:px-0.21rem\" key=\"right-top\">\n            {rightTop}\n          </div>\n          <Divider\n            key=\"divider\"\n            className={clsx(\n              'footer-bottom-divider',\n              'bg-#d1d5ea! mt-1.07rem mb-0.57rem lt-sm:mt-0.79rem lt-sm:mb-0.29rem',\n            )}\n          />\n          <div className=\"flex lt-sm:px-0.21rem\" key=\"right-bottom\">\n            {rightBottom}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n});\n"],"mappings":";;;;;;AAAA,SAAS,YAAY;AAErB,OAAO,UAAU;AAiBT,cAGA,YAHA;AATD,IAAM,SAAS,KAAK,CAAC,EAAE,aAAa,UAAU,KAAK,MAAa;AACrE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEA,+BAAC,SAAI,WAAU,6DACb;AAAA,4BAAC,SAAI,WAAU,yCACZ,kBADwD,MAE3D;AAAA,QACA,qBAAC,SAAI,WAAU,oBACb;AAAA,8BAAC,SAAI,WAAU,oBACZ,sBADmC,WAEtC;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cAEC,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,cACF;AAAA;AAAA,YAJI;AAAA,UAKN;AAAA,UACA,oBAAC,SAAI,WAAU,yBACZ,yBADwC,cAE3C;AAAA,aAboC,OActC;AAAA,SACF;AAAA;AAAA,EACF;AAEJ,CAAC;","names":[]}

package/dist/components/GasPriceDropdown/index.js

@@ -4,18 +4,19 @@ import {
 import "../../chunk-H3V3K4DD.js";
 import {
   fromDripToGdrip
-} from "../../chunk-DFQG46WD.js";
-import "../../chunk-7RH7LJYB.js";
+} from "../../chunk-CPPQCJEV.js";
+import "../../chunk-WIB76E7O.js";
 import {
   sendRequestGasPrice
-} from "../../chunk-LXTR4VAD.js";
+} from "../../chunk-5EDEEGZK.js";
 import "../../chunk-J2I22Q2M.js";
-import "../../chunk-YEUH2K6Z.js";
+import "../../chunk-YEINMVAR.js";
 import {
   getTranslations,
   useGasPrice,
   useI18n
 } from "../../chunk-DQGLZCIG.js";
+import "../../chunk-WQG2LZMB.js";
 
 // src/components/GasPriceDropdown/index.tsx
 import { useState, useEffect, useCallback } from "react";

package/dist/components/GasPriceDropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/GasPriceDropdown/index.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from 'react';\nimport { Translation, useTranslation } from 'react-i18next';\nimport { useGasPrice, getTranslations, useI18n } from '../../store';\nimport { sendRequestGasPrice } from '../../utils/request';\nimport { useInterval } from 'react-use';\n\nimport { fromDripToGdrip } from '../../utils';\nimport { SkeletonContainer } from '../SkeletonContainer';\n\nimport IconGas from '../../images/icon-gas.svg';\nimport IconRefresh from '../../images/refresh.svg';\nimport GasLow from '../../images/gas-low.png';\nimport GasMedian from '../../images/gas-median.png';\nimport GasHigh from '../../images/gas-high.png';\nimport ArrowDown from '../../images/arrowDown.svg';\nimport { GasPriceDetail, GasPriceDropdownProps } from 'src/store/types';\n\nconst roundNumberWithSuffix = (value: string): string => {\n  if (value === '< 0.001') return value;\n\n  const numericPart = parseFloat(value);\n  if (isNaN(numericPart)) {\n    throw new Error('Invalid number');\n  }\n\n  const roundedNumber = Math.round(numericPart * 10) / 10;\n\n  const suffix = value.replace(/[0-9.-]/g, '');\n\n  const roundedString =\n    roundedNumber % 1 === 0 ? roundedNumber : roundedNumber.toFixed(1);\n\n  return roundedString + suffix;\n};\n\nconst GasInfoCard: React.FC<{\n  gasInfo: GasPriceDetail;\n  img: string;\n  title: string;\n  gasPriceColor: string;\n  unit: string;\n}> = ({ gasInfo, img, title, gasPriceColor, unit }) => {\n  const { t } = useTranslation();\n  const { translations } = useI18n();\n  return (\n    <div className=\"flex flex-col justify-center items-center flex-1 bg-[#fafbfc] p-2\">\n      <img className=\"w-[29.71px] h-[24.36px] mt-1.5\" src={img} alt=\"\" />\n      <div className=\"font-bold text-[14px] leading-6 text-[14px] mt-1.5\">\n        {title}\n      </div>\n      <div className=\"mt-1.5 text-center\">\n        <SkeletonContainer shown={gasInfo.gasPrice === 0}>\n          <div\n            className=\"text-[18px] leading-5 font-bold\"\n            style={{ color: gasPriceColor }}\n          >\n            {roundNumberWithSuffix(\n              fromDripToGdrip(gasInfo.gasPrice, false, {\n                precision: 1,\n              }),\n            )}{' '}\n            {unit}\n          </div>\n          <div className=\"text-[11px] leading-4 text-[#000] mt-[4px]\">\n            {`${t(translations.gaspriceDropdown.baseFee, {\n              amount: roundNumberWithSuffix(\n                fromDripToGdrip(gasInfo.base, false, {\n                  precision: 1,\n                }),\n              ),\n            })} | ${t(translations.gaspriceDropdown.maxPriorityFee, {\n              amount: roundNumberWithSuffix(\n                fromDripToGdrip(gasInfo.priority, false, {\n                  precision: 1,\n                }),\n              ),\n            })}`}\n          </div>\n        </SkeletonContainer>\n      </div>\n    </div>\n  );\n};\n\nconst refreshGasPrice = {\n  init: false,\n};\n\nexport const GasPriceDropdown: React.FC<GasPriceDropdownProps> = ({\n  unit = 'Gdrip',\n}) => {\n  const { t } = useTranslation();\n  const translations = getTranslations();\n\n  const [showModal, setShowModal] = useState(false);\n  const { gasPriceData, setGasPrice } = useGasPrice();\n  const [isRefreshing, setIsRefreshing] = useState(false);\n\n  const handleOutsideClick = useCallback(\n    (event: MouseEvent) => {\n      const target = event.target as HTMLElement;\n      if (showModal && !target.closest('.modal')) {\n        setShowModal(false);\n      }\n    },\n    [showModal],\n  );\n\n  const refreshData = useCallback(async () => {\n    setIsRefreshing(true);\n    const res = await sendRequestGasPrice();\n    if (res) {\n      setGasPrice(res);\n    }\n    setIsRefreshing(false);\n  }, [setGasPrice]);\n\n  useEffect(() => {\n    if (!refreshGasPrice.init) {\n      refreshGasPrice.init = true;\n      refreshData();\n    }\n  }, [refreshData]);\n\n  useInterval(() => {\n    refreshData();\n  }, 20000);\n\n  useEffect(() => {\n    if (showModal) {\n      document.addEventListener('mousedown', handleOutsideClick);\n    }\n\n    return () => {\n      document.removeEventListener('mousedown', handleOutsideClick);\n    };\n  }, [showModal, handleOutsideClick]);\n\n  return (\n    <div className=\"relative\">\n      <div\n        className=\"flex gap-1 text-[#424a71] ml-2.5 cursor-pointer text-[14px]\"\n        onClick={() => setShowModal(true)}\n      >\n        <SkeletonContainer\n          shown={gasPriceData.gasPriceInfo.tp50.gasPrice === 0}\n        >\n          <img src={IconGas} alt=\"\" />\n          <span className=\"text-[var(--theme-color-primary)]\">\n            {roundNumberWithSuffix(\n              fromDripToGdrip(gasPriceData.gasPriceInfo.tp50.gasPrice, false, {\n                precision: 1,\n              }),\n            )}\n          </span>\n          <span>{unit}</span>\n        </SkeletonContainer>\n      </div>\n      {showModal && (\n        <div className=\"modal animate-in fade-in w-full min-h-[fit-content] bg-[#FFF] fixed right-0 top-[53px] p-[16px] z-10 shadow-modal md:w-[474px] md:absolute md:top-[35px]\">\n          <div className=\"flex justify-between\">\n            <div className=\"font-bold text-[#20253a] text-[16px] text-[14px]\">\n              <Translation>\n                {t => t(translations.gaspriceDropdown.blockHeight)}\n              </Translation>\n              :\n              <SkeletonContainer shown={gasPriceData.blockHeight === 0}>\n                {gasPriceData.blockHeight}\n              </SkeletonContainer>\n            </div>\n            <img\n              className={\n                'active:scale-75 ' +\n                (isRefreshing\n                  ? 'animate-in spin-in--360 animate-duration-300'\n                  : '')\n              }\n              src={IconRefresh}\n              alt=\"\"\n              onClick={() => refreshData()}\n            />\n          </div>\n          <div className=\"mt-3 flex gap-[8px]\">\n            <GasInfoCard\n              gasInfo={gasPriceData.gasPriceInfo.min}\n              title={t(translations.gaspriceDropdown.low)}\n              img={GasLow}\n              gasPriceColor=\"#4ca960\"\n              unit={unit}\n            />\n            <GasInfoCard\n              gasInfo={gasPriceData.gasPriceInfo.tp50}\n              title={t(translations.gaspriceDropdown.median)}\n              img={GasMedian}\n              gasPriceColor=\"#395bd4\"\n              unit={unit}\n            />\n            <GasInfoCard\n              gasInfo={gasPriceData.gasPriceInfo.max}\n              title={t(translations.gaspriceDropdown.high)}\n              img={GasHigh}\n              gasPriceColor=\"#d74841\"\n              unit={unit}\n            />\n          </div>\n          <div className=\"relative\">\n            <div className=\"w-full flex justify-between mt-4 text-[#424a71] text-[14px] font-bold\">\n              <div>\n                <Translation>\n                  {t => t(translations.gaspriceDropdown.market)}\n                </Translation>\n              </div>\n\n              <div className=\"text-[#9b9eac] text-[12px]\">\n                <Translation>\n                  {t => t(translations.gaspriceDropdown.latest60Blocks)}\n                </Translation>\n              </div>\n            </div>\n            <div className=\"absolute text-[10px] text-[#9b9eac] mt-2 left-[25%]\">\n              <div className=\"fit-content transform -translate-x-1/2 text-center\">\n                {roundNumberWithSuffix(\n                  fromDripToGdrip(\n                    gasPriceData.gasPriceMarket.tp25.gasPrice,\n                    false,\n                    {\n                      precision: 1,\n                    },\n                  ),\n                )}\n              </div>\n              <img\n                className=\"mt-[-12px]\"\n                src={ArrowDown}\n                alt=\"?\"\n                style={{ transform: 'translateX(-50%)' }}\n              />\n            </div>\n            <div className=\"absolute text-[10px] text-[#9b9eac] mt-2 left-[75%]\">\n              <div className=\"fit-content transform -translate-x-1/2 text-center\">\n                {roundNumberWithSuffix(\n                  fromDripToGdrip(\n                    gasPriceData.gasPriceMarket.tp75.gasPrice,\n                    false,\n                    {\n                      precision: 1,\n                    },\n                  ),\n                )}\n              </div>\n              <img\n                className=\"mt-[-12px]\"\n                src={ArrowDown}\n                alt=\"?\"\n                style={{ transform: 'translateX(-50%)' }}\n              />\n            </div>\n            <div className=\"mt-[32px] w-full flex gap-0.5\">\n              <div className=\"w-1/4 h-2 bg-[var(--theme-color-gas-price-line-bg)] rounded-l-md\"></div>\n              <div className=\"w-1/2 h-2 bg-[var(--theme-color-primary)]\"></div>\n              <div className=\"w-1/4 h-2 bg-[var(--theme-color-gas-price-line-bg)] rounded-r-md\"></div>\n            </div>\n            <div className=\"w-full flex justify-between mt-1\">\n              <div>\n                <div className=\"text-[12px] text-[14px] text-[#9b9eac]\">\n                  Min\n                </div>\n                <div className=\"text-left text-[12px] font-semibold text-[#424a71]\">\n                  {roundNumberWithSuffix(\n                    fromDripToGdrip(\n                      gasPriceData.gasPriceMarket.min.gasPrice,\n                      false,\n                      {\n                        precision: 1,\n                      },\n                    ),\n                  )}\n                </div>\n              </div>\n              <div className=\"relative\">\n                <div className=\"absolute w-px h-3 bg-[var(--theme-color-primary)] mt-[-10px] left-1/2\"></div>\n                <div className=\"text-[12px] text-[14px] text-[#9b9eac]\">\n                  Mid\n                </div>\n                <div className=\"text-center text-[12px] font-semibold text-[var(--theme-color-primary)]\">\n                  {roundNumberWithSuffix(\n                    fromDripToGdrip(\n                      gasPriceData.gasPriceMarket.tp50.gasPrice,\n                      false,\n                      {\n                        precision: 1,\n                      },\n                    ),\n                  )}\n                </div>\n              </div>\n              <div>\n                <div className=\"text-[12px] text-[14px] text-[#9b9eac]\">\n                  Max\n                </div>\n                <div className=\"text-right text-[12px] font-semibold text-[#424a71]\">\n                  {roundNumberWithSuffix(\n                    fromDripToGdrip(\n                      gasPriceData.gasPriceMarket.max.gasPrice,\n                      false,\n                      {\n                        precision: 1,\n                      },\n                    ),\n                  )}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n      {showModal && (\n        <div className=\"md:hidden fixed top-[53px] left-0 w-full h-[920px] bg-[#000] bg-opacity-50 flex justify-center items-center z-[-1]\"></div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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","names":["t"]}
+{"version":3,"sources":["../../../src/components/GasPriceDropdown/index.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from 'react';\nimport { Translation, useTranslation } from 'react-i18next';\nimport { useGasPrice, getTranslations, useI18n } from '../../store';\nimport { sendRequestGasPrice } from '../../utils/request';\nimport { useInterval } from 'react-use';\n\nimport { fromDripToGdrip } from '../../utils';\nimport { SkeletonContainer } from '../SkeletonContainer';\n\nimport IconGas from '../../images/icon-gas.svg';\nimport IconRefresh from '../../images/refresh.svg';\nimport GasLow from '../../images/gas-low.png';\nimport GasMedian from '../../images/gas-median.png';\nimport GasHigh from '../../images/gas-high.png';\nimport ArrowDown from '../../images/arrowDown.svg';\nimport { GasPriceDetail, GasPriceDropdownProps } from 'src/store/types';\n\nconst roundNumberWithSuffix = (value: string): string => {\n  if (value === '< 0.001') return value;\n\n  const numericPart = parseFloat(value);\n  if (isNaN(numericPart)) {\n    throw new Error('Invalid number');\n  }\n\n  const roundedNumber = Math.round(numericPart * 10) / 10;\n\n  const suffix = value.replace(/[0-9.-]/g, '');\n\n  const roundedString =\n    roundedNumber % 1 === 0 ? roundedNumber : roundedNumber.toFixed(1);\n\n  return roundedString + suffix;\n};\n\nconst GasInfoCard: React.FC<{\n  gasInfo: GasPriceDetail;\n  img: string;\n  title: string;\n  gasPriceColor: string;\n  unit: string;\n}> = ({ gasInfo, img, title, gasPriceColor, unit }) => {\n  const { t } = useTranslation();\n  const { translations } = useI18n();\n  return (\n    <div className=\"flex flex-col justify-center items-center flex-1 bg-[#fafbfc] p-2\">\n      <img className=\"w-[29.71px] h-[24.36px] mt-1.5\" src={img} alt=\"\" />\n      <div className=\"font-bold text-[14px] leading-6 text-[14px] mt-1.5\">\n        {title}\n      </div>\n      <div className=\"mt-1.5 text-center\">\n        <SkeletonContainer shown={gasInfo.gasPrice === 0}>\n          <div\n            className=\"text-[18px] leading-5 font-bold\"\n            style={{ color: gasPriceColor }}\n          >\n            {roundNumberWithSuffix(\n              fromDripToGdrip(gasInfo.gasPrice, false, {\n                precision: 1,\n              }),\n            )}{' '}\n            {unit}\n          </div>\n          <div className=\"text-[11px] leading-4 text-[#000] mt-[4px]\">\n            {`${t(translations.gaspriceDropdown.baseFee, {\n              amount: roundNumberWithSuffix(\n                fromDripToGdrip(gasInfo.base, false, {\n                  precision: 1,\n                }),\n              ),\n            })} | ${t(translations.gaspriceDropdown.maxPriorityFee, {\n              amount: roundNumberWithSuffix(\n                fromDripToGdrip(gasInfo.priority, false, {\n                  precision: 1,\n                }),\n              ),\n            })}`}\n          </div>\n        </SkeletonContainer>\n      </div>\n    </div>\n  );\n};\n\nconst refreshGasPrice = {\n  init: false,\n};\n\nexport const GasPriceDropdown: React.FC<GasPriceDropdownProps> = ({\n  unit = 'Gdrip',\n}) => {\n  const { t } = useTranslation();\n  const translations = getTranslations();\n\n  const [showModal, setShowModal] = useState(false);\n  const { gasPriceData, setGasPrice } = useGasPrice();\n  const [isRefreshing, setIsRefreshing] = useState(false);\n\n  const handleOutsideClick = useCallback(\n    (event: MouseEvent) => {\n      const target = event.target as HTMLElement;\n      if (showModal && !target.closest('.modal')) {\n        setShowModal(false);\n      }\n    },\n    [showModal],\n  );\n\n  const refreshData = useCallback(async () => {\n    setIsRefreshing(true);\n    const res = await sendRequestGasPrice();\n    if (res) {\n      setGasPrice(res);\n    }\n    setIsRefreshing(false);\n  }, [setGasPrice]);\n\n  useEffect(() => {\n    if (!refreshGasPrice.init) {\n      refreshGasPrice.init = true;\n      refreshData();\n    }\n  }, [refreshData]);\n\n  useInterval(() => {\n    refreshData();\n  }, 20000);\n\n  useEffect(() => {\n    if (showModal) {\n      document.addEventListener('mousedown', handleOutsideClick);\n    }\n\n    return () => {\n      document.removeEventListener('mousedown', handleOutsideClick);\n    };\n  }, [showModal, handleOutsideClick]);\n\n  return (\n    <div className=\"relative\">\n      <div\n        className=\"flex gap-1 text-[#424a71] ml-2.5 cursor-pointer text-[14px]\"\n        onClick={() => setShowModal(true)}\n      >\n        <SkeletonContainer\n          shown={gasPriceData.gasPriceInfo.tp50.gasPrice === 0}\n        >\n          <img src={IconGas} alt=\"\" />\n          <span className=\"text-[var(--theme-color-primary)]\">\n            {roundNumberWithSuffix(\n              fromDripToGdrip(gasPriceData.gasPriceInfo.tp50.gasPrice, false, {\n                precision: 1,\n              }),\n            )}\n          </span>\n          <span>{unit}</span>\n        </SkeletonContainer>\n      </div>\n      {showModal && (\n        <div className=\"modal animate-in fade-in w-full min-h-[fit-content] bg-[#FFF] fixed right-0 top-[53px] p-[16px] z-10 shadow-modal md:w-[474px] md:absolute md:top-[35px]\">\n          <div className=\"flex justify-between\">\n            <div className=\"font-bold text-[#20253a] text-[16px] text-[14px]\">\n              <Translation>\n                {t => t(translations.gaspriceDropdown.blockHeight)}\n              </Translation>\n              :\n              <SkeletonContainer shown={gasPriceData.blockHeight === 0}>\n                {gasPriceData.blockHeight}\n              </SkeletonContainer>\n            </div>\n            <img\n              className={\n                'active:scale-75 ' +\n                (isRefreshing\n                  ? 'animate-in spin-in--360 animate-duration-300'\n                  : '')\n              }\n              src={IconRefresh}\n              alt=\"\"\n              onClick={() => refreshData()}\n            />\n          </div>\n          <div className=\"mt-3 flex gap-[8px]\">\n            <GasInfoCard\n              gasInfo={gasPriceData.gasPriceInfo.min}\n              title={t(translations.gaspriceDropdown.low)}\n              img={GasLow}\n              gasPriceColor=\"#4ca960\"\n              unit={unit}\n            />\n            <GasInfoCard\n              gasInfo={gasPriceData.gasPriceInfo.tp50}\n              title={t(translations.gaspriceDropdown.median)}\n              img={GasMedian}\n              gasPriceColor=\"#395bd4\"\n              unit={unit}\n            />\n            <GasInfoCard\n              gasInfo={gasPriceData.gasPriceInfo.max}\n              title={t(translations.gaspriceDropdown.high)}\n              img={GasHigh}\n              gasPriceColor=\"#d74841\"\n              unit={unit}\n            />\n          </div>\n          <div className=\"relative\">\n            <div className=\"w-full flex justify-between mt-4 text-[#424a71] text-[14px] font-bold\">\n              <div>\n                <Translation>\n                  {t => t(translations.gaspriceDropdown.market)}\n                </Translation>\n              </div>\n\n              <div className=\"text-[#9b9eac] text-[12px]\">\n                <Translation>\n                  {t => t(translations.gaspriceDropdown.latest60Blocks)}\n                </Translation>\n              </div>\n            </div>\n            <div className=\"absolute text-[10px] text-[#9b9eac] mt-2 left-[25%]\">\n              <div className=\"fit-content transform -translate-x-1/2 text-center\">\n                {roundNumberWithSuffix(\n                  fromDripToGdrip(\n                    gasPriceData.gasPriceMarket.tp25.gasPrice,\n                    false,\n                    {\n                      precision: 1,\n                    },\n                  ),\n                )}\n              </div>\n              <img\n                className=\"mt-[-12px]\"\n                src={ArrowDown}\n                alt=\"?\"\n                style={{ transform: 'translateX(-50%)' }}\n              />\n            </div>\n            <div className=\"absolute text-[10px] text-[#9b9eac] mt-2 left-[75%]\">\n              <div className=\"fit-content transform -translate-x-1/2 text-center\">\n                {roundNumberWithSuffix(\n                  fromDripToGdrip(\n                    gasPriceData.gasPriceMarket.tp75.gasPrice,\n                    false,\n                    {\n                      precision: 1,\n                    },\n                  ),\n                )}\n              </div>\n              <img\n                className=\"mt-[-12px]\"\n                src={ArrowDown}\n                alt=\"?\"\n                style={{ transform: 'translateX(-50%)' }}\n              />\n            </div>\n            <div className=\"mt-[32px] w-full flex gap-0.5\">\n              <div className=\"w-1/4 h-2 bg-[var(--theme-color-gas-price-line-bg)] rounded-l-md\"></div>\n              <div className=\"w-1/2 h-2 bg-[var(--theme-color-primary)]\"></div>\n              <div className=\"w-1/4 h-2 bg-[var(--theme-color-gas-price-line-bg)] rounded-r-md\"></div>\n            </div>\n            <div className=\"w-full flex justify-between mt-1\">\n              <div>\n                <div className=\"text-[12px] text-[14px] text-[#9b9eac]\">\n                  Min\n                </div>\n                <div className=\"text-left text-[12px] font-semibold text-[#424a71]\">\n                  {roundNumberWithSuffix(\n                    fromDripToGdrip(\n                      gasPriceData.gasPriceMarket.min.gasPrice,\n                      false,\n                      {\n                        precision: 1,\n                      },\n                    ),\n                  )}\n                </div>\n              </div>\n              <div className=\"relative\">\n                <div className=\"absolute w-px h-3 bg-[var(--theme-color-primary)] mt-[-10px] left-1/2\"></div>\n                <div className=\"text-[12px] text-[14px] text-[#9b9eac]\">\n                  Mid\n                </div>\n                <div className=\"text-center text-[12px] font-semibold text-[var(--theme-color-primary)]\">\n                  {roundNumberWithSuffix(\n                    fromDripToGdrip(\n                      gasPriceData.gasPriceMarket.tp50.gasPrice,\n                      false,\n                      {\n                        precision: 1,\n                      },\n                    ),\n                  )}\n                </div>\n              </div>\n              <div>\n                <div className=\"text-[12px] text-[14px] text-[#9b9eac]\">\n                  Max\n                </div>\n                <div className=\"text-right text-[12px] font-semibold text-[#424a71]\">\n                  {roundNumberWithSuffix(\n                    fromDripToGdrip(\n                      gasPriceData.gasPriceMarket.max.gasPrice,\n                      false,\n                      {\n                        precision: 1,\n                      },\n                    ),\n                  )}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n      {showModal && (\n        <div className=\"md:hidden fixed top-[53px] left-0 w-full h-[920px] bg-[#000] bg-opacity-50 flex justify-center items-center z-[-1]\"></div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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","names":["t"]}

package/dist/components/Highlight/index.js

@@ -1,6 +1,7 @@
 import {
   useHighlightStore
 } from "../../chunk-DQGLZCIG.js";
+import "../../chunk-WQG2LZMB.js";
 
 // src/components/Highlight/index.tsx
 import clsx from "clsx";

package/dist/components/Highlight/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Highlight/index.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { useHighlightStore } from 'src/store';\n\nexport const ValueHighlight: React.FC<\n  {\n    value?: unknown;\n    scope: string;\n  } & React.HTMLAttributes<HTMLDivElement>\n> = ({ value, scope, children, className, ...props }) => {\n  const eventRef = useRef(false);\n  const { highlight, setHighlight } = useHighlightStore();\n  const isHighlight = useMemo(\n    () => value && highlight.scope === scope && highlight.value === value,\n    [value, scope, highlight.value, highlight.scope],\n  );\n  const handleMouseEnter = useCallback(\n    (e: React.MouseEvent<HTMLDivElement>) => {\n      if (isHighlight) return;\n      eventRef.current = true;\n      const data = (e.target as any).dataset;\n      if (!value || data?.scope === 'tooltip') return;\n      setHighlight(scope, value);\n    },\n    [scope, value, isHighlight, setHighlight],\n  );\n  const handleMouseLeave = useCallback(() => {\n    eventRef.current = false;\n    if (!value) return;\n    setHighlight();\n  }, [value, setHighlight]);\n  useEffect(() => {\n    return () => {\n      if (eventRef.current) {\n        setHighlight();\n      }\n    };\n  }, [setHighlight]);\n  return (\n    <div\n      onMouseEnter={handleMouseEnter}\n      onMouseOver={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      className={clsx(\n        'border-1px border-dashed w-fit px-10px rounded-12px',\n        isHighlight\n          ? 'border-[var(--theme-color-primary)] bg-[var(--theme-color-highlight-bg)]'\n          : 'border-transparent',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;;;;AAAA,OAAO,UAAU;AACjB,SAAS,aAAa,WAAW,SAAS,cAAc;AAsCpD;AAnCG,IAAM,iBAKT,CAAC,EAAE,OAAO,OAAO,UAAU,WAAW,GAAG,MAAM,MAAM;AACvD,QAAM,WAAW,OAAO,KAAK;AAC7B,QAAM,EAAE,WAAW,aAAa,IAAI,kBAAkB;AACtD,QAAM,cAAc;AAAA,IAClB,MAAM,SAAS,UAAU,UAAU,SAAS,UAAU,UAAU;AAAA,IAChE,CAAC,OAAO,OAAO,UAAU,OAAO,UAAU,KAAK;AAAA,EACjD;AACA,QAAM,mBAAmB;AAAA,IACvB,CAAC,MAAwC;AACvC,UAAI;AAAa;AACjB,eAAS,UAAU;AACnB,YAAM,OAAQ,EAAE,OAAe;AAC/B,UAAI,CAAC,SAAS,MAAM,UAAU;AAAW;AACzC,mBAAa,OAAO,KAAK;AAAA,IAC3B;AAAA,IACA,CAAC,OAAO,OAAO,aAAa,YAAY;AAAA,EAC1C;AACA,QAAM,mBAAmB,YAAY,MAAM;AACzC,aAAS,UAAU;AACnB,QAAI,CAAC;AAAO;AACZ,iBAAa;AAAA,EACf,GAAG,CAAC,OAAO,YAAY,CAAC;AACxB,YAAU,MAAM;AACd,WAAO,MAAM;AACX,UAAI,SAAS,SAAS;AACpB,qBAAa;AAAA,MACf;AAAA,IACF;AAAA,EACF,GAAG,CAAC,YAAY,CAAC;AACjB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAc;AAAA,MACd,aAAa;AAAA,MACb,cAAc;AAAA,MACd,WAAW;AAAA,QACT;AAAA,QACA,cACI,6EACA;AAAA,QACJ;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/Highlight/index.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { useHighlightStore } from 'src/store';\n\nexport const ValueHighlight: React.FC<\n  {\n    value?: unknown;\n    scope: string;\n  } & React.HTMLAttributes<HTMLDivElement>\n> = ({ value, scope, children, className, ...props }) => {\n  const eventRef = useRef(false);\n  const { highlight, setHighlight } = useHighlightStore();\n  const isHighlight = useMemo(\n    () => value && highlight.scope === scope && highlight.value === value,\n    [value, scope, highlight.value, highlight.scope],\n  );\n  const handleMouseEnter = useCallback(\n    (e: React.MouseEvent<HTMLDivElement>) => {\n      if (isHighlight) return;\n      eventRef.current = true;\n      const data = (e.target as any).dataset;\n      if (!value || data?.scope === 'tooltip') return;\n      setHighlight(scope, value);\n    },\n    [scope, value, isHighlight, setHighlight],\n  );\n  const handleMouseLeave = useCallback(() => {\n    eventRef.current = false;\n    if (!value) return;\n    setHighlight();\n  }, [value, setHighlight]);\n  useEffect(() => {\n    return () => {\n      if (eventRef.current) {\n        setHighlight();\n      }\n    };\n  }, [setHighlight]);\n  return (\n    <div\n      onMouseEnter={handleMouseEnter}\n      onMouseOver={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      className={clsx(\n        'border-1px border-dashed w-fit px-10px rounded-12px',\n        isHighlight\n          ? 'border-[var(--theme-color-primary)] bg-[var(--theme-color-highlight-bg)]'\n          : 'border-transparent',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAAA,OAAO,UAAU;AACjB,SAAS,aAAa,WAAW,SAAS,cAAc;AAsCpD;AAnCG,IAAM,iBAKT,CAAC,EAAE,OAAO,OAAO,UAAU,WAAW,GAAG,MAAM,MAAM;AACvD,QAAM,WAAW,OAAO,KAAK;AAC7B,QAAM,EAAE,WAAW,aAAa,IAAI,kBAAkB;AACtD,QAAM,cAAc;AAAA,IAClB,MAAM,SAAS,UAAU,UAAU,SAAS,UAAU,UAAU;AAAA,IAChE,CAAC,OAAO,OAAO,UAAU,OAAO,UAAU,KAAK;AAAA,EACjD;AACA,QAAM,mBAAmB;AAAA,IACvB,CAAC,MAAwC;AACvC,UAAI;AAAa;AACjB,eAAS,UAAU;AACnB,YAAM,OAAQ,EAAE,OAAe;AAC/B,UAAI,CAAC,SAAS,MAAM,UAAU;AAAW;AACzC,mBAAa,OAAO,KAAK;AAAA,IAC3B;AAAA,IACA,CAAC,OAAO,OAAO,aAAa,YAAY;AAAA,EAC1C;AACA,QAAM,mBAAmB,YAAY,MAAM;AACzC,aAAS,UAAU;AACnB,QAAI,CAAC;AAAO;AACZ,iBAAa;AAAA,EACf,GAAG,CAAC,OAAO,YAAY,CAAC;AACxB,YAAU,MAAM;AACd,WAAO,MAAM;AACX,UAAI,SAAS,SAAS;AACpB,qBAAa;AAAA,MACf;AAAA,IACF;AAAA,EACF,GAAG,CAAC,YAAY,CAAC;AACjB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAc;AAAA,MACd,aAAa;AAAA,MACb,cAAc;AAAA,MACd,WAAW;AAAA,QACT;AAAA,QACA,cACI,6EACA;AAAA,QACJ;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/Icons/index.d.ts

@@ -1,4 +1,11 @@
 declare const ArrowDown: React.FC<React.SVGProps<SVGSVGElement>>;
 declare const Add: React.FC<React.SVGProps<SVGSVGElement>>;
+declare const ContractCreated: React.FC<React.SVGProps<SVGSVGElement>>;
+declare const Success: React.FC<React.SVGProps<SVGSVGElement>>;
+declare const Failed: React.FC<React.SVGProps<SVGSVGElement>>;
+declare const Plus: React.FC<React.SVGProps<SVGSVGElement>>;
+declare const Minus: React.FC<React.SVGProps<SVGSVGElement>>;
+declare const Down: React.FC<React.SVGProps<SVGSVGElement>>;
+declare const DefaultTokenIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
-export { Add, ArrowDown };
+export { Add, ArrowDown, ContractCreated, DefaultTokenIcon, Down, Failed, Minus, Plus, Success };

package/dist/components/Icons/index.js

@@ -1,68 +1,24 @@
-// src/components/Icons/index.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var ArrowDown = (props) => /* @__PURE__ */ jsxs(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    fill: "none",
-    ...props,
-    children: [
-      /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_7684_174)", children: [
-        /* @__PURE__ */ jsx("rect", { width: "16", height: "16", rx: "2", fill: "#7789D3", fillOpacity: "0.08" }),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M4 6L8 10L12 6",
-            stroke: "#9B9EAC",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_7684_174", children: /* @__PURE__ */ jsx("rect", { width: "16", height: "16", fill: "white" }) }) })
-    ]
-  }
-);
-var Add = (props) => /* @__PURE__ */ jsxs(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    fill: "none",
-    ...props,
-    children: [
-      /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_7684_167)", children: [
-        /* @__PURE__ */ jsx("rect", { width: "16", height: "16", rx: "2", fill: "#7789D3", fillOpacity: "0.08" }),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M4 8H12",
-            stroke: "#9B9EAC",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M8 4L8 12",
-            stroke: "#9B9EAC",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_7684_167", children: /* @__PURE__ */ jsx("rect", { width: "16", height: "16", fill: "white" }) }) })
-    ]
-  }
-);
+import {
+  Add,
+  ArrowDown,
+  ContractCreated,
+  DefaultTokenIcon,
+  Down,
+  Failed,
+  Minus,
+  Plus,
+  Success
+} from "../../chunk-JFFTHCNE.js";
+import "../../chunk-WQG2LZMB.js";
 export {
   Add,
-  ArrowDown
+  ArrowDown,
+  ContractCreated,
+  DefaultTokenIcon,
+  Down,
+  Failed,
+  Minus,
+  Plus,
+  Success
 };
 //# sourceMappingURL=index.js.map

package/dist/components/Icons/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Icons/index.tsx"],"sourcesContent":["export const ArrowDown: React.FC<React.SVGProps<SVGSVGElement>> = props => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 16 16\"\n    fill=\"none\"\n    {...props}\n  >\n    <g clipPath=\"url(#clip0_7684_174)\">\n      <rect width=\"16\" height=\"16\" rx=\"2\" fill=\"#7789D3\" fillOpacity=\"0.08\" />\n      <path\n        d=\"M4 6L8 10L12 6\"\n        stroke=\"#9B9EAC\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_7684_174\">\n        <rect width=\"16\" height=\"16\" fill=\"white\" />\n      </clipPath>\n    </defs>\n  </svg>\n);\n\nexport const Add: React.FC<React.SVGProps<SVGSVGElement>> = props => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 16 16\"\n    fill=\"none\"\n    {...props}\n  >\n    <g clipPath=\"url(#clip0_7684_167)\">\n      <rect width=\"16\" height=\"16\" rx=\"2\" fill=\"#7789D3\" fillOpacity=\"0.08\" />\n      <path\n        d=\"M4 8H12\"\n        stroke=\"#9B9EAC\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M8 4L8 12\"\n        stroke=\"#9B9EAC\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_7684_167\">\n        <rect width=\"16\" height=\"16\" fill=\"white\" />\n      </clipPath>\n    </defs>\n  </svg>\n);\n"],"mappings":";AASI,SACE,KADF;AATG,IAAM,YAAqD,WAChE;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAG;AAAA,IAEJ;AAAA,2BAAC,OAAE,UAAS,wBACV;AAAA,4BAAC,UAAK,OAAM,MAAK,QAAO,MAAK,IAAG,KAAI,MAAK,WAAU,aAAY,QAAO;AAAA,QACtE;AAAA,UAAC;AAAA;AAAA,YACC,GAAE;AAAA,YACF,QAAO;AAAA,YACP,eAAc;AAAA,YACd,gBAAe;AAAA;AAAA,QACjB;AAAA,SACF;AAAA,MACA,oBAAC,UACC,8BAAC,cAAS,IAAG,kBACX,8BAAC,UAAK,OAAM,MAAK,QAAO,MAAK,MAAK,SAAQ,GAC5C,GACF;AAAA;AAAA;AACF;AAGK,IAAM,MAA+C,WAC1D;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAG;AAAA,IAEJ;AAAA,2BAAC,OAAE,UAAS,wBACV;AAAA,4BAAC,UAAK,OAAM,MAAK,QAAO,MAAK,IAAG,KAAI,MAAK,WAAU,aAAY,QAAO;AAAA,QACtE;AAAA,UAAC;AAAA;AAAA,YACC,GAAE;AAAA,YACF,QAAO;AAAA,YACP,eAAc;AAAA,YACd,gBAAe;AAAA;AAAA,QACjB;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,GAAE;AAAA,YACF,QAAO;AAAA,YACP,eAAc;AAAA,YACd,gBAAe;AAAA;AAAA,QACjB;AAAA,SACF;AAAA,MACA,oBAAC,UACC,8BAAC,cAAS,IAAG,kBACX,8BAAC,UAAK,OAAM,MAAK,QAAO,MAAK,MAAK,SAAQ,GAC5C,GACF;AAAA;AAAA;AACF;","names":[]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/ImageSkeleton/index.js

@@ -1,3 +1,5 @@
+import "../../chunk-WQG2LZMB.js";
+
 // src/components/ImageSkeleton/index.tsx
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";

package/dist/components/ImageSkeleton/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ImageSkeleton/index.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport React from 'react';\n\nexport const ImageSkeleton: React.FC = () => {\n  return (\n    <div\n      className={clsx(\n        'ant-skeleton ant-skeleton-element',\n        'inline-block w-auto',\n      )}\n    >\n      <div\n        className={clsx(\n          'ant-skeleton-image',\n          'absolute w-full h-full top-0 left-0 right-0 bottom-0 object-contain rounded-t-5px flex-center vertical-top lh-96px bg-#bebebe33',\n        )}\n      >\n        <svg\n          viewBox=\"0 0 1098 1024\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          className={clsx(\n            'ant-skeleton-image-svg',\n            'w-48px h-48px lh-48px max-w-192px max-h-192px',\n          )}\n        >\n          <path\n            d=\"M365.714286 329.142857q0 45.714286-32.036571 77.677714t-77.677714 32.036571-77.677714-32.036571-32.036571-77.677714 32.036571-77.677714 77.677714-32.036571 77.677714 32.036571 32.036571 77.677714zM950.857143 548.571429l0 256-804.571429 0 0-109.714286 182.857143-182.857143 91.428571 91.428571 292.571429-292.571429zM1005.714286 146.285714l-914.285714 0q-7.460571 0-12.873143 5.412571t-5.412571 12.873143l0 694.857143q0 7.460571 5.412571 12.873143t12.873143 5.412571l914.285714 0q7.460571 0 12.873143-5.412571t5.412571-12.873143l0-694.857143q0-7.460571-5.412571-12.873143t-12.873143-5.412571zM1097.142857 164.571429l0 694.857143q0 37.741714-26.843429 64.585143t-64.585143 26.843429l-914.285714 0q-37.741714 0-64.585143-26.843429t-26.843429-64.585143l0-694.857143q0-37.741714 26.843429-64.585143t64.585143-26.843429l914.285714 0q37.741714 0 64.585143 26.843429t26.843429 64.585143z\"\n            className={clsx('ant-skeleton-image-path', 'fill-#bfbfbf')}\n          ></path>\n        </svg>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";AAAA,OAAO,UAAU;AAyBP;AAtBH,IAAM,gBAA0B,MAAM;AAC3C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,UACF;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,OAAM;AAAA,cACN,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,cACF;AAAA,cAEA;AAAA,gBAAC;AAAA;AAAA,kBACC,GAAE;AAAA,kBACF,WAAW,KAAK,2BAA2B,cAAc;AAAA;AAAA,cAC1D;AAAA;AAAA,UACH;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/ImageSkeleton/index.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport React from 'react';\n\nexport const ImageSkeleton: React.FC = () => {\n  return (\n    <div\n      className={clsx(\n        'ant-skeleton ant-skeleton-element',\n        'inline-block w-auto',\n      )}\n    >\n      <div\n        className={clsx(\n          'ant-skeleton-image',\n          'absolute w-full h-full top-0 left-0 right-0 bottom-0 object-contain rounded-t-5px flex-center vertical-top lh-96px bg-#bebebe33',\n        )}\n      >\n        <svg\n          viewBox=\"0 0 1098 1024\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          className={clsx(\n            'ant-skeleton-image-svg',\n            'w-48px h-48px lh-48px max-w-192px max-h-192px',\n          )}\n        >\n          <path\n            d=\"M365.714286 329.142857q0 45.714286-32.036571 77.677714t-77.677714 32.036571-77.677714-32.036571-32.036571-77.677714 32.036571-77.677714 77.677714-32.036571 77.677714 32.036571 32.036571 77.677714zM950.857143 548.571429l0 256-804.571429 0 0-109.714286 182.857143-182.857143 91.428571 91.428571 292.571429-292.571429zM1005.714286 146.285714l-914.285714 0q-7.460571 0-12.873143 5.412571t-5.412571 12.873143l0 694.857143q0 7.460571 5.412571 12.873143t12.873143 5.412571l914.285714 0q7.460571 0 12.873143-5.412571t5.412571-12.873143l0-694.857143q0-7.460571-5.412571-12.873143t-12.873143-5.412571zM1097.142857 164.571429l0 694.857143q0 37.741714-26.843429 64.585143t-64.585143 26.843429l-914.285714 0q-37.741714 0-64.585143-26.843429t-26.843429-64.585143l0-694.857143q0-37.741714 26.843429-64.585143t64.585143-26.843429l914.285714 0q37.741714 0 64.585143 26.843429t26.843429 64.585143z\"\n            className={clsx('ant-skeleton-image-path', 'fill-#bfbfbf')}\n          ></path>\n        </svg>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;AAAA,OAAO,UAAU;AAyBP;AAtBH,IAAM,gBAA0B,MAAM;AAC3C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,UACF;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,OAAM;AAAA,cACN,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,cACF;AAAA,cAEA;AAAA,gBAAC;AAAA;AAAA,kBACC,GAAE;AAAA,kBACF,WAAW,KAAK,2BAA2B,cAAc;AAAA;AAAA,cAC1D;AAAA;AAAA,UACH;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/IncreasePercent/Icons.js

@@ -2,6 +2,7 @@ import {
   NegativeArrow,
   PositiveArrow
 } from "../../chunk-7OAWG2IZ.js";
+import "../../chunk-WQG2LZMB.js";
 export {
   NegativeArrow,
   PositiveArrow

package/dist/components/IncreasePercent/index.js

@@ -5,12 +5,13 @@ import {
 import {
   cn,
   getIncreasePercent
-} from "../../chunk-DFQG46WD.js";
-import "../../chunk-7RH7LJYB.js";
-import "../../chunk-LXTR4VAD.js";
+} from "../../chunk-CPPQCJEV.js";
+import "../../chunk-WIB76E7O.js";
+import "../../chunk-5EDEEGZK.js";
 import "../../chunk-J2I22Q2M.js";
-import "../../chunk-YEUH2K6Z.js";
+import "../../chunk-YEINMVAR.js";
 import "../../chunk-DQGLZCIG.js";
+import "../../chunk-WQG2LZMB.js";
 
 // src/components/IncreasePercent/index.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/IncreasePercent/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/IncreasePercent/index.tsx"],"sourcesContent":["import BigNumber from 'bignumber.js';\nimport { cn, getIncreasePercent } from 'src/utils';\nimport { NegativeArrow, PositiveArrow } from './Icons';\n\nconst isValueProps = (props: unknown): props is ValueProps =>\n  'value' in (props as ValueProps);\n\ninterface BaseProps {\n  className?: string;\n  /** show + while value is positive */\n  showPlus?: boolean;\n  showArrow?: boolean;\n}\n\ninterface ValueProps {\n  value: string;\n}\ninterface CalcProps {\n  base: string | number | BigNumber;\n  prev: string | number | BigNumber;\n  precision?: number;\n}\n\ntype Props = CalcProps | ValueProps;\n\nexport const IncreasePercent: React.FC<Props & BaseProps> = ({\n  className,\n  showPlus,\n  showArrow,\n  ...props\n}) => {\n  const value = isValueProps(props)\n    ? props.value\n    : getIncreasePercent(props.base, props.prev, props.precision).percent;\n  const isNegative = value[0] === '-';\n  return (\n    <span\n      className={cn(\n        'inline-flex items-center',\n        isNegative ? 'text-[#FA5D5D]' : 'text-[#4AC2AB]',\n        className,\n      )}\n    >\n      {showArrow &&\n        (isNegative ? (\n          <NegativeArrow className=\"mr-4px\" />\n        ) : (\n          <PositiveArrow className=\"mr-4px\" />\n        ))}\n      {!isNegative && showPlus && '+'}\n      {value}\n    </span>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAoCI,SASM,KATN;AAhCJ,IAAM,eAAe,CAAC,UACpB,WAAY;AAoBP,IAAM,kBAA+C,CAAC;AAAA,EAC3D;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,QAAQ,aAAa,KAAK,IAC5B,MAAM,QACN,mBAAmB,MAAM,MAAM,MAAM,MAAM,MAAM,SAAS,EAAE;AAChE,QAAM,aAAa,MAAM,CAAC,MAAM;AAChC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,aAAa,mBAAmB;AAAA,QAChC;AAAA,MACF;AAAA,MAEC;AAAA,sBACE,aACC,oBAAC,iBAAc,WAAU,UAAS,IAElC,oBAAC,iBAAc,WAAU,UAAS;AAAA,QAErC,CAAC,cAAc,YAAY;AAAA,QAC3B;AAAA;AAAA;AAAA,EACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/IncreasePercent/index.tsx"],"sourcesContent":["import BigNumber from 'bignumber.js';\nimport { cn, getIncreasePercent } from 'src/utils';\nimport { NegativeArrow, PositiveArrow } from './Icons';\n\nconst isValueProps = (props: unknown): props is ValueProps =>\n  'value' in (props as ValueProps);\n\ninterface BaseProps {\n  className?: string;\n  /** show + while value is positive */\n  showPlus?: boolean;\n  showArrow?: boolean;\n}\n\ninterface ValueProps {\n  value: string;\n}\ninterface CalcProps {\n  base: string | number | BigNumber;\n  prev: string | number | BigNumber;\n  precision?: number;\n}\n\ntype Props = CalcProps | ValueProps;\n\nexport const IncreasePercent: React.FC<Props & BaseProps> = ({\n  className,\n  showPlus,\n  showArrow,\n  ...props\n}) => {\n  const value = isValueProps(props)\n    ? props.value\n    : getIncreasePercent(props.base, props.prev, props.precision).percent;\n  const isNegative = value[0] === '-';\n  return (\n    <span\n      className={cn(\n        'inline-flex items-center',\n        isNegative ? 'text-[#FA5D5D]' : 'text-[#4AC2AB]',\n        className,\n      )}\n    >\n      {showArrow &&\n        (isNegative ? (\n          <NegativeArrow className=\"mr-4px\" />\n        ) : (\n          <PositiveArrow className=\"mr-4px\" />\n        ))}\n      {!isNegative && showPlus && '+'}\n      {value}\n    </span>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAoCI,SASM,KATN;AAhCJ,IAAM,eAAe,CAAC,UACpB,WAAY;AAoBP,IAAM,kBAA+C,CAAC;AAAA,EAC3D;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,QAAQ,aAAa,KAAK,IAC5B,MAAM,QACN,mBAAmB,MAAM,MAAM,MAAM,MAAM,MAAM,SAAS,EAAE;AAChE,QAAM,aAAa,MAAM,CAAC,MAAM;AAChC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,aAAa,mBAAmB;AAAA,QAChC;AAAA,MACF;AAAA,MAEC;AAAA,sBACE,aACC,oBAAC,iBAAc,WAAU,UAAS,IAElC,oBAAC,iBAAc,WAAU,UAAS;AAAA,QAErC,CAAC,cAAc,YAAY;AAAA,QAC3B;AAAA;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/InfoIconWithTooltip/InfoIcon.js

@@ -1,6 +1,7 @@
 import {
   InfoIcon
 } from "../../chunk-65X53DMW.js";
+import "../../chunk-WQG2LZMB.js";
 export {
   InfoIcon
 };

package/dist/components/InfoIconWithTooltip/index.js

@@ -1,16 +1,17 @@
 import {
   InfoIconWithTooltip
-} from "../../chunk-U3F7QHXB.js";
+} from "../../chunk-OCQIWTDC.js";
 import "../../chunk-65X53DMW.js";
-import "../../chunk-NUKYY7GO.js";
+import "../../chunk-DF3PVTB5.js";
 import "../../chunk-BMO4IZHV.js";
 import "../../chunk-LRCAKRPK.js";
-import "../../chunk-DFQG46WD.js";
-import "../../chunk-7RH7LJYB.js";
-import "../../chunk-LXTR4VAD.js";
+import "../../chunk-CPPQCJEV.js";
+import "../../chunk-WIB76E7O.js";
+import "../../chunk-5EDEEGZK.js";
 import "../../chunk-J2I22Q2M.js";
-import "../../chunk-YEUH2K6Z.js";
+import "../../chunk-YEINMVAR.js";
 import "../../chunk-DQGLZCIG.js";
+import "../../chunk-WQG2LZMB.js";
 export {
   InfoIconWithTooltip
 };

package/dist/components/InputData/AddressLabel.d.ts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const AddressLabel: ({ address, space, }: {
+    address: string;
+    space: 'evm' | 'core';
+}) => react_jsx_runtime.JSX.Element;
+
+export { AddressLabel };

package/dist/components/InputData/AddressLabel.js

@@ -0,0 +1,23 @@
+import {
+  AddressLabel
+} from "../../chunk-CKVDFS45.js";
+import "../../chunk-6H5A42YS.js";
+import "../../chunk-BUSBM33B.js";
+import "../../chunk-CNF26YY7.js";
+import "../../chunk-P4EE3QGM.js";
+import "../../chunk-TOKKKTFG.js";
+import "../../chunk-Q2DX6IDH.js";
+import "../../chunk-DF3PVTB5.js";
+import "../../chunk-BMO4IZHV.js";
+import "../../chunk-LRCAKRPK.js";
+import "../../chunk-CPPQCJEV.js";
+import "../../chunk-WIB76E7O.js";
+import "../../chunk-5EDEEGZK.js";
+import "../../chunk-J2I22Q2M.js";
+import "../../chunk-YEINMVAR.js";
+import "../../chunk-DQGLZCIG.js";
+import "../../chunk-WQG2LZMB.js";
+export {
+  AddressLabel
+};
+//# sourceMappingURL=AddressLabel.js.map

package/dist/components/InputData/AddressLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/InputData/ContractDetail.d.ts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const formatContractAndTokenInfoMap: (m: any, addressType: 'hex' | 'base32') => Record<string, ContractAndTokenInfo>;
+interface ContractAndTokenInfo {
+    contract: {
+        name?: string;
+        address: string;
+    };
+    token: {
+        name?: string;
+        symbol?: string;
+        iconUrl?: string;
+        address: string;
+    };
+}
+interface Props {
+    info?: ContractAndTokenInfo;
+    addressType: 'hex' | 'base32';
+}
+declare const ContractDetail: ({ info, addressType }: Props) => react_jsx_runtime.JSX.Element | null;
+
+export { ContractAndTokenInfo, ContractDetail, formatContractAndTokenInfoMap };

package/dist/components/InputData/ContractDetail.js

@@ -0,0 +1,19 @@
+import {
+  ContractDetail,
+  formatContractAndTokenInfoMap
+} from "../../chunk-SUCQASD3.js";
+import "../../chunk-2Y57U43P.js";
+import "../../chunk-TGK5LP2H.js";
+import "../../chunk-JFFTHCNE.js";
+import "../../chunk-CNF26YY7.js";
+import "../../chunk-WIB76E7O.js";
+import "../../chunk-5EDEEGZK.js";
+import "../../chunk-J2I22Q2M.js";
+import "../../chunk-YEINMVAR.js";
+import "../../chunk-DQGLZCIG.js";
+import "../../chunk-WQG2LZMB.js";
+export {
+  ContractDetail,
+  formatContractAndTokenInfoMap
+};
+//# sourceMappingURL=ContractDetail.js.map

package/dist/components/InputData/ContractDetail.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/InputData/FunctionName.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { AbiFunctionWithoutGas, AbiError } from '../../utils/sdk.js';
+import { AbiParameter } from 'viem';
+
+declare const getParameterType: (input: AbiParameter) => string;
+declare const FunctionName: ({ abiItem, }: {
+    abiItem: AbiFunctionWithoutGas | AbiError;
+}) => react_jsx_runtime.JSX.Element;
+
+export { FunctionName, getParameterType };

package/dist/components/InputData/FunctionName.js

@@ -0,0 +1,10 @@
+import {
+  FunctionName,
+  getParameterType
+} from "../../chunk-FYLAXC3R.js";
+import "../../chunk-WQG2LZMB.js";
+export {
+  FunctionName,
+  getParameterType
+};
+//# sourceMappingURL=FunctionName.js.map

package/dist/components/InputData/FunctionName.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/InputData/GeneralDecode.d.ts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const GeneralDecode: ({ data, fullName, includeMethodID, }: {
+    data: string;
+    fullName?: string | undefined;
+    includeMethodID?: boolean | undefined;
+}) => react_jsx_runtime.JSX.Element;
+
+export { GeneralDecode };

package/dist/components/InputData/GeneralDecode.js

@@ -0,0 +1,8 @@
+import {
+  GeneralDecode
+} from "../../chunk-OYESIV3F.js";
+import "../../chunk-WQG2LZMB.js";
+export {
+  GeneralDecode
+};
+//# sourceMappingURL=GeneralDecode.js.map

package/dist/components/InputData/GeneralDecode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/InputData/JsonDecode.d.ts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { AbiFunctionWithoutGas } from '../../utils/sdk.js';
+import 'viem';
+
+interface Props {
+    decodedParams: {
+        args?: readonly unknown[];
+        functionName: string;
+    };
+    decodedResults?: unknown[];
+    abiItem: AbiFunctionWithoutGas;
+    input: string;
+    success?: boolean;
+    name?: string;
+}
+declare const JsonDecode: ({ decodedParams, decodedResults, abiItem, input, success, name, }: Props) => react_jsx_runtime.JSX.Element;
+
+export { JsonDecode };

package/dist/components/InputData/JsonDecode.js

@@ -0,0 +1,19 @@
+import {
+  JsonDecode
+} from "../../chunk-L62OTV7F.js";
+import "../../chunk-SFCNLOQ5.js";
+import "../../chunk-5Y7I6VYA.js";
+import "../../chunk-DF3PVTB5.js";
+import "../../chunk-BMO4IZHV.js";
+import "../../chunk-LRCAKRPK.js";
+import "../../chunk-CPPQCJEV.js";
+import "../../chunk-WIB76E7O.js";
+import "../../chunk-5EDEEGZK.js";
+import "../../chunk-J2I22Q2M.js";
+import "../../chunk-YEINMVAR.js";
+import "../../chunk-DQGLZCIG.js";
+import "../../chunk-WQG2LZMB.js";
+export {
+  JsonDecode
+};
+//# sourceMappingURL=JsonDecode.js.map

package/dist/components/InputData/JsonDecode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/InputData/OptimizationDecode.d.ts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { AbiFunctionWithoutGas } from '../../utils/sdk.js';
+import { AbiParameter } from 'viem';
+
+declare const DecodedParameters: ({ args, label, params, labelClassName, space, }: {
+    label: string;
+    args?: readonly unknown[] | undefined;
+    params: readonly AbiParameter[];
+    labelClassName?: string | undefined;
+    space: 'evm' | 'core';
+}) => react_jsx_runtime.JSX.Element | null;
+declare const OptimizationDecode: ({ input, decodedParams, abiItem, labelClassName, space, }: {
+    decodedParams: {
+        args?: readonly unknown[];
+        functionName: string;
+    };
+    abiItem: AbiFunctionWithoutGas;
+    input: string;
+    labelClassName?: string | undefined;
+    space: 'evm' | 'core';
+}) => react_jsx_runtime.JSX.Element;
+
+export { DecodedParameters, OptimizationDecode };

package/dist/components/InputData/OptimizationDecode.js

@@ -0,0 +1,32 @@
+import {
+  DecodedParameters,
+  OptimizationDecode
+} from "../../chunk-U6ZN2ABK.js";
+import "../../chunk-FYLAXC3R.js";
+import "../../chunk-SFCNLOQ5.js";
+import "../../chunk-CKVDFS45.js";
+import "../../chunk-6H5A42YS.js";
+import "../../chunk-SUCQASD3.js";
+import "../../chunk-2Y57U43P.js";
+import "../../chunk-TGK5LP2H.js";
+import "../../chunk-BUSBM33B.js";
+import "../../chunk-JFFTHCNE.js";
+import "../../chunk-CNF26YY7.js";
+import "../../chunk-P4EE3QGM.js";
+import "../../chunk-TOKKKTFG.js";
+import "../../chunk-Q2DX6IDH.js";
+import "../../chunk-DF3PVTB5.js";
+import "../../chunk-BMO4IZHV.js";
+import "../../chunk-LRCAKRPK.js";
+import "../../chunk-CPPQCJEV.js";
+import "../../chunk-WIB76E7O.js";
+import "../../chunk-5EDEEGZK.js";
+import "../../chunk-J2I22Q2M.js";
+import "../../chunk-YEINMVAR.js";
+import "../../chunk-DQGLZCIG.js";
+import "../../chunk-WQG2LZMB.js";
+export {
+  DecodedParameters,
+  OptimizationDecode
+};
+//# sourceMappingURL=OptimizationDecode.js.map

package/dist/components/InputData/OptimizationDecode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}