@cfxjs/sirius-next-common 0.1.35 → 0.1.36

package/dist/components/DownloadCSV/index.js

@@ -1,6 +1,6 @@
 import {
   Modal
-} from "../../chunk-4AI26PND.js";
+} from "../../chunk-BIZKI7IP.js";
 import "../../chunk-XCKMXAL2.js";
 import {
   Link
@@ -8,12 +8,13 @@ import {
 import "../../chunk-TGK5LP2H.js";
 import {
   Tooltip
-} from "../../chunk-7M5S36LE.js";
+} from "../../chunk-VOIYIVZF.js";
 import "../../chunk-LRCAKRPK.js";
-import "../../chunk-PK2FN4VI.js";
+import "../../chunk-AYD3HJZF.js";
 import "../../chunk-7RH7LJYB.js";
-import "../../chunk-JOJQXQLI.js";
+import "../../chunk-UR2UYNPF.js";
 import "../../chunk-J2I22Q2M.js";
+import "../../chunk-YEUH2K6Z.js";
 import {
   getTranslations
 } from "../../chunk-DQGLZCIG.js";

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/DownloadCSV/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { getTranslations } from '../../store';\nimport { Link } from '../Link';\nimport { Modal } from '../Modal';\nimport ReCAPTCHA from 'react-google-recaptcha';\nimport iconInfo from '../../images/info.svg';\nimport { Tooltip } from '../Tooltip';\n\nexport const DownloadCSV = ({ url: outerUrl }: { url: string }) => {\n  const { t, i18n } = useTranslation();\n  const [recaptchaVisible, setRecaptchaVisible] = useState(false);\n  const translations = getTranslations();\n\n  const handleRecaptchaModalClose = () => setRecaptchaVisible(false);\n  const onRecaptchaChange = (value: string | null) => {\n    if (value) {\n      // download csv file\n      window.open(outerUrl);\n\n      setRecaptchaVisible(false);\n    }\n  };\n  const handleDownloadCSV = (e: React.MouseEvent<HTMLAnchorElement>) => {\n    e.preventDefault();\n    setRecaptchaVisible(true);\n  };\n\n  return (\n    <div className=\"text-right mb-[-1rem]\">\n      <Tooltip\n        className=\"inline-block pr-[0.2857rem] w-[1.2857rem] cursor-pointer\"\n        title={t(translations.general.downloadCSV.latest5000records)}\n      >\n        <img\n          src={iconInfo}\n          alt=\"warning-icon\"\n          className=\"mt-[-0.2857rem]\"\n        ></img>\n      </Tooltip>\n      <span>{t(translations.general.downloadCSV.download)} </span>\n      <Link onClick={handleDownloadCSV}>\n        {t(translations.general.downloadCSV.csvFile)}\n      </Link>\n      <Modal\n        open={recaptchaVisible}\n        onClose={handleRecaptchaModalClose}\n        closable\n        width={'26.0714rem'}\n      >\n        <ReCAPTCHA\n          sitekey=\"6Lf4-wYrAAAAAEyOeqFdmh124oUt4PjJSEVNk3NK\"\n          onChange={onRecaptchaChange}\n          hl={i18n.language.indexOf('en') > -1 ? 'en' : 'zh'}\n        />\n      </Modal>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,gBAAgB;AAChC,SAAS,sBAAsB;AAI/B,OAAO,eAAe;AACtB,OAAO,cAAc;AA4Bb,cAMF,YANE;AAzBD,IAAM,cAAc,CAAC,EAAE,KAAK,SAAS,MAAuB;AACjE,QAAM,EAAE,GAAG,KAAK,IAAI,eAAe;AACnC,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,KAAK;AAC9D,QAAM,eAAe,gBAAgB;AAErC,QAAM,4BAA4B,MAAM,oBAAoB,KAAK;AACjE,QAAM,oBAAoB,CAAC,UAAyB;AAClD,QAAI,OAAO;AAET,aAAO,KAAK,QAAQ;AAEpB,0BAAoB,KAAK;AAAA,IAC3B;AAAA,EACF;AACA,QAAM,oBAAoB,CAAC,MAA2C;AACpE,MAAE,eAAe;AACjB,wBAAoB,IAAI;AAAA,EAC1B;AAEA,SACE,qBAAC,SAAI,WAAU,yBACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,aAAa,QAAQ,YAAY,iBAAiB;AAAA,QAE3D;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,KAAI;AAAA,YACJ,WAAU;AAAA;AAAA,QACX;AAAA;AAAA,IACH;AAAA,IACA,qBAAC,UAAM;AAAA,QAAE,aAAa,QAAQ,YAAY,QAAQ;AAAA,MAAE;AAAA,OAAC;AAAA,IACrD,oBAAC,QAAK,SAAS,mBACZ,YAAE,aAAa,QAAQ,YAAY,OAAO,GAC7C;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,SAAS;AAAA,QACT,UAAQ;AAAA,QACR,OAAO;AAAA,QAEP;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,UAAU;AAAA,YACV,IAAI,KAAK,SAAS,QAAQ,IAAI,IAAI,KAAK,OAAO;AAAA;AAAA,QAChD;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/DownloadCSV/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { getTranslations } from '../../store';\nimport { Link } from '../Link';\nimport { Modal } from '../Modal';\nimport ReCAPTCHA from 'react-google-recaptcha';\nimport iconInfo from '../../images/info.svg';\nimport { Tooltip } from '../Tooltip';\n\nexport const DownloadCSV = ({ url: outerUrl }: { url: string }) => {\n  const { t, i18n } = useTranslation();\n  const [recaptchaVisible, setRecaptchaVisible] = useState(false);\n  const translations = getTranslations();\n\n  const handleRecaptchaModalClose = () => setRecaptchaVisible(false);\n  const onRecaptchaChange = (value: string | null) => {\n    if (value) {\n      // download csv file\n      window.open(outerUrl);\n\n      setRecaptchaVisible(false);\n    }\n  };\n  const handleDownloadCSV = (e: React.MouseEvent<HTMLAnchorElement>) => {\n    e.preventDefault();\n    setRecaptchaVisible(true);\n  };\n\n  return (\n    <div className=\"text-right mb-[-1rem]\">\n      <Tooltip\n        className=\"inline-block pr-[0.2857rem] w-[1.2857rem] cursor-pointer\"\n        title={t(translations.general.downloadCSV.latest5000records)}\n      >\n        <img\n          src={iconInfo}\n          alt=\"warning-icon\"\n          className=\"mt-[-0.2857rem]\"\n        ></img>\n      </Tooltip>\n      <span>{t(translations.general.downloadCSV.download)} </span>\n      <Link onClick={handleDownloadCSV}>\n        {t(translations.general.downloadCSV.csvFile)}\n      </Link>\n      <Modal\n        open={recaptchaVisible}\n        onClose={handleRecaptchaModalClose}\n        closable\n        width={'26.0714rem'}\n      >\n        <ReCAPTCHA\n          sitekey=\"6Lf4-wYrAAAAAEyOeqFdmh124oUt4PjJSEVNk3NK\"\n          onChange={onRecaptchaChange}\n          hl={i18n.language.indexOf('en') > -1 ? 'en' : 'zh'}\n        />\n      </Modal>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,gBAAgB;AAChC,SAAS,sBAAsB;AAI/B,OAAO,eAAe;AACtB,OAAO,cAAc;AA4Bb,cAMF,YANE;AAzBD,IAAM,cAAc,CAAC,EAAE,KAAK,SAAS,MAAuB;AACjE,QAAM,EAAE,GAAG,KAAK,IAAI,eAAe;AACnC,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,KAAK;AAC9D,QAAM,eAAe,gBAAgB;AAErC,QAAM,4BAA4B,MAAM,oBAAoB,KAAK;AACjE,QAAM,oBAAoB,CAAC,UAAyB;AAClD,QAAI,OAAO;AAET,aAAO,KAAK,QAAQ;AAEpB,0BAAoB,KAAK;AAAA,IAC3B;AAAA,EACF;AACA,QAAM,oBAAoB,CAAC,MAA2C;AACpE,MAAE,eAAe;AACjB,wBAAoB,IAAI;AAAA,EAC1B;AAEA,SACE,qBAAC,SAAI,WAAU,yBACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,aAAa,QAAQ,YAAY,iBAAiB;AAAA,QAE3D;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,KAAI;AAAA,YACJ,WAAU;AAAA;AAAA,QACX;AAAA;AAAA,IACH;AAAA,IACA,qBAAC,UAAM;AAAA,QAAE,aAAa,QAAQ,YAAY,QAAQ;AAAA,MAAE;AAAA,OAAC;AAAA,IACrD,oBAAC,QAAK,SAAS,mBACZ,YAAE,aAAa,QAAQ,YAAY,OAAO,GAC7C;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,SAAS;AAAA,QACT,UAAQ;AAAA,QACR,OAAO;AAAA,QAEP;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,UAAU;AAAA,YACV,IAAI,KAAK,SAAS,QAAQ,IAAI,IAAI,KAAK,OAAO;AAAA;AAAA,QAChD;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}

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

@@ -0,0 +1,2 @@
+
+export { }

package/dist/components/EOACodeIcon/index.js

@@ -0,0 +1 @@
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/GasPriceDropdown/index.js

@@ -1,15 +1,16 @@
 import {
   SkeletonContainer
-} from "../../chunk-OGYP6XKU.js";
+} from "../../chunk-JC7K33GL.js";
 import "../../chunk-H3V3K4DD.js";
 import {
   fromDripToGdrip
-} from "../../chunk-PK2FN4VI.js";
+} from "../../chunk-AYD3HJZF.js";
 import "../../chunk-7RH7LJYB.js";
 import {
   sendRequestGasPrice
-} from "../../chunk-JOJQXQLI.js";
+} from "../../chunk-UR2UYNPF.js";
 import "../../chunk-J2I22Q2M.js";
+import "../../chunk-YEUH2K6Z.js";
 import {
   getTranslations,
   useGasPrice,

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":";;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,UAAU,WAAW,mBAAmB;AACxD,SAAS,aAAa,sBAAsB;AAG5C,SAAS,mBAAmB;AAK5B,OAAO,aAAa;AACpB,OAAO,iBAAiB;AACxB,OAAO,YAAY;AACnB,OAAO,eAAe;AACtB,OAAO,aAAa;AACpB,OAAO,eAAe;AAgChB,cAMI,YANJ;AA7BN,IAAM,wBAAwB,CAAC,UAA0B;AACvD,MAAI,UAAU;AAAW,WAAO;AAEhC,QAAM,cAAc,WAAW,KAAK;AACpC,MAAI,MAAM,WAAW,GAAG;AACtB,UAAM,IAAI,MAAM,gBAAgB;AAAA,EAClC;AAEA,QAAM,gBAAgB,KAAK,MAAM,cAAc,EAAE,IAAI;AAErD,QAAM,SAAS,MAAM,QAAQ,YAAY,EAAE;AAE3C,QAAM,gBACJ,gBAAgB,MAAM,IAAI,gBAAgB,cAAc,QAAQ,CAAC;AAEnE,SAAO,gBAAgB;AACzB;AAEA,IAAM,cAMD,CAAC,EAAE,SAAS,KAAK,OAAO,eAAe,KAAK,MAAM;AACrD,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,EAAE,aAAa,IAAI,QAAQ;AACjC,SACE,qBAAC,SAAI,WAAU,qEACb;AAAA,wBAAC,SAAI,WAAU,kCAAiC,KAAK,KAAK,KAAI,IAAG;AAAA,IACjE,oBAAC,SAAI,WAAU,sDACZ,iBACH;AAAA,IACA,oBAAC,SAAI,WAAU,sBACb,+BAAC,qBAAkB,OAAO,QAAQ,aAAa,GAC7C;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO,EAAE,OAAO,cAAc;AAAA,UAE7B;AAAA;AAAA,cACC,gBAAgB,QAAQ,UAAU,OAAO;AAAA,gBACvC,WAAW;AAAA,cACb,CAAC;AAAA,YACH;AAAA,YAAG;AAAA,YACF;AAAA;AAAA;AAAA,MACH;AAAA,MACA,oBAAC,SAAI,WAAU,8CACZ,aAAG,EAAE,aAAa,iBAAiB,SAAS;AAAA,QAC3C,QAAQ;AAAA,UACN,gBAAgB,QAAQ,MAAM,OAAO;AAAA,YACnC,WAAW;AAAA,UACb,CAAC;AAAA,QACH;AAAA,MACF,CAAC,OAAO,EAAE,aAAa,iBAAiB,gBAAgB;AAAA,QACtD,QAAQ;AAAA,UACN,gBAAgB,QAAQ,UAAU,OAAO;AAAA,YACvC,WAAW;AAAA,UACb,CAAC;AAAA,QACH;AAAA,MACF,CAAC,KACH;AAAA,OACF,GACF;AAAA,KACF;AAEJ;AAEA,IAAM,kBAAkB;AAAA,EACtB,MAAM;AACR;AAEO,IAAM,mBAAoD,CAAC;AAAA,EAChE,OAAO;AACT,MAAM;AACJ,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,eAAe,gBAAgB;AAErC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,EAAE,cAAc,YAAY,IAAI,YAAY;AAClD,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,QAAM,qBAAqB;AAAA,IACzB,CAAC,UAAsB;AACrB,YAAM,SAAS,MAAM;AACrB,UAAI,aAAa,CAAC,OAAO,QAAQ,QAAQ,GAAG;AAC1C,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF;AAAA,IACA,CAAC,SAAS;AAAA,EACZ;AAEA,QAAM,cAAc,YAAY,YAAY;AAC1C,oBAAgB,IAAI;AACpB,UAAM,MAAM,MAAM,oBAAoB;AACtC,QAAI,KAAK;AACP,kBAAY,GAAG;AAAA,IACjB;AACA,oBAAgB,KAAK;AAAA,EACvB,GAAG,CAAC,WAAW,CAAC;AAEhB,YAAU,MAAM;AACd,QAAI,CAAC,gBAAgB,MAAM;AACzB,sBAAgB,OAAO;AACvB,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAEhB,cAAY,MAAM;AAChB,gBAAY;AAAA,EACd,GAAG,GAAK;AAER,YAAU,MAAM;AACd,QAAI,WAAW;AACb,eAAS,iBAAiB,aAAa,kBAAkB;AAAA,IAC3D;AAEA,WAAO,MAAM;AACX,eAAS,oBAAoB,aAAa,kBAAkB;AAAA,IAC9D;AAAA,EACF,GAAG,CAAC,WAAW,kBAAkB,CAAC;AAElC,SACE,qBAAC,SAAI,WAAU,YACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,SAAS,MAAM,aAAa,IAAI;AAAA,QAEhC;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,aAAa,aAAa,KAAK,aAAa;AAAA,YAEnD;AAAA,kCAAC,SAAI,KAAK,SAAS,KAAI,IAAG;AAAA,cAC1B,oBAAC,UAAK,WAAU,qCACb;AAAA,gBACC,gBAAgB,aAAa,aAAa,KAAK,UAAU,OAAO;AAAA,kBAC9D,WAAW;AAAA,gBACb,CAAC;AAAA,cACH,GACF;AAAA,cACA,oBAAC,UAAM,gBAAK;AAAA;AAAA;AAAA,QACd;AAAA;AAAA,IACF;AAAA,IACC,aACC,qBAAC,SAAI,WAAU,4JACb;AAAA,2BAAC,SAAI,WAAU,wBACb;AAAA,6BAAC,SAAI,WAAU,oDACb;AAAA,8BAAC,eACE,WAAAA,OAAKA,GAAE,aAAa,iBAAiB,WAAW,GACnD;AAAA,UAAc;AAAA,UAEd,oBAAC,qBAAkB,OAAO,aAAa,gBAAgB,GACpD,uBAAa,aAChB;AAAA,WACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,WACE,sBACC,eACG,iDACA;AAAA,YAEN,KAAK;AAAA,YACL,KAAI;AAAA,YACJ,SAAS,MAAM,YAAY;AAAA;AAAA,QAC7B;AAAA,SACF;AAAA,MACA,qBAAC,SAAI,WAAU,uBACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAS,aAAa,aAAa;AAAA,YACnC,OAAO,EAAE,aAAa,iBAAiB,GAAG;AAAA,YAC1C,KAAK;AAAA,YACL,eAAc;AAAA,YACd;AAAA;AAAA,QACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,SAAS,aAAa,aAAa;AAAA,YACnC,OAAO,EAAE,aAAa,iBAAiB,MAAM;AAAA,YAC7C,KAAK;AAAA,YACL,eAAc;AAAA,YACd;AAAA;AAAA,QACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,SAAS,aAAa,aAAa;AAAA,YACnC,OAAO,EAAE,aAAa,iBAAiB,IAAI;AAAA,YAC3C,KAAK;AAAA,YACL,eAAc;AAAA,YACd;AAAA;AAAA,QACF;AAAA,SACF;AAAA,MACA,qBAAC,SAAI,WAAU,YACb;AAAA,6BAAC,SAAI,WAAU,yEACb;AAAA,8BAAC,SACC,8BAAC,eACE,WAAAA,OAAKA,GAAE,aAAa,iBAAiB,MAAM,GAC9C,GACF;AAAA,UAEA,oBAAC,SAAI,WAAU,8BACb,8BAAC,eACE,WAAAA,OAAKA,GAAE,aAAa,iBAAiB,cAAc,GACtD,GACF;AAAA,WACF;AAAA,QACA,qBAAC,SAAI,WAAU,uDACb;AAAA,8BAAC,SAAI,WAAU,sDACZ;AAAA,YACC;AAAA,cACE,aAAa,eAAe,KAAK;AAAA,cACjC;AAAA,cACA;AAAA,gBACE,WAAW;AAAA,cACb;AAAA,YACF;AAAA,UACF,GACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,KAAK;AAAA,cACL,KAAI;AAAA,cACJ,OAAO,EAAE,WAAW,mBAAmB;AAAA;AAAA,UACzC;AAAA,WACF;AAAA,QACA,qBAAC,SAAI,WAAU,uDACb;AAAA,8BAAC,SAAI,WAAU,sDACZ;AAAA,YACC;AAAA,cACE,aAAa,eAAe,KAAK;AAAA,cACjC;AAAA,cACA;AAAA,gBACE,WAAW;AAAA,cACb;AAAA,YACF;AAAA,UACF,GACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,KAAK;AAAA,cACL,KAAI;AAAA,cACJ,OAAO,EAAE,WAAW,mBAAmB;AAAA;AAAA,UACzC;AAAA,WACF;AAAA,QACA,qBAAC,SAAI,WAAU,iCACb;AAAA,8BAAC,SAAI,WAAU,oEAAmE;AAAA,UAClF,oBAAC,SAAI,WAAU,6CAA4C;AAAA,UAC3D,oBAAC,SAAI,WAAU,oEAAmE;AAAA,WACpF;AAAA,QACA,qBAAC,SAAI,WAAU,oCACb;AAAA,+BAAC,SACC;AAAA,gCAAC,SAAI,WAAU,0CAAyC,iBAExD;AAAA,YACA,oBAAC,SAAI,WAAU,sDACZ;AAAA,cACC;AAAA,gBACE,aAAa,eAAe,IAAI;AAAA,gBAChC;AAAA,gBACA;AAAA,kBACE,WAAW;AAAA,gBACb;AAAA,cACF;AAAA,YACF,GACF;AAAA,aACF;AAAA,UACA,qBAAC,SAAI,WAAU,YACb;AAAA,gCAAC,SAAI,WAAU,yEAAwE;AAAA,YACvF,oBAAC,SAAI,WAAU,0CAAyC,iBAExD;AAAA,YACA,oBAAC,SAAI,WAAU,2EACZ;AAAA,cACC;AAAA,gBACE,aAAa,eAAe,KAAK;AAAA,gBACjC;AAAA,gBACA;AAAA,kBACE,WAAW;AAAA,gBACb;AAAA,cACF;AAAA,YACF,GACF;AAAA,aACF;AAAA,UACA,qBAAC,SACC;AAAA,gCAAC,SAAI,WAAU,0CAAyC,iBAExD;AAAA,YACA,oBAAC,SAAI,WAAU,uDACZ;AAAA,cACC;AAAA,gBACE,aAAa,eAAe,IAAI;AAAA,gBAChC;AAAA,gBACA;AAAA,kBACE,WAAW;AAAA,gBACb;AAAA,cACF;AAAA,YACF,GACF;AAAA,aACF;AAAA,WACF;AAAA,SACF;AAAA,OACF;AAAA,IAED,aACC,oBAAC,SAAI,WAAU,sHAAqH;AAAA,KAExI;AAEJ;","names":["t"]}

package/dist/components/IncreasePercent/index.js

@@ -5,10 +5,11 @@ import {
 import {
   cn,
   getIncreasePercent
-} from "../../chunk-PK2FN4VI.js";
+} from "../../chunk-AYD3HJZF.js";
 import "../../chunk-7RH7LJYB.js";
-import "../../chunk-JOJQXQLI.js";
+import "../../chunk-UR2UYNPF.js";
 import "../../chunk-J2I22Q2M.js";
+import "../../chunk-YEUH2K6Z.js";
 import "../../chunk-DQGLZCIG.js";
 
 // src/components/IncreasePercent/index.tsx

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/index.js

@@ -3,12 +3,13 @@ import {
 } from "../../chunk-65X53DMW.js";
 import {
   Tooltip
-} from "../../chunk-7M5S36LE.js";
+} from "../../chunk-VOIYIVZF.js";
 import "../../chunk-LRCAKRPK.js";
-import "../../chunk-PK2FN4VI.js";
+import "../../chunk-AYD3HJZF.js";
 import "../../chunk-7RH7LJYB.js";
-import "../../chunk-JOJQXQLI.js";
+import "../../chunk-UR2UYNPF.js";
 import "../../chunk-J2I22Q2M.js";
+import "../../chunk-YEUH2K6Z.js";
 import "../../chunk-DQGLZCIG.js";
 
 // src/components/InfoIconWithTooltip/index.tsx

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/InfoIconWithTooltip/index.tsx"],"sourcesContent":["import React from 'react';\nimport { InfoIcon } from './InfoIcon';\nimport { Tooltip } from '../Tooltip';\nimport clsx from 'clsx';\n\nexport const InfoIconWithTooltip = ({\n  info,\n  size = 14,\n  children = null,\n}: {\n  info: React.ReactNode;\n  size?: number;\n  children?: React.ReactNode;\n}) => {\n  const title =\n    typeof info === 'string'\n      ? info.split('\\n').map(i => <div key={i}>{i}</div>)\n      : info;\n  return (\n    <span className={clsx('inline-flex items-center')}>\n      {children ? <span className=\"mr-0.2857rem\">{children}</span> : null}\n      <Tooltip title={title}>\n        <span>\n          <InfoIcon size={size} />\n        </span>\n      </Tooltip>\n    </span>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;AAGA,OAAO,UAAU;AAaiB,cAG9B,YAH8B;AAX3B,IAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA,OAAO;AAAA,EACP,WAAW;AACb,MAIM;AACJ,QAAM,QACJ,OAAO,SAAS,WACZ,KAAK,MAAM,IAAI,EAAE,IAAI,OAAK,oBAAC,SAAa,eAAJ,CAAM,CAAM,IAChD;AACN,SACE,qBAAC,UAAK,WAAW,KAAK,0BAA0B,GAC7C;AAAA,eAAW,oBAAC,UAAK,WAAU,gBAAgB,UAAS,IAAU;AAAA,IAC/D,oBAAC,WAAQ,OACP,8BAAC,UACC,8BAAC,YAAS,MAAY,GACxB,GACF;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/InfoIconWithTooltip/index.tsx"],"sourcesContent":["import React from 'react';\nimport { InfoIcon } from './InfoIcon';\nimport { Tooltip } from '../Tooltip';\nimport clsx from 'clsx';\n\nexport const InfoIconWithTooltip = ({\n  info,\n  size = 14,\n  children = null,\n}: {\n  info: React.ReactNode;\n  size?: number;\n  children?: React.ReactNode;\n}) => {\n  const title =\n    typeof info === 'string'\n      ? info.split('\\n').map(i => <div key={i}>{i}</div>)\n      : info;\n  return (\n    <span className={clsx('inline-flex items-center')}>\n      {children ? <span className=\"mr-0.2857rem\">{children}</span> : null}\n      <Tooltip title={title}>\n        <span>\n          <InfoIcon size={size} />\n        </span>\n      </Tooltip>\n    </span>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAGA,OAAO,UAAU;AAaiB,cAG9B,YAH8B;AAX3B,IAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA,OAAO;AAAA,EACP,WAAW;AACb,MAIM;AACJ,QAAM,QACJ,OAAO,SAAS,WACZ,KAAK,MAAM,IAAI,EAAE,IAAI,OAAK,oBAAC,SAAa,eAAJ,CAAM,CAAM,IAChD;AACN,SACE,qBAAC,UAAK,WAAW,KAAK,0BAA0B,GAC7C;AAAA,eAAW,oBAAC,UAAK,WAAU,gBAAgB,UAAS,IAAU;AAAA,IAC/D,oBAAC,WAAQ,OACP,8BAAC,UACC,8BAAC,YAAS,MAAY,GACxB,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/Modal/index.js

@@ -1,11 +1,12 @@
 import {
   Modal
-} from "../../chunk-4AI26PND.js";
+} from "../../chunk-BIZKI7IP.js";
 import "../../chunk-XCKMXAL2.js";
-import "../../chunk-PK2FN4VI.js";
+import "../../chunk-AYD3HJZF.js";
 import "../../chunk-7RH7LJYB.js";
-import "../../chunk-JOJQXQLI.js";
+import "../../chunk-UR2UYNPF.js";
 import "../../chunk-J2I22Q2M.js";
+import "../../chunk-YEUH2K6Z.js";
 import "../../chunk-DQGLZCIG.js";
 export {
   Modal

package/dist/components/NetworkIcon/index.js

@@ -1,9 +1,10 @@
 import {
   getNetworkIcon
-} from "../../chunk-PK2FN4VI.js";
+} from "../../chunk-AYD3HJZF.js";
 import "../../chunk-7RH7LJYB.js";
-import "../../chunk-JOJQXQLI.js";
+import "../../chunk-UR2UYNPF.js";
 import "../../chunk-J2I22Q2M.js";
+import "../../chunk-YEUH2K6Z.js";
 import "../../chunk-DQGLZCIG.js";
 
 // src/components/NetworkIcon/index.tsx

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/NetworkIcon/index.tsx"],"sourcesContent":["import { NetworksType } from 'src/store/types';\nimport { getNetworkIcon } from 'src/utils';\n\nexport const NetworkIcon: React.FC<{ network: NetworksType }> = ({\n  network,\n}) => {\n  const src = getNetworkIcon(network);\n  return src ? <img src={src} alt={network.name} /> : null;\n};\n"],"mappings":";;;;;;;;;AAOe;AAJR,IAAM,cAAmD,CAAC;AAAA,EAC/D;AACF,MAAM;AACJ,QAAM,MAAM,eAAe,OAAO;AAClC,SAAO,MAAM,oBAAC,SAAI,KAAU,KAAK,QAAQ,MAAM,IAAK;AACtD;","names":[]}
+{"version":3,"sources":["../../../src/components/NetworkIcon/index.tsx"],"sourcesContent":["import { NetworksType } from 'src/store/types';\nimport { getNetworkIcon } from 'src/utils';\n\nexport const NetworkIcon: React.FC<{ network: NetworksType }> = ({\n  network,\n}) => {\n  const src = getNetworkIcon(network);\n  return src ? <img src={src} alt={network.name} /> : null;\n};\n"],"mappings":";;;;;;;;;;AAOe;AAJR,IAAM,cAAmD,CAAC;AAAA,EAC/D;AACF,MAAM;AACJ,QAAM,MAAM,eAAe,OAAO;AAClC,SAAO,MAAM,oBAAC,SAAI,KAAU,KAAK,QAAQ,MAAM,IAAK;AACtD;","names":[]}

package/dist/components/PhishingAddressContainer/index.js

@@ -3,15 +3,16 @@ import {
 } from "../../chunk-3DOLNPRU.js";
 import {
   convertCheckSum
-} from "../../chunk-KFSPN5LV.js";
+} from "../../chunk-AIQ2UBC2.js";
 import {
   Tooltip
-} from "../../chunk-7M5S36LE.js";
+} from "../../chunk-VOIYIVZF.js";
 import "../../chunk-LRCAKRPK.js";
-import "../../chunk-PK2FN4VI.js";
+import "../../chunk-AYD3HJZF.js";
 import "../../chunk-7RH7LJYB.js";
-import "../../chunk-JOJQXQLI.js";
+import "../../chunk-UR2UYNPF.js";
 import "../../chunk-J2I22Q2M.js";
+import "../../chunk-YEUH2K6Z.js";
 import {
   getTranslations
 } from "../../chunk-DQGLZCIG.js";

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PhishingAddressContainer/index.tsx"],"sourcesContent":["import { getTranslations } from 'src/store';\nimport { Tooltip } from '../Tooltip';\nimport { PhishingWarningIcon } from './PhishingWarningIcon';\nimport { Trans } from 'react-i18next';\nimport { useMemo } from 'react';\nimport { convertCheckSum } from 'src/utils/address';\n\nexport interface PhishingData {\n  key: string;\n  regex: RegExp;\n  list: {\n    address: string;\n    list: [string, string, string];\n  }[];\n}\n\nexport const formatListResponseWithPhishingInfo = <\n  T extends Record<string, unknown>,\n>(\n  response: T,\n) => {\n  if (!response || !response.phishingInfo || !response.list) {\n    return response;\n  }\n  const phishingInfo = response.phishingInfo as Record<string, string[]>;\n  const phishingRegex = Object.keys(phishingInfo).reduce((acc, key) => {\n    const value = phishingInfo[key] || [];\n    if (!Array.isArray(value) || value.length <= 1) {\n      return acc;\n    }\n    const [start = '', end = ''] = key.split('...');\n    const regex = new RegExp(`^(${start})(.*)(${end})$`, 'i');\n    acc.push({\n      key,\n      regex,\n      list: value.map(item => {\n        const [_, start = '', middle = '', end = ''] =\n          convertCheckSum(item).match(regex) || [];\n        return {\n          address: item,\n          list: [start, middle, end],\n        };\n      }),\n    });\n    return acc;\n  }, [] as PhishingData[]);\n  if (phishingRegex.length === 0) {\n    return response;\n  }\n  return {\n    ...response,\n    list: (response.list as Record<string, unknown>[]).map(item => {\n      const fromPhishingData = phishingRegex.find(p =>\n        p.regex.test((item.from || '') as string),\n      );\n      const toPhishingData = phishingRegex.find(p =>\n        p.regex.test((item.to || '') as string),\n      );\n      return {\n        ...item,\n        fromPhishingData,\n        toPhishingData,\n      };\n    }),\n  };\n};\n\nconst PhishingAddress: React.FC<{\n  start: string;\n  end: string;\n  middle: string;\n}> = ({ start, end, middle }) => {\n  return (\n    <span>\n      <span className=\"text-#FFBB37\">{start}</span>\n      <span>{middle}</span>\n      <span className=\"text-#FFBB37\">{end}</span>\n    </span>\n  );\n};\n\nconst SimilarAddresses: React.FC<{\n  list: [string, string, string][];\n}> = ({ list }) => {\n  return (\n    <div className=\"flex flex-col\">\n      {list.map(item => (\n        <PhishingAddress\n          key={item[1]}\n          start={item[0]}\n          end={item[2]}\n          middle={item[1]}\n        />\n      ))}\n    </div>\n  );\n};\n\nconst PhishingTooltip: React.FC<{\n  phishingData: PhishingData;\n  address: string;\n}> = ({ phishingData, address }) => {\n  const translations = getTranslations();\n  const { list: _list, key, regex } = phishingData;\n  const { start, middle, end, list } = useMemo(() => {\n    const [_, start = '', middle = '', end = ''] =\n      convertCheckSum(address).match(regex) || [];\n    return {\n      start,\n      middle,\n      end,\n      list: _list\n        .filter(item => item.address.toLowerCase() !== address.toLowerCase())\n        .map(item => item.list),\n    };\n  }, [address, key, _list]);\n\n  return (\n    <Tooltip\n      className=\"flex items-center\"\n      containerClassName=\"[&.sirius-next-tooltip>[data-part=content]]:text-10px\"\n      title={\n        <Trans i18nKey={translations.toolTip.phishingWarning}>\n          <PhishingAddress start={start} end={end} middle={middle} />\n          <SimilarAddresses list={list} />\n        </Trans>\n      }\n      portalled\n    >\n      <PhishingWarningIcon className=\"text-#FFBB37\" />\n    </Tooltip>\n  );\n};\n\nexport const PhishingAddressContainer: React.FC<\n  React.PropsWithChildren & {\n    address?: string;\n    phishingData?: PhishingData;\n  }\n> = ({ children, phishingData, address }) => {\n  if (address && phishingData && phishingData.list.length > 0) {\n    return (\n      <div className=\"flex items-center\">\n        <PhishingTooltip phishingData={phishingData} address={address} />\n        {children}\n      </div>\n    );\n  }\n  return children;\n};\n"],"mappings":"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","names":["start","end","middle"]}
+{"version":3,"sources":["../../../src/components/PhishingAddressContainer/index.tsx"],"sourcesContent":["import { getTranslations } from 'src/store';\nimport { Tooltip } from '../Tooltip';\nimport { PhishingWarningIcon } from './PhishingWarningIcon';\nimport { Trans } from 'react-i18next';\nimport { useMemo } from 'react';\nimport { convertCheckSum } from 'src/utils/address';\n\nexport interface PhishingData {\n  key: string;\n  regex: RegExp;\n  list: {\n    address: string;\n    list: [string, string, string];\n  }[];\n}\n\nexport const formatListResponseWithPhishingInfo = <\n  T extends Record<string, unknown>,\n>(\n  response: T,\n) => {\n  if (!response || !response.phishingInfo || !response.list) {\n    return response;\n  }\n  const phishingInfo = response.phishingInfo as Record<string, string[]>;\n  const phishingRegex = Object.keys(phishingInfo).reduce((acc, key) => {\n    const value = phishingInfo[key] || [];\n    if (!Array.isArray(value) || value.length <= 1) {\n      return acc;\n    }\n    const [start = '', end = ''] = key.split('...');\n    const regex = new RegExp(`^(${start})(.*)(${end})$`, 'i');\n    acc.push({\n      key,\n      regex,\n      list: value.map(item => {\n        const [_, start = '', middle = '', end = ''] =\n          convertCheckSum(item).match(regex) || [];\n        return {\n          address: item,\n          list: [start, middle, end],\n        };\n      }),\n    });\n    return acc;\n  }, [] as PhishingData[]);\n  if (phishingRegex.length === 0) {\n    return response;\n  }\n  return {\n    ...response,\n    list: (response.list as Record<string, unknown>[]).map(item => {\n      const fromPhishingData = phishingRegex.find(p =>\n        p.regex.test((item.from || '') as string),\n      );\n      const toPhishingData = phishingRegex.find(p =>\n        p.regex.test((item.to || '') as string),\n      );\n      return {\n        ...item,\n        fromPhishingData,\n        toPhishingData,\n      };\n    }),\n  };\n};\n\nconst PhishingAddress: React.FC<{\n  start: string;\n  end: string;\n  middle: string;\n}> = ({ start, end, middle }) => {\n  return (\n    <span>\n      <span className=\"text-#FFBB37\">{start}</span>\n      <span>{middle}</span>\n      <span className=\"text-#FFBB37\">{end}</span>\n    </span>\n  );\n};\n\nconst SimilarAddresses: React.FC<{\n  list: [string, string, string][];\n}> = ({ list }) => {\n  return (\n    <div className=\"flex flex-col\">\n      {list.map(item => (\n        <PhishingAddress\n          key={item[1]}\n          start={item[0]}\n          end={item[2]}\n          middle={item[1]}\n        />\n      ))}\n    </div>\n  );\n};\n\nconst PhishingTooltip: React.FC<{\n  phishingData: PhishingData;\n  address: string;\n}> = ({ phishingData, address }) => {\n  const translations = getTranslations();\n  const { list: _list, key, regex } = phishingData;\n  const { start, middle, end, list } = useMemo(() => {\n    const [_, start = '', middle = '', end = ''] =\n      convertCheckSum(address).match(regex) || [];\n    return {\n      start,\n      middle,\n      end,\n      list: _list\n        .filter(item => item.address.toLowerCase() !== address.toLowerCase())\n        .map(item => item.list),\n    };\n  }, [address, key, _list]);\n\n  return (\n    <Tooltip\n      className=\"flex items-center\"\n      containerClassName=\"[&.sirius-next-tooltip>[data-part=content]]:text-10px\"\n      title={\n        <Trans i18nKey={translations.toolTip.phishingWarning}>\n          <PhishingAddress start={start} end={end} middle={middle} />\n          <SimilarAddresses list={list} />\n        </Trans>\n      }\n      portalled\n    >\n      <PhishingWarningIcon className=\"text-#FFBB37\" />\n    </Tooltip>\n  );\n};\n\nexport const PhishingAddressContainer: React.FC<\n  React.PropsWithChildren & {\n    address?: string;\n    phishingData?: PhishingData;\n  }\n> = ({ children, phishingData, address }) => {\n  if (address && phishingData && phishingData.list.length > 0) {\n    return (\n      <div className=\"flex items-center\">\n        <PhishingTooltip phishingData={phishingData} address={address} />\n        {children}\n      </div>\n    );\n  }\n  return children;\n};\n"],"mappings":"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","names":["start","end","middle"]}

package/dist/components/Price/index.js

@@ -1,13 +1,14 @@
 import {
   Tooltip
-} from "../../chunk-7M5S36LE.js";
+} from "../../chunk-VOIYIVZF.js";
 import "../../chunk-LRCAKRPK.js";
 import {
   formatPrice
-} from "../../chunk-PK2FN4VI.js";
+} from "../../chunk-AYD3HJZF.js";
 import "../../chunk-7RH7LJYB.js";
-import "../../chunk-JOJQXQLI.js";
+import "../../chunk-UR2UYNPF.js";
 import "../../chunk-J2I22Q2M.js";
+import "../../chunk-YEUH2K6Z.js";
 import "../../chunk-DQGLZCIG.js";
 
 // src/components/Price/index.tsx

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Price/index.tsx"],"sourcesContent":["/**\n *\n * Footer\n *\n */\nimport React from 'react';\nimport { formatPrice } from '../../utils';\nimport { Tooltip } from '../Tooltip';\n\nexport const Price = ({\n  children,\n  showTooltip = true,\n}: {\n  children: string | number;\n  showTooltip?: boolean;\n}) => {\n  if (['NaN', 'undefined', 'null'].includes(String(children))) {\n    return <span>--</span>;\n  }\n\n  const [fPrice, fullPrice] = formatPrice(children);\n\n  return fullPrice && showTooltip ? (\n    <Tooltip\n      title={\n        <span\n          style={{\n            whiteSpace: 'nowrap',\n          }}\n        >\n          {fullPrice}\n        </span>\n      }\n    >\n      <span>{fPrice}</span>\n    </Tooltip>\n  ) : (\n    <span>{fPrice}</span>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AAiBW;AARJ,IAAM,QAAQ,CAAC;AAAA,EACpB;AAAA,EACA,cAAc;AAChB,MAGM;AACJ,MAAI,CAAC,OAAO,aAAa,MAAM,EAAE,SAAS,OAAO,QAAQ,CAAC,GAAG;AAC3D,WAAO,oBAAC,UAAK,gBAAE;AAAA,EACjB;AAEA,QAAM,CAAC,QAAQ,SAAS,IAAI,YAAY,QAAQ;AAEhD,SAAO,aAAa,cAClB;AAAA,IAAC;AAAA;AAAA,MACC,OACE;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,YAAY;AAAA,UACd;AAAA,UAEC;AAAA;AAAA,MACH;AAAA,MAGF,8BAAC,UAAM,kBAAO;AAAA;AAAA,EAChB,IAEA,oBAAC,UAAM,kBAAO;AAElB;","names":[]}
+{"version":3,"sources":["../../../src/components/Price/index.tsx"],"sourcesContent":["/**\n *\n * Footer\n *\n */\nimport React from 'react';\nimport { formatPrice } from '../../utils';\nimport { Tooltip } from '../Tooltip';\n\nexport const Price = ({\n  children,\n  showTooltip = true,\n}: {\n  children: string | number;\n  showTooltip?: boolean;\n}) => {\n  if (['NaN', 'undefined', 'null'].includes(String(children))) {\n    return <span>--</span>;\n  }\n\n  const [fPrice, fullPrice] = formatPrice(children);\n\n  return fullPrice && showTooltip ? (\n    <Tooltip\n      title={\n        <span\n          style={{\n            whiteSpace: 'nowrap',\n          }}\n        >\n          {fullPrice}\n        </span>\n      }\n    >\n      <span>{fPrice}</span>\n    </Tooltip>\n  ) : (\n    <span>{fPrice}</span>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;AAiBW;AARJ,IAAM,QAAQ,CAAC;AAAA,EACpB;AAAA,EACA,cAAc;AAChB,MAGM;AACJ,MAAI,CAAC,OAAO,aAAa,MAAM,EAAE,SAAS,OAAO,QAAQ,CAAC,GAAG;AAC3D,WAAO,oBAAC,UAAK,gBAAE;AAAA,EACjB;AAEA,QAAM,CAAC,QAAQ,SAAS,IAAI,YAAY,QAAQ;AAEhD,SAAO,aAAa,cAClB;AAAA,IAAC;AAAA;AAAA,MACC,OACE;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,YAAY;AAAA,UACd;AAAA,UAEC;AAAA;AAAA,MACH;AAAA,MAGF,8BAAC,UAAM,kBAAO;AAAA;AAAA,EAChB,IAEA,oBAAC,UAAM,kBAAO;AAElB;","names":[]}

package/dist/components/Radio/index.js

@@ -1,9 +1,10 @@
 import {
   cn
-} from "../../chunk-PK2FN4VI.js";
+} from "../../chunk-AYD3HJZF.js";
 import "../../chunk-7RH7LJYB.js";
-import "../../chunk-JOJQXQLI.js";
+import "../../chunk-UR2UYNPF.js";
 import "../../chunk-J2I22Q2M.js";
+import "../../chunk-YEUH2K6Z.js";
 import "../../chunk-DQGLZCIG.js";
 
 // ../../node_modules/.pnpm/@radix-ui+react-radio-group@1.2.3_@types+react-dom@18.2.22_@types+react@18.2.67_react-dom@18._7hoofqvtnex5636yqbwyqoruey/node_modules/@radix-ui/react-radio-group/dist/index.mjs